Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote Calzados Molero, a footwear store, and provide essential information to potential customers. The main purpose is to showcase the brand, its products, and encourage visitors to engage through contact or visits to the physical location.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with an engaging headline, a brief description of the brand, and a call-to-action (CTA) button directing users to the contact section.
2. **About Section**: A concise overview of Calzados Molero, highlighting its history, mission, and unique selling points.
3. **Product Showcase**: A gallery of featured products with images, brief descriptions, and links to learn more or make inquiries.
4. **Testimonials**: A section dedicated to customer reviews and testimonials to build trust and credibility among potential customers.
5. **Contact Section**: Easy access for visitors to reach out, with a contact form and location map integrated to guide them to the store.
6. **Social Media Links**: Icons linking to social media profiles for further engagement and community building.

## 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, including a hero section, about section, product showcase, testimonials, and contact section for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for modern and accessible UI components.
- **State Management**: Not required for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a React project with TypeScript and install Tailwind CSS. Set up shadcn/ui for UI components.
2. **Create Layout Structure**: Implement a single-page layout with sections for the hero, about, products, testimonials, and contact.
3. **Style Sections**: Use Tailwind CSS to apply the minimalist design, ensuring the primary color and typography are consistently used throughout the page.
4. **Develop Core Features**:
   - **Hero Section**: Implement a full-width background image with overlay text for the brand introduction.
   - **About Section**: Create a responsive layout with text content about Calzados Molero.
   - **Product Showcase**: Utilize a grid layout to display product images and descriptions elegantly.
   - **Testimonials Section**: Implement a carousel or grid to show customer reviews.
   - **Contact Section**: Integrate a contact form and Google Maps embed for location.
5. **Test Responsiveness**: Ensure the layout adapts smoothly to various screen sizes and devices.
6. **Deploy the Landing Page**: Use a hosting service like Vercel or Netlify to publish the landing page.

## USER EXPERIENCE
Visitors will have a seamless experience navigating through the landing page. The hero section immediately captures attention, leading users to explore the brand's story and products. The testimonials build trust, while the contact section provides an easy way for potential customers to inquire further. The minimalist design ensures that the focus remains on the content, enhancing engagement and conversion rates.