Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a captivating landing page for a general contractor's website that significantly improves upon the current design. The goal is to create an engaging and visually appealing site that stands out against competitors while maintaining a professional aesthetic. The landing page will include essential sections like a hero area, features, testimonials, and a contact form, all designed to maximize user conversion.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that includes a compelling headline, a brief description of services, and a prominent call-to-action button.
2. **Services Overview**: A section that highlights the key services offered, using bold typography and clean icons to draw attention.
3. **Testimonials**: A carousel or grid layout displaying client testimonials to build trust and credibility.
4. **Portfolio Showcase**: An area to showcase past projects with images and brief descriptions, enhancing visual appeal.
5. **Call to Action (CTA)**: A strategically placed CTA that encourages visitors to get in touch or request a quote.
6. **Contact Form**: A simple yet effective contact form for inquiries, designed for ease of use and quick submission.

## 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 that flows seamlessly from the hero section to services, testimonials, portfolio, and contact, ensuring a logical progression and an intuitive user experience.

## 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 the Project**: Initialize a new React project using TypeScript, and integrate Tailwind CSS for styling.
2. **Create Components**: Build reusable components for the hero section, service cards, testimonial display, portfolio items, and the contact form.
3. **Implement Layout**: Organize components in a single-page layout, ensuring smooth scrolling between sections.
4. **Add Styling**: Apply Tailwind CSS classes to achieve the minimalist design, using the specified primary color and typography.
5. **Optimize for Mobile**: Ensure the layout is responsive, adjusting styles for various screen sizes to enhance usability.
6. **Test Functionality**: Review all links and forms for functionality and ensure all components are rendering correctly.

## USER EXPERIENCE
The landing page will provide a seamless user experience, guiding visitors through the content in a logical manner. Users will first encounter a captivating hero section that draws them in, followed by easily digestible information about services. The inclusion of testimonials and a portfolio will instill confidence, while a clear call to action will encourage users to engage further. The overall clean and minimalist design will keep the focus on the content, ensuring an enjoyable browsing experience.