Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a promotional code aggregator website designed to provide users with an easy way to find and utilize discount codes from various online retailers. The landing page will effectively showcase the benefits of using the site, highlight featured promotions, and encourage visitors to engage with the platform.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero area with a compelling headline, subheadline, and a call-to-action (CTA) button that invites users to explore the latest promotional codes.
2. **Featured Promotions**: A section that highlights top promotions or discounts available, allowing users to quickly see the most valuable offers.
3. **Categories**: An organized layout displaying different categories of promotions, enabling users to browse through various retail sectors easily.
4. **User Testimonials**: A section showcasing user feedback and success stories, building credibility and trust in the service.
5. **Subscription Form**: A simple form for users to subscribe to newsletters and receive updates on new promotional codes directly to their email.
6. **Contact Information**: A section with contact details and links to social media, helping users reach out for support or follow the brand on social platforms.

## 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-column layout with a clear visual hierarchy, ensuring that each section is well-defined and easy to navigate.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize the React application with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Design the hero area with a prominent heading, subheading, and CTA button using the specified typography and colors.
3. **Develop the Featured Promotions Section**: Add dynamic content that showcases current promotions, ensuring it is visually appealing and easy to read.
4. **Implement the Categories Section**: Create a grid layout to display various categories, ensuring that each category is clickable and leads to relevant promotions.
5. **Add User Testimonials**: Design this section with quotes and user images, utilizing a card layout for visual distinction.
6. **Build the Subscription Form**: Integrate a simple form for email subscriptions, ensuring it is easy to find and use.
7. **Include Contact Information**: Provide clear contact details and social media links at the bottom of the page.
8. **Optimize for Responsiveness**: Ensure the layout and components adapt seamlessly to different screen sizes.

## USER EXPERIENCE
The user experience focuses on simplicity and ease of navigation. Users will be greeted by a clean hero section that immediately communicates the value of the site. Browsing through featured promotions and categories will be intuitive, with clear calls-to-action leading users to their desired offers. The subscription form will be unobtrusive yet accessible, allowing users to stay connected without interrupting their browsing experience. Overall, the design will prioritize a smooth, engaging interaction that encourages users to explore and utilize the promotional codes effectively.