Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project will create a landing page for "Dubai Chewy Cookie," focusing on promoting the product with a clean, minimalist design. The primary goal is to attract potential customers through engaging visuals, clear messaging, and strong calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section that showcases the Dubai Chewy Cookie with enticing images and a catchy tagline.
2. **Product Features**: Highlight key features of the cookie, such as flavors, ingredients, and unique selling points, presented in an easy-to-read format.
3. **Testimonials**: A section dedicated to customer reviews and testimonials to build credibility and encourage trust in the product.
4. **Call to Action (CTA)**: A prominent CTA that motivates visitors to order or learn more about the product, ensuring conversion opportunities are maximized.
5. **Contact Information**: A simple contact form or details for users to reach out for inquiries or feedback.

## 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 with a vertical flow, featuring a hero section at the top, followed by product features, testimonials, a CTA, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, but can use Context API for handling forms if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout**: Implement a single-page layout structure using a combination of Tailwind CSS classes for spacing and alignment.
3. **Build Hero Section**: Design the hero section with an eye-catching image of the cookie, a headline, and a subheading.
4. **Develop Features Section**: Use cards or icons to present the product features clearly and attractively.
5. **Add Testimonials Section**: Create a section for customer reviews with a simple carousel or grid layout to showcase testimonials.
6. **Implement CTA**: Design a visually distinct CTA button encouraging users to order or learn more, linking it to an appropriate action.
7. **Contact Form**: Create a basic contact form for users to submit inquiries, ensuring it aligns with the overall design.
8. **Responsive Design**: Ensure the landing page is fully responsive, adjusting layout and text sizes for different devices.

## USER EXPERIENCE
Key user interactions include easy navigation through sections, visually engaging content that captures attention, and straightforward CTAs that guide users towards making a purchase or contacting the business. The minimalistic design ensures a focus on the product and enhances user satisfaction, making it simple for visitors to understand the value of the Dubai Chewy Cookie.