Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "pedroCreaciones," a fictional beverage company based in Salta Capital, Argentina. The primary purpose of the landing page is to showcase and sell a soda beverage, allowing users to place orders for packs of 6 units. The design will emphasize a dark aesthetic with gold and red accents to create a striking visual impact and enhance user engagement.

## CORE FEATURES
1. **Hero Section**: A visually striking central image displaying the individual soda bottle, transitioning through various perspectives to showcase the product.
2. **Ordering Options**: Clear buttons for online and in-person orders, with dynamic color changes and animations that enhance the user experience.
3. **Shopping Cart Functionality**: A visible shopping cart icon that allows users to easily review their orders and proceed to checkout.
4. **AI Assistant**: A bottom-right logo of a friendly robotic mascot that serves as an AI assistant, enabling users to ask questions about the company and products.
5. **Company Information**: Sections detailing the company background, policies, and contact information, ensuring transparency and trust.
6. **Responsive Design**: The layout will adapt seamlessly across devices, maintaining usability and aesthetics on both desktop and mobile.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean design featuring a dark theme that utilizes black as the primary color, complemented by gold and red accents.
- **Color Mode**: Dark theme with black backgrounds, gold for buttons and highlights, and red accents for calls to action.
- **Layout**: 
  - **Header**: Includes the company logo, navigation options (Order Online, About Us, Policies, Contact).
  - **Hero Section**: Central rotating product images that transition from one perspective to the next.
  - **Ordering Options**: Below the hero section, buttons for online and in-person orders with animation effects.
  - **Footer**: Contact information and links to social media.
- **Typography**: Use modern sans-serif fonts for readability and a contemporary feel. Headings should be bold, while body text is lighter for contrast.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and scalability.
- **Styling**: Tailwind CSS for rapid UI development with utility-first design.
- **UI Components**: Utilize shadcn/ui for pre-built components that match the minimalist aesthetic.
- **State Management**: React Context API for managing the shopping cart state.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React app with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Header Component**: Design the navigation bar with links to order online, about us, policies, and contact.
3. **Develop the Hero Section**: Implement the central rotating images of the soda bottle with smooth transitions.
4. **Build Ordering Options**: Create buttons for online and in-person orders with hover effects that change colors according to the theme.
5. **Integrate Shopping Cart**: Set up the shopping cart icon and functionality to allow users to add items and view their cart.
6. **Implement AI Assistant**: Develop the AI assistant interface that can respond to user queries.
7. **Design Footer**: Add company information and social media links in the footer for user engagement.

## USER EXPERIENCE
Users will be greeted with a visually captivating hero section displaying the soda product. They can easily navigate through the header to learn more about the company or place an order. The interactive ordering buttons will respond to user actions with animations, providing an engaging experience. The AI assistant will be readily available for inquiries, enhancing customer support. The overall design will ensure a smooth and enjoyable journey from landing on the page to completing a purchase.