Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Buildaro is a modern landing page for a web design agency that promotes its unique offering of a free demo website for customers. The page aims to convert visitors into clients by showcasing a single plan priced at $999, which includes a customizable 4-page website. The design focuses on simplicity and clarity, highlighting the agency's services while ensuring an engaging user experience.

## CORE FEATURES
1. **Hero Section**: A captivating introductory area that presents Buildaro's unique selling proposition (USP) and includes a call-to-action (CTA) button for the free demo.
2. **Service Overview**: A clear display of the single plan offered, detailing the 4-page website and available add-ons to help potential customers understand the value proposition.
3. **Free Demo CTA**: A prominent button encouraging visitors to sign up for a free demo, facilitating lead capture and engagement.
4. **Testimonials Section**: A section showcasing customer testimonials to build trust and demonstrate past successes.
5. **Contact Form**: A simple contact form for inquiries, ensuring easy communication with potential clients.
6. **Footer**: Includes links to social media, privacy policy, and additional contact information.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A single-page layout featuring a vertical scroll structure with sections for the hero, services, testimonials, and contact form. Each section should be clearly defined with ample whitespace to enhance readability and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop reusable components for the hero section, service overview, testimonials, contact form, and footer.
3. **Implement Styling**: Utilize Tailwind CSS to apply the minimalist design principles, ensuring the primary color and typography are integrated.
4. **Add Content**: Populate the components with relevant text, including the value proposition, service details, and customer testimonials.
5. **Create Call-to-Action**: Ensure the free demo button is prominently displayed and linked to a form for user sign-up.
6. **Test Responsiveness**: Verify the landing page is responsive across different devices and screen sizes, adjusting styles as necessary.
7. **Deploy**: Prepare the application for deployment, ensuring all links and forms are functional.

## USER EXPERIENCE
The user experience is designed to be straightforward and engaging. Visitors will be welcomed by the hero section, which clearly states Buildaro's offering. The service overview section will provide essential information, while testimonials will reinforce credibility. The CTA for the free demo will be accessible throughout the page. The contact form will be easy to fill out, ensuring users can reach out without frustration, leading to a seamless transition from visitor to potential client.