Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Renuar, a clothing store that aims to showcase its latest collections, promotions, and customer testimonials. The website will provide an engaging and visually appealing experience to attract potential customers and encourage them to explore products, view reviews, and connect with the brand.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring a promotional banner for current sales or new arrivals, complete with a call-to-action button that encourages visitors to shop now.
2. **Featured Products**: A display of selected clothing items with images, brief descriptions, and prices, allowing customers to quickly browse the latest offerings.
3. **Customer Reviews**: A section highlighting customer reviews and ratings to build trust and encourage new visitors to make purchases.
4. **Social Media Integration**: Embedded feeds from Renuar's social media accounts (e.g., Instagram and Facebook) to keep content fresh and engaging, displaying the latest posts and promotions.
5. **Store Locator**: An interactive map or link to help customers find the nearest Renuar physical store, enhancing the user experience for in-store shopping.
6. **Contact Information**: A clear section with contact details, including phone number and email, as well as links to social media channels, allowing customers to easily reach out for 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**: The layout will be structured with a top navigation bar, followed by the hero section, featured products grid, customer reviews carousel, social media feed, store locator, and contact information at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple state management can be handled with React hooks if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling components.
3. **Create Layout**: Set up the main layout structure with a header, sections for hero, products, reviews, social media, store locator, and contact.
4. **Implement Hero Section**: Design the hero section with a promotional banner and a prominent call-to-action button.
5. **Add Featured Products**: Create a grid component to display featured products with images and descriptions.
6. **Integrate Customer Reviews**: Develop a carousel or grid to showcase customer reviews dynamically.
7. **Embed Social Media Feeds**: Use APIs or widgets to display the latest posts from Renuar’s social media accounts.
8. **Implement Store Locator**: Add a map or link to the store locator feature, ensuring it’s easy for users to find physical locations.
9. **Contact Information**: Create a simple contact section with email, phone number, and social media links.
10. **Finalize Styling**: Ensure all components adhere to the design specifications for colors, typography, and borders.

## USER EXPERIENCE
Users will be greeted by a welcoming hero section that draws attention, followed by easy navigation through featured products. The presence of customer reviews will enhance trust, while social media integration will keep the content engaging. The store locator will facilitate in-person shopping, and the contact information will ensure that users can easily reach out with any questions or concerns. The overall experience will be smooth, modern, and visually appealing, encouraging users to explore and make purchases.