Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase D'Nona's delicious desserts, combining a clean and minimalist aesthetic with engaging content to drive user interaction and sales. The structure emphasizes storytelling, product presentation, and easy navigation to enhance user experience and conversion rates.

## CORE FEATURES
1. **Header & Navigation**: Includes a global search bar for users to find their favorite desserts quickly, with links to Home, About Us, History, Products, Testimonials, and Contact sections.
2. **Hero Section**: A visually captivating area featuring a giant Alfajor background, a compelling headline "Seguimos la receta de la abuela," and a prominent CTA button encouraging users to explore or purchase desserts.
3. **About Us Section**: Brief overview of the company with floating decorations that enhance visual appeal, detailing the mission and manufacturing practices.
4. **Timeline of Our History**: A visually engaging timeline that outlines key milestones of the business, adding a personal touch to the brand story.
5. **Product Display**: Showcases dessert categories with engaging visuals and "See More" buttons for deeper exploration of offerings.
6. **Testimonials Carousel**: A clean, rotating display of customer testimonials to build trust and showcase product quality.

## 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 be a single-page scrolling design with distinct sections for each feature, utilizing smooth transitions and parallax effects for floating decorations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but can be implemented if needed for dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Structure**: Develop the main layout with a header, hero section, and subsequent sections for About Us, History, Products, Testimonials, and Contact.
3. **Implement Header & Navigation**: Code the navigation bar with responsive design, including the search feature and contact information.
4. **Design Hero Section**: Use CSS for the background image and text styling; implement the CTA button linking to the product store.
5. **Create About Us Section**: Add text content with floating visual elements to enhance the design.
6. **Build Timeline Section**: Develop the visual timeline using a styled component or utility classes for a smooth flow.
7. **Set Up Product Display**: Create cards for each product category and implement links for detailed views.
8. **Add Testimonials Carousel**: Utilize a carousel component to display rotating testimonials from customers.
9. **Finalize Contact Form**: Implement a simple contact form with fields for name, phone, email, and a message.
10. **Test Responsiveness**: Ensure all components adjust properly on various screen sizes and refine layouts as needed.

## USER EXPERIENCE
Users will interact with the landing page through a straightforward navigation menu, allowing them to jump to specific sections quickly. The engaging hero section captures attention immediately, while the timeline and product displays provide a seamless storytelling experience. The testimonials will foster a sense of trust, and the quick contact form ensures users can easily reach out for inquiries or special orders. Overall, the site will prioritize a smooth, visually appealing user journey that encourages exploration and conversion.