Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for "Espérons de Tunisie," focusing on promoting the brand and its offerings. The purpose is to engage visitors with a clean design and clear messaging that encourages interaction and conversion.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction with a catchy slogan and a prominent call-to-action (CTA) button directing users to learn more or contact.
2. **About Section**: A brief overview of "Espérons de Tunisie," outlining its mission, values, and unique offerings.
3. **Features Section**: Highlight key features or services provided, each with a concise description and relevant visuals.
4. **Testimonials Section**: Showcase user testimonials or reviews to build trust and credibility.
5. **Contact Section**: Provide an easy way for visitors to contact the business, including a simple form or direct links to social media.

## 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 follow a single-page structure featuring a top navigation bar, followed by consecutive sections for the hero, about, features, testimonials, and contact, all designed for smooth scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for pre-built, customizable components.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build components for the hero section, about section, features section, testimonials section, and contact section using shadcn/ui.
3. **Styling**: Apply Tailwind CSS classes to each component, ensuring the design specifications are adhered to.
4. **Add Content**: Populate each section with relevant content, including images and text that align with the brand's messaging.
5. **Integrate CTA**: Ensure that all CTA buttons are functional and link to relevant actions, such as scrolling to the contact form or external links.
6. **Responsive Design**: Test and refine the design to ensure it is fully responsive and looks great on all devices.

## USER EXPERIENCE
Visitors will first encounter a stunning hero section that captures their attention, followed by a clear narrative of what "Espérons de Tunisie" offers. The layout encourages smooth navigation through the sections, with easy access to contact options and a straightforward design that guides users toward making inquiries or engaging further with the brand. The overall experience is designed to be intuitive, engaging, and visually satisfying, ensuring users can quickly find the information they need.