Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a small online store specializing in food supplements. The focus is on presenting four key products with a professional and clean design that enhances user engagement and encourages conversions.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that introduces the brand and showcases the primary products with high-quality images and a compelling tagline.
2. **Product Showcase**: A dedicated section that highlights the four food supplement products with images, descriptions, and pricing.
3. **Testimonials**: A section for customer reviews and testimonials to build trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons guiding users to purchase products or learn more.
5. **Contact Information**: A section with contact details and a contact form for inquiries.

## 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 follow a single-page format with sections for the hero, product showcase, testimonials, CTA, and contact information, ensuring a smooth scroll experience.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Build a responsive layout using Tailwind CSS to accommodate the hero section, product showcase, testimonials, CTA, and contact sections.
3. **Implement the Hero Section**: Design the hero section with a background image, brand logo, and a catchy tagline.
4. **Build the Product Showcase**: Create a grid layout to display the four products, including images, descriptions, and pricing.
5. **Add Testimonials Section**: Implement a carousel or grid for customer reviews to enhance credibility.
6. **Create the CTA**: Design prominent buttons that stand out and encourage users to take action.
7. **Contact Section**: Set up a simple contact form and display contact information clearly.
8. **Test the Design**: Ensure the site is responsive and functions well across different devices and screen sizes.

## USER EXPERIENCE
Users will be greeted by an eye-catching hero section that introduces the store and its offerings. They can easily navigate through the product showcase to view details about each supplement. The testimonials will provide social proof, and the CTAs will guide users toward making a purchase. The contact information will allow for any inquiries, enhancing user engagement and trust in the brand. The overall design will ensure a seamless experience that encourages exploration and conversion.