Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for "Flow Growth," a website design business. The primary goal is to establish an online presence that effectively represents the brand, showcases design capabilities, and converts visitors into clients through a clean, aesthetic interface.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section that includes the business name, tagline, and a prominent call-to-action (CTA) button encouraging visitors to get in touch or view the portfolio.
2. **About Section**: A brief introduction about Flow Growth, outlining the business philosophy and design approach, emphasizing the minimalist aesthetic.
3. **Portfolio Showcase**: A gallery of past projects with images and short descriptions to highlight design expertise and attract potential clients.
4. **Testimonials**: A section featuring client testimonials to build trust and credibility, enhancing the overall impact of the landing page.
5. **Contact Form**: A simple contact form allowing potential clients to reach out directly, with fields for name, email, and message.
6. **Footer**: A footer that includes social media links, copyright information, and a quick link to the privacy policy.

## 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**: The main layout will follow a vertical stack format, with each section clearly defined and spaced to enhance readability and visual flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Not needed for a static landing page; simple props and local state will suffice.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Develop the main layout using Tailwind CSS classes to ensure responsiveness and visual hierarchy.
3. **Implement Hero Section**: Design the hero section with a full-width background image or color, including text and CTA button styled with the primary color.
4. **Add About Section**: Create the about section with a brief description, using appropriate typography and spacing.
5. **Portfolio Showcase**: Use a grid layout to display portfolio items, ensuring images are responsive and well-aligned.
6. **Testimonials Section**: Design a carousel or grid layout for testimonials, focusing on readability and aesthetics.
7. **Contact Form**: Implement a simple contact form with validation, styled to match the overall design.
8. **Footer Implementation**: Create a footer with social media icons and necessary links.
9. **Testing and Optimization**: Test the landing page on multiple devices to ensure responsiveness and fix any bugs or layout issues.

## USER EXPERIENCE
Key user interactions will include scrolling through the cleanly designed sections, clicking on portfolio items for more detail, and easily filling out the contact form. The CTA buttons will stand out due to the primary color, guiding users toward desired actions, such as viewing the portfolio or contacting the business. The minimalist design will ensure that users are not overwhelmed, allowing for a seamless navigation experience.