Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page MVP for a barbershop named Wesley França Barbearia, located in Aracaju, Sergipe. The primary purpose of this landing page is to serve as an introductory platform that facilitates booking appointments and redirects users to the barbershop's social media profiles on Instagram and WhatsApp. 

## CORE FEATURES
1. **Hero Section**: An engaging introduction to Wesley França Barbearia with a prominent call-to-action (CTA) button that links to the booking page.
2. **Social Media Links**: Icons that directly link to the barbershop's Instagram (@wesleyfrancabarbearia_wk) and WhatsApp (wa.me/79 8140-9907) for easy access.
3. **Booking Popup**: A WhatsApp icon that pops up in the corner of the screen, allowing users to quickly contact the barbershop via WhatsApp for bookings.
4. **Minimalist Design**: A clean design emphasizing ease of navigation and user experience, with a focus on typography and white space.

## 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 main layout will consist of a hero section at the top, followed by a short description section, social media links, and a floating WhatsApp booking popup.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop the Hero Section with branding and main CTA.
   - Set up the social media links component with icons and links.
   - Implement the floating WhatsApp booking popup with a click-to-contact feature.
4. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design specified.
5. **Testing**: Ensure all links and the booking popup function correctly on different devices and screen sizes.
6. **Deployment**: Deploy the landing page using a service like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will first encounter the hero section with a clear call-to-action that invites them to book an appointment. They can easily access social media links for more information or updates. The WhatsApp popup will be a convenient feature, allowing users to reach out quickly without navigating away from the landing page. The minimalist design ensures that users have a smooth and focused experience, enhancing the likelihood of converting visitors into clients.