Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for an ad generator application named "Fastest". It aims to showcase the app's core features, pricing, user testimonials, and provide a clear call to action, all while maintaining a minimalist and approachable design. The focus is on converting visitors into users through a clean, atmospheric layout that enhances user interaction.

## CORE FEATURES
1. **Hero Section**: A prominent introduction to the ad generator app with a catchy headline and a primary call-to-action button for users to get started.
2. **Pricing Section**: Clear and concise pricing plans that highlight the features and benefits of each plan, including a visual tag for each plan.
3. **Testimonials**: A section dedicated to user feedback showcasing the app's effectiveness and user satisfaction, enhancing credibility.
4. **Call to Action (CTA)**: A strategically placed button prompting visitors to take action, such as signing up or downloading the app.
5. **Navigation Bar**: A fixed navigation bar for easy access to different sections of the landing page.
6. **Minimalistic Footer**: A footer that includes essential links and information while keeping the design sleek and unobtrusive.

## 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 layout consists of a full-width hero section, followed by contained sections for pricing and testimonials, with a footer that spans the full width but maintains a minimalistic design.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for UI components.
3. **Create Layout Components**:
   - **Header**: Implement the navigation bar with links to sections.
   - **Hero Section**: Design with a background gradient, headline styled with 'Instrument Serif', and a CTA button.
   - **Pricing Section**: Create cards for each pricing tier with features listed, using the specified border radius and shadows.
   - **Testimonials Section**: Add user testimonials styled in cards with the appropriate shadows and spacing.
   - **Footer**: Implement a minimalistic footer with essential links and information.
4. **Styling**: Use Tailwind CSS classes to match the design specifications and ensure responsiveness.
5. **Testing**: Ensure all sections are functioning correctly and responsive across different devices.

## USER EXPERIENCE
Users will land on a visually appealing hero section that captures their attention immediately. They can easily navigate through the page using the fixed navigation bar. The pricing section allows for quick comparisons, while testimonials build trust. The clear CTA button encourages users to engage further, whether by signing up or exploring more about the app. The minimalist design ensures that users can focus on the content without distractions, leading to a seamless experience.