Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote CALZADOS MOLERO, a shoe store located in Madrid. The primary purpose of the landing page is to provide an overview of the store, showcase its offerings, and encourage visitors to visit the physical location or contact the store for more information.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a captivating image of the store and a call-to-action button encouraging visitors to learn more or visit the store.
2. **About Us**: A brief description of CALZADOS MOLERO, including its history, values, and unique selling propositions.
3. **Product Showcase**: A section highlighting key products, with images and descriptions to entice visitors.
4. **Testimonials**: A carousel of customer reviews to build trust and credibility.
5. **Contact Information**: Clear details on how to reach the store, including a map, phone number, and email, with a contact form for inquiries.
6. **Call to Action (CTA)**: A clear, compelling CTA prompting users to visit the store or contact for more details.

## 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**: A single-page layout with sections stacked vertically, featuring a hero at the top, followed by About Us, Product Showcase, Testimonials, Contact Information, and a final CTA at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required, but could use Context API if needed for handling form submissions.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling components.
3. **Create Layout Components**: Build reusable components for the Hero, About Us, Product Showcase, Testimonials, Contact Information, and CTA sections.
4. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design, ensuring proper use of the primary color and typography.
5. **Add Content**: Populate each section with relevant text, images, and links.
6. **Set Up Contact Form**: Create a simple contact form that captures user inquiries and integrates with an email service if necessary.
7. **Optimize for Mobile**: Ensure the layout is responsive and looks good on various screen sizes.

## USER EXPERIENCE
Users will land on a clean and visually appealing page that immediately communicates the essence of CALZADOS MOLERO. The hero section will grab their attention, leading them to explore more about the store. They can easily navigate through the sections to learn about products and read testimonials, fostering a sense of trust. The contact information will be readily accessible, facilitating easy communication, encouraging users to reach out or visit the store. 

This prompt provides a comprehensive plan to create a functional and visually appealing landing page for CALZADOS MOLERO, focusing on user experience and minimalist design.