Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to showcase semi-custom guitars and luthier services. It aims to provide a visually appealing and engaging experience for visitors, highlighting the craftsmanship and unique offerings of the guitars while encouraging potential customers to inquire about services.

## CORE FEATURES
1. **Hero Section**: An engaging hero area featuring high-quality images of the guitars, a catchy tagline, and a prominent call-to-action (CTA) button to encourage visitors to explore services.
2. **Guitar Showcase**: A dedicated section to display different semi-custom guitar models with brief descriptions and pricing, allowing visitors to appreciate the variety and craftsmanship.
3. **Luthier Services**: A segment outlining the various luthier services offered, including maintenance, repairs, and custom builds, with accompanying images and descriptions.
4. **Testimonials**: A section featuring customer testimonials that build credibility and showcase satisfaction with the guitars and services.
5. **Contact Form**: An easy-to-use contact form for inquiries, enabling potential customers to reach out directly for more information or quotes.
6. **Social Media Links**: Icons linking to social media profiles to foster community engagement and showcase recent projects.

## 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-page format, with distinct sections for the hero, guitar showcase, luthier services, testimonials, and contact form, ensuring a smooth scroll experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page, but context can be managed using React's built-in state.

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the header, footer, and sections (hero, guitar showcase, services, testimonials, contact).
4. **Implement Hero Section**: Design the hero section with a background image, title, and CTA button using Tailwind CSS for styling.
5. **Build Guitar Showcase**: Create a grid or card layout for showcasing guitars, with images, descriptions, and pricing.
6. **Add Luthier Services Section**: Include a section detailing the luthier services with icons and descriptions.
7. **Incorporate Testimonials**: Design a carousel or grid layout for displaying customer testimonials, ensuring they are visually distinct.
8. **Create Contact Form**: Implement a simple contact form that captures user inquiries, utilizing form validation as needed.
9. **Style the Page**: Use Tailwind CSS to apply the specified design elements, ensuring responsiveness and a clean appearance.
10. **Test and Deploy**: Thoroughly test the landing page for functionality and responsiveness before deploying to a suitable hosting service.

## USER EXPERIENCE
Visitors will be greeted by an eye-catching hero section, drawing them in with stunning visuals and a strong CTA. As they scroll down, they will easily navigate through the guitar showcase and luthier services, with each section clearly defined and aesthetically pleasing. The testimonials will build trust, while the contact form will facilitate easy communication, making the overall experience seamless and engaging.