Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase "Franchie en Algérie." The main purpose of the landing page is to present information about the franchise, highlight positive reviews, and integrate 3D elements to enhance visual appeal and engagement. The focus will be on conversion, providing a seamless and informative experience for potential customers.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling headline and a brief description of Franchie, accompanied by a prominent call-to-action (CTA) button.
2. **Information Section**: A detailed overview of Franchie's services and offerings, presented in an easy-to-read format with engaging visuals.
3. **Testimonials**: A dedicated space to display positive reviews from customers, enhancing credibility and trustworthiness.
4. **3D Visuals**: Interactive 3D elements that represent the brand or services, providing an engaging user experience.
5. **Contact Form**: A simple and intuitive contact form allowing users to get in touch for more information or inquiries.
6. **Footer**: Essential links, social media icons, and additional contact information for quick access.

## 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 be structured in a single-column format, with distinct sections for the hero, information, testimonials, 3D visuals, and contact form, ensuring a clear flow of information.

## 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 React project**: Initialize a new React application using Create React App with TypeScript.
2. **Install required packages**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Create the layout structure**: Develop the main components for the hero section, information section, testimonials, 3D visuals, and contact form.
4. **Integrate typography and colors**: Apply the specified typography (Inter) and the primary color (#1978E5) throughout the application.
5. **Add 3D elements**: Use libraries such as Three.js to create and embed interactive 3D visuals in the designated section.
6. **Implement the contact form**: Create a simple form that captures user inquiries and integrates any necessary validation.
7. **Test responsiveness**: Ensure the landing page is fully responsive across devices and screen sizes.

## USER EXPERIENCE
Users will land on the page and immediately see the hero section, which grabs their attention with a clear message and CTA. As they scroll down, they will encounter informative sections detailing Franchie's offerings, followed by authentic customer testimonials that build trust. The interactive 3D elements will enhance engagement, while the contact form will provide an easy way for visitors to reach out for more information. The overall experience will be smooth, intuitive, and visually appealing, encouraging users to explore and connect with the brand.