Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page titled "Dont call me fox fizzy calle Madeira," designed to showcase a brand or concept with a minimalist aesthetic. The primary goal is to engage visitors through clean visuals and straightforward navigation, ultimately driving conversions via calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introductory area featuring a bold headline, a subheadline, and a prominent call-to-action button that encourages visitors to learn more or engage with the brand.
2. **Features Section**: A concise overview of key offerings or concepts, presented in a visually appealing manner to highlight the brand's unique selling points.
3. **Testimonials**: A section showcasing user reviews or endorsements to build credibility and trust among potential customers.
4. **Call to Action (CTA)**: Strategically placed buttons throughout the page to guide users towards signing up, contacting, or purchasing.
5. **Contact Form**: A simple form that allows visitors to reach out for more information or inquiries, enhancing user engagement.

## 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 sections stacked vertically, ensuring a smooth scrolling experience, with ample spacing to enhance readability.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components such as Button, Header, Footer, and Form.
3. **Design the Hero Section**: Implement the hero section with a background image, headline, subheadline, and CTA button styled using Tailwind CSS.
4. **Add Features and Testimonials**: Create sections for features and testimonials, using grid or flex layouts to ensure responsiveness.
5. **Implement the Contact Form**: Develop a simple contact form component with input validation and styling.
6. **Finalize Layout and Styles**: Apply the specified design specifications, ensuring consistent use of the primary color and typography.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.

## USER EXPERIENCE
The user experience is centered around simplicity and clarity. Visitors will easily navigate through the hero section, features, and testimonials, with clear CTAs guiding them toward desired actions. The minimalist design ensures that users focus on the content without distraction, fostering engagement and increasing conversion potential.