Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for the Gemini Nano Banana 2 or Gemini 3.1 Pro, designed to attract users with a clean and minimalist aesthetic. The main purpose is to showcase the features of these products while providing an engaging user experience that encourages conversions.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a compelling headline, subheadline, and a call-to-action (CTA) button that invites visitors to learn more or purchase.
2. **Features Overview**: Highlight the key features of the Gemini Nano Banana 2 and Gemini 3.1 Pro with brief descriptions and accompanying icons or images.
3. **Testimonials**: A section for user testimonials to build trust and credibility, showcasing positive feedback from current users.
4. **CTA Section**: A prominent call-to-action area encouraging users to take the next step, whether it's signing up for a newsletter or purchasing.
5. **Contact Information**: A simple contact form or details for user inquiries, ensuring easy communication.

## 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 will consist of a full-width hero section at the top, followed by sections arranged vertically for features, testimonials, and CTA, ensuring a smooth scroll experience and easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components to streamline the styling process.
3. **Create Layout Components**: Develop reusable components for the hero section, features, testimonials, and contact form.
4. **Implement Design Specifications**: Apply Tailwind CSS classes to match the design specifications provided, ensuring typography and color schemes are consistent throughout.
5. **Add Content**: Populate each section with relevant content, including product features, testimonials, and contact information.
6. **Test Responsiveness**: Ensure the landing page is responsive across various devices and screen sizes.
7. **Deploy the Application**: Once completed, deploy the landing page using a hosting service like Vercel or Netlify.

## USER EXPERIENCE
The user experience focuses on guiding visitors through the landing page seamlessly. Users will first see an engaging hero section that captures their attention. As they scroll, they will encounter clear and concise information about the products, enhanced by testimonials that provide social proof. The CTA will be strategically placed throughout the page, ensuring users have multiple opportunities to engage with the content and take action. The minimalist design will keep distractions to a minimum, enhancing the overall experience.