Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for "Era Raya," a fashion store specializing in tunics and dresses for the Eid celebration. The landing page will showcase the store's offerings, highlight key features, and encourage visitors to make purchases while providing a seamless and engaging shopping experience.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring a prominent image of the latest fashion collection, a catchy tagline, and a call-to-action button directing users to shop now.
2. **Product Showcase**: A section displaying featured tunics and gamis with images, brief descriptions, and prices, allowing users to quickly browse the collection.
3. **Promotional Offers**: Highlight special promotions or discounts for the Eid season to entice visitors and drive conversions.
4. **Customer Testimonials**: A section dedicated to customer reviews and testimonials to build trust and credibility for the brand.
5. **Newsletter Signup**: An email capture form to encourage visitors to subscribe for updates and exclusive offers.
6. **Contact Information**: A simple contact form or information section for inquiries, ensuring easy communication with potential customers.

## 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 main layout structure will include a full-width hero section at the top, followed by a grid-like product showcase, promotional offers, testimonials, a newsletter signup, and a contact section positioned at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the layout**: Structure the landing page layout using React components for each section (Hero, Product Showcase, Promotions, Testimonials, Newsletter Signup, Contact).
3. **Style components**: Apply Tailwind CSS classes for styling according to the design specifications, ensuring a minimalist aesthetic.
4. **Integrate typography**: Import Inter font from Google Fonts and apply it to headings and body text.
5. **Implement hero section**: Add a background image, tagline, and call-to-action button that links to the product showcase.
6. **Build product showcase**: Create a dynamic component to display products with images, descriptions, and prices fetched from a static JSON file or API.
7. **Add promotional offers**: Include a dedicated section for highlighting special promotions with engaging visuals.
8. **Set up testimonials**: Create a section to display customer testimonials, either as static content or from an API.
9. **Implement newsletter signup**: Build a simple form for email capture, with a submission handler that logs the input (or integrates with a mailing service).
10. **Contact section**: Create a contact form or provide contact details for customer inquiries.
11. **Test responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
12. **Deploy the landing page**: Publish the landing page using a suitable hosting service.

## USER EXPERIENCE
Visitors will experience a clean and engaging landing page that highlights the essence of Era Raya's fashion collection. The intuitive navigation will guide users through the hero section to explore products easily. The prominent call-to-action buttons will encourage immediate shopping, while customer testimonials and promotional offers will enhance trust and urgency. The newsletter signup will foster ongoing engagement with visitors, ensuring they stay updated on new releases and offers.