Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails the creation of a stunning landing page for "l'atelier digital," an agency dedicated to assisting restaurants with their digital needs. The landing page will effectively showcase services such as website creation, QR code generation for digital menus, augmented reality for dishes, and reservation systems, all aimed at improving their Google visibility. The design will prioritize simplicity and elegance, ensuring a strong visual impact to attract potential clients.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to l'atelier digital with a striking headline, subheadline, and a prominent call-to-action (CTA) button encouraging visitors to learn more.
2. **Services Overview**: A section detailing the key services offered, such as website design, QR code solutions, augmented reality experiences, and SEO assistance for restaurants.
3. **Client Testimonials**: Showcase positive feedback from satisfied clients to build trust and credibility.
4. **Call to Action**: A compelling CTA section prompting visitors to get in touch or request a quote.
5. **Contact Information**: Easy access to contact details, including a simple contact form for inquiries.

## 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 featuring a hero section at the top, followed by services, testimonials, a strong CTA, and contact information, all laid out vertically for easy scrolling.

## 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 React Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build the following components:
   - HeroSection
   - ServicesOverview
   - Testimonials
   - CallToAction
   - ContactForm
4. **Implement Layout**: Structure the main App component to include the created components in the appropriate order for a seamless scroll experience.
5. **Style Components**: Apply Tailwind CSS for styling each component, ensuring adherence to the design specifications provided.
6. **Optimize for Responsiveness**: Ensure that the landing page is fully responsive across devices.
7. **Testing**: Conduct thorough testing to ensure all components work correctly and the layout is visually appealing.

## USER EXPERIENCE
Visitors will be greeted by an engaging hero section that captures their attention immediately. They will be able to scroll through the services offered, read testimonials from other restaurant owners, and easily navigate to the contact form to initiate a conversation. The overall experience will be smooth and intuitive, guiding potential clients toward taking action with clear CTAs. The minimalist design will ensure that the focus remains on the content and services offered, enhancing user engagement and conversion rates.