Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a store specializing in Latin American products, focusing on showcasing recipes and promoting items like arepas. The page will serve as a marketing tool to engage visitors, highlight featured products, and encourage purchases through a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring high-quality images of popular products and a catchy tagline to grab visitors' attention.
2. **Featured Recipes**: A dedicated area displaying a selection of recipes using the products sold, with attractive images and brief descriptions.
3. **Product Showcase**: A section highlighting key products available for purchase, complete with images, descriptions, and direct links to buy.
4. **Testimonials**: A space for customer reviews and feedback to build trust and credibility around the products and recipes offered.
5. **Call to Action (CTA)**: Prominent buttons encouraging visitors to explore products, sign up for newsletters, or follow social media channels.
6. **Contact Information**: A footer section providing contact details, including links to social media and customer service options.

## 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 feature a top navigation bar, followed by a hero section, recipe showcase, product display, testimonials, and a contact footer, ensuring a logical flow and easy navigation for users.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified but could use React's Context API or Zustand if needed for state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create the Layout**: Design the main structure using a responsive grid layout, ensuring sections stack appropriately on smaller screens.
3. **Implement the Hero Section**: Add a hero banner with a background image and a concise, inviting headline.
4. **Build the Recipe and Product Sections**: Create components for displaying recipes and products, utilizing Tailwind CSS for styling and ensuring they adapt responsively.
5. **Add Testimonials**: Implement a carousel or grid layout for customer testimonials to showcase positive feedback.
6. **Design the Footer**: Include contact information and social media links, styled to fit the minimalist theme.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across different devices and screen sizes.

## USER EXPERIENCE
Visitors will have an intuitive experience, starting from the eye-catching hero section that draws them in. They can easily navigate through featured recipes and products, read testimonials for social proof, and find ways to connect or purchase. Clear CTAs guide them towards the desired actions, enhancing engagement and conversion rates. The minimalist design ensures that the focus remains on the content without distractions.