Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist 3D landing page that showcases a watch. The main purpose is to provide an interactive experience where users can scroll to rotate the watch, enhancing engagement and highlighting the product's features. The focus will be on a clean aesthetic that emphasizes simplicity and usability.

## CORE FEATURES
1. **3D Watch Interaction**: Users can scroll down to rotate the watch, providing a dynamic and engaging way to view the product.
2. **Hero Section**: A visually striking introduction to the watch with a captivating image or animation of the watch in 3D.
3. **Features Highlight**: A dedicated section listing the key features of the watch, supplemented with icons and brief descriptions.
4. **Testimonials**: Customer reviews or testimonials that enhance credibility and trust in the product.
5. **Call to Action (CTA)**: Prominent buttons encouraging users to purchase or learn more about the watch.
6. **Contact Section**: A section for users to get in touch for inquiries or support.

## 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 scrolling layout featuring a hero section at the top, followed by features, testimonials, and a CTA, with the contact section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but can use React's built-in state management or Context API if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS. Configure Tailwind according to the project requirements.
2. **Create Basic Structure**: Set up the main components for the Hero, Features, Testimonials, CTA, and Contact sections.
3. **Implement 3D Watch Interaction**: Use a library like Three.js or React Three Fiber to create the 3D model of the watch and implement the scroll interaction for rotation.
4. **Design the Layout**: Apply Tailwind CSS for styling according to the specified design requirements, ensuring a minimalist approach.
5. **Add Content**: Populate each section with relevant content, including images, texts, and testimonials.
6. **Test Responsiveness**: Ensure the layout is responsive across different devices and screen sizes.
7. **Deploy**: Once completed and tested, deploy the landing page using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately captures their attention with the rotating watch. As they scroll, they will see the watch rotate, enhancing their interaction with the product. The features section will provide succinct information, while testimonials will build trust. A clear CTA will guide users towards making a purchase or getting in touch, ensuring a smooth and engaging user experience throughout the page.