Lovable Prompt Creator - AI Prompt Generator

# V0 Prompt for Favo Tattoo Landing Page

## APPLICATION TYPE & PURPOSE
Create a landing page for "Favo Tattoo," a tattoo studio that emphasizes a minimalist design. The purpose of the landing page is to market the studio, provide essential information, and facilitate user inquiries through WhatsApp and email.

## CORE FEATURES & FUNCTIONALITY
- **Hero Section**: 
  - Display the studio name "Favo Tattoo" prominently with a tagline.
  - Include a call-to-action button for users to send inquiries via WhatsApp.
  
- **About Section**: 
  - Brief introduction about the tattoo studio and its offerings.
  
- **Services Section**: 
  - Highlight main services: 
    - Realismo Tattoo
    - Tattoo removal (lasering)
  
- **Contact Section**: 
  - Provide location details:
    - Address: Markstraße 7, Homburg Saar
    - Official opening date: 01.08.2026
  - Include a contact form for email inquiries.
  
- **Footer**: 
  - Social media links (if applicable).
  - Quick links back to major sections of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: Use React for building the landing page.
- **Styling**: Utilize CSS Modules or Styled Components for styling.
- **Hosting**: Deploy using Vercel for easy integration with V0.
- **Contact Functionality**: 
  - Integrate WhatsApp API for messaging.
  - Use a simple email API (like EmailJS) for handling inquiries.

## DESIGN & UX 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 (use this as the main accent/brand color for buttons, links, highlights).
- **Typography**: 
  - Use Inter from Google Fonts for headings.
  - Use Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: 
  - Responsive design to cater to mobile and desktop users.
  - Ensure clear visual hierarchy and intuitive navigation.

## IMPLEMENTATION APPROACH
1. **Setup**: Initialize a new React project and install necessary dependencies.
2. **Build Components**: Create functional components for each section (Hero, About, Services, Contact, Footer).
3. **Styling**: Implement the design specifications using CSS Modules or Styled Components.
4. **Integrate Message Functionality**: Set up WhatsApp messaging and email inquiry handling.
5. **Testing**: Ensure all buttons and links work correctly and the layout is responsive.
6. **Deployment**: Deploy the completed landing page on Vercel.

## ERROR HANDLING & PERFORMANCE
- **Input Validation**: Ensure that contact form inputs are validated (e.g., email format).
- **Loading States**: Implement loading indicators for email inquiries.
- **Error Handling**: Provide user feedback for successful or failed submissions.
- **Optimization**: Optimize images and assets for faster loading times.

## ORGANIZATION & STRUCTURE
- **Sections**: Clearly defined sections for Hero, About, Services, Contact, and Footer.
- **Navigation**: Smooth scrolling and easy navigation between sections.
- **Accessibility**: Ensure ARIA labels and semantic HTML for screen readers.

This comprehensive prompt provides all necessary details for building the Favo Tattoo landing page using V0.