Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a collection of photos featuring bracelets worn by individuals. The main purpose is to present these images in an appealing manner that attracts potential customers and encourages them to make a purchase or inquire for more information.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with a prominent image of a bracelet being worn, a brief tagline, and a call-to-action (CTA) button that directs users to view the collection.
2. **Gallery of Images**: A visually appealing gallery displaying various photos of bracelets worn by different people, allowing users to browse through the collection easily.
3. **Feature Highlights**: Sections that describe the unique qualities of the bracelets, such as materials, craftsmanship, and customization options, enhancing customer interest.
4. **Testimonials**: A section featuring customer reviews or feedback to build trust and social proof around the product.
5. **Contact Form**: A simple form for inquiries or to subscribe to a newsletter, allowing users to engage with the brand.
6. **Footer**: Contains links to social media pages and additional information about the brand.

## 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 be a single-column format with sections stacked vertically, providing a smooth scrolling experience. Each section will be clearly defined with ample spacing to enhance readability and user engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Install Dependencies**: Add shadcn/ui and any other necessary packages for styling.
3. **Create Components**: Develop separate components for the hero section, gallery, feature highlights, testimonials, contact form, and footer.
4. **Design Each Section**: Implement the design specifications in each component, ensuring to utilize the specified typography, colors, and border radius.
5. **Implement Responsive Design**: Use Tailwind CSS utilities to ensure that the layout is responsive across different devices.
6. **Testing**: Test the landing page for usability, responsiveness, and functionality across various browsers.

## USER EXPERIENCE
Users will enter the site through the hero section, immediately seeing an engaging image and clear CTA. They can scroll down to view the gallery, which allows them to see different bracelets styled on models. The feature highlights will provide important information about the product, while testimonials will enhance credibility. The contact form will be simple and accessible, encouraging users to reach out or subscribe. Overall, the design will focus on clarity and ease of navigation, ensuring a pleasant user experience.