Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"I want toast 2026" is envisioned as a minimalist landing page that serves as a promotional site for a new concept or product. The primary goal of the landing page is to attract and inform users about the offering while encouraging them to engage with calls to action, ultimately driving conversions.

## CORE FEATURES
1. **Hero Section**: A striking hero area with a catchy headline and a brief description of the offering, accompanied by a prominent call-to-action button.
2. **Features Overview**: A section that highlights the key benefits and features of the product, presented in a clean and organized manner.
3. **Testimonials**: A section showcasing user reviews or testimonials to build trust and credibility for the offering.
4. **Call to Action (CTA)**: A strategically placed section encouraging visitors to sign up for updates or access the product.
5. **Contact Information**: A simple form or contact details for users to reach out with inquiries or feedback.

## 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, ensuring a smooth scrolling experience. The hero section is at the top, followed by features, testimonials, CTA, and contact information, all designed to lead the user down the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but could use React Context or a similar lightweight solution if needed.

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for each section of the landing page (Hero, Features, Testimonials, CTA, Contact).
3. **Implement Layout**: Structure the main App component to include the created sections in a vertical layout, ensuring smooth transitions between them.
4. **Style Components**: Use Tailwind CSS classes to apply the minimalist design specifications, including spacing, typography, and colors.
5. **Responsive Design**: Ensure that the layout adapts well to different screen sizes, optimizing for mobile and desktop views.
6. **Testing**: Perform thorough testing to ensure all components function correctly and the user experience is seamless.

## USER EXPERIENCE
The user journey begins at the hero section, where they are immediately drawn in by a compelling headline and clear call-to-action. As they scroll down, they encounter well-organized information about the product's features, bolstered by testimonials that establish credibility. The final CTA prompts users to take action, whether it’s signing up for updates or making a purchase. The layout's simplicity and clarity ensure that users can navigate easily, with a focus on the essential information needed to make a decision.