Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for a handcrafted watch brand that combines elegant design with compelling copywriting. The site will showcase the watches’ unique features and craftsmanship, using a minimalist aesthetic to enhance user experience and drive conversions.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a captivating image of the watches, a catchy tagline, and a prominent call-to-action (CTA) button directing users to explore the collection.
2. **About Section**: A brief narrative describing the brand's story, values, and the meticulous craftsmanship involved in creating each watch.
3. **Features Section**: Highlight key features of the watches, such as materials used, design philosophy, and customization options through visually appealing icons and concise descriptions.
4. **Testimonials**: A section showcasing customer reviews and experiences to build trust and credibility.
5. **Gallery**: A visually engaging area displaying high-quality images of the watches in various settings to illustrate their versatility and appeal.
6. **Contact Section**: A simple form for inquiries, along with links to social media profiles for further engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space and a focus on typography to ensure clarity and elegance.
- **Color Mode**: Light theme with a blue and white color palette that reflects sophistication and tranquility, using dark text on light backgrounds for readability.
- **Layout**: A single-page layout with smooth scrolling between sections, utilizing a sticky navigation bar to enhance accessibility.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Lora), ensuring a clear hierarchy and easy readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and maintainable codebase.
- **Styling**: Tailwind CSS to facilitate responsive design and rapid styling.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React Context API for simple state management if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the main layout structure, including the navigation bar and footer.
3. **Implement Hero Section**: Design the hero section with a full-width image, tagline, and CTA button.
4. **Develop Content Sections**: Build the About, Features, Testimonials, and Gallery sections, ensuring each has a consistent style and flow.
5. **Style with Tailwind CSS**: Apply Tailwind classes to achieve the minimalist design, focusing on spacing, typography, and color.
6. **Add Smooth Scrolling**: Implement smooth scrolling behavior for a seamless user experience between sections.
7. **Test Responsiveness**: Ensure the design is responsive and looks great on various devices and screen sizes.

## USER EXPERIENCE
Users will be greeted with a visually captivating hero section that draws them in. As they scroll through the page, they will encounter well-structured sections that provide information about the brand and its products. The testimonials will enhance trust, while the gallery will inspire users with visual representations of the watches. The contact form will encourage inquiries, facilitating direct engagement with potential customers. Overall, the experience will be smooth, intuitive, and focused on driving conversions.