Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Dubai Chewy Cookie, aimed at promoting the product and converting visitors into customers. The landing page will feature a clean and minimalist design, focusing on the unique aspects of the product while offering an engaging user experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that highlights the product with attractive imagery and a catchy tagline.
2. **Product Features**: Detailed descriptions of the unique qualities and benefits of Dubai Chewy Cookie, presented in an easy-to-read format.
3. **Testimonials**: Customer reviews and feedback displayed in a visually appealing manner to build trust and credibility.
4. **Call to Action (CTA)**: Clear and compelling buttons encouraging users to order or learn more about the product.
5. **Contact Information**: A simple contact form allowing potential customers to reach out for inquiries or orders.

## 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 single-column structure, with sections stacked vertically for easy scrolling. Each section will be distinctly separated using white space, ensuring clarity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified; consider using React Context API or local state for handling simple interactions.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Structure**: Build the basic layout using functional components for the Hero, Features, Testimonials, CTA, and Contact sections.
3. **Design Components**: Implement the specified design elements, ensuring the use of the Inter font and the primary color #1978E5 for buttons and highlights.
4. **Integrate Testimonials**: Add a component for displaying customer testimonials, using mock data initially.
5. **Implement Contact Form**: Create a simple contact form that captures user inquiries.
6. **Responsive Design**: Ensure the landing page is fully responsive, adapting to different screen sizes while maintaining usability and aesthetics.
7. **Testing**: Test the landing page across various devices and browsers to ensure a seamless experience.

## USER EXPERIENCE
Key user interactions will include scrolling through the sections with smooth transitions, clicking on the CTA buttons to navigate to the ordering process, and filling out the contact form for inquiries. The minimalist design will guide users naturally through the content, enhancing engagement and conversion rates.