Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a men's urban clothing store named "Algo Exótico." The primary purpose of the landing page is to showcase the brand, highlight featured products, and encourage visitors to explore the collection and make purchases. The design will focus on a clean and minimalist aesthetic, ensuring an engaging user experience.

## CORE FEATURES
1. **Hero Section**: A visually striking hero banner that introduces "Algo Exótico" with captivating imagery and a strong call-to-action (CTA) button directing visitors to the product collection.

2. **Featured Products**: A section displaying a curated selection of popular or new products with images, brief descriptions, and links to product details.

3. **About Us**: A concise overview of the brand's story and values to connect with customers on a personal level.

4. **Testimonials**: A section showcasing customer reviews and testimonials to build trust and credibility for the brand.

5. **Newsletter Signup**: A simple form allowing visitors to subscribe to updates and promotions, enhancing customer engagement.

6. **Contact Information**: Clear contact details and links to social media profiles to facilitate customer inquiries.

## 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 a vertical scroll structure, featuring distinct sections for the hero, products, about, testimonials, newsletter signup, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically needed for a landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, product cards, testimonials, and the newsletter signup form.
3. **Styling**: Apply Tailwind CSS classes to implement the minimalist design and ensure responsiveness across devices.
4. **Integrate Google Fonts**: Include Inter font from Google Fonts in the project for typography.
5. **Implement Navigation**: Add smooth scrolling navigation links to each section for a better user experience.
6. **Test and Optimize**: Ensure the landing page works seamlessly on various devices and browsers, optimizing loading times and responsiveness.

## USER EXPERIENCE
Key user interactions will include clicking on the hero CTA to explore products, hovering over product cards for quick views, and submitting the newsletter signup form. The layout will be designed for easy navigation, allowing users to quickly access information and engage with the brand. The overall experience will be streamlined and visually appealing, encouraging users to explore and make purchases.