Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page for selling handmade jewelry. The site will showcase unique jewelry pieces, highlight their craftsmanship, and provide potential customers with easy access to purchase options. The focus will be on creating a visually appealing, minimalist design that enhances user experience and drives conversions.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with a high-quality image of the jewelry, a brief tagline, and a prominent call-to-action button directing users to shop now.
2. **Product Showcase**: A section displaying featured handmade jewelry pieces, including images, brief descriptions, and prices.
3. **About Us**: A narrative section sharing the story behind the brand, the inspiration for the jewelry, and the craftsmanship involved.
4. **Testimonials**: Customer reviews and ratings to build trust and credibility for the products.
5. **Contact Information**: A simple contact form for inquiries and a section with social media links to enhance engagement.
6. **Newsletter Signup**: An option for visitors to subscribe to updates, promotions, and new product launches.

## 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 feature a full-width hero section at the top, followed by a grid display of product images, an about us section, and testimonials in a single column format, with the contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Implement the main layout structure with a responsive design using Tailwind CSS.
4. **Build Hero Section**: Design the hero section with a background image, tagline, and CTA button.
5. **Develop Product Showcase**: Create a product component to display jewelry images, descriptions, and links to purchase.
6. **Add About Us and Testimonials**: Create sections for the brand story and customer testimonials, ensuring a cohesive design.
7. **Implement Contact Form**: Design a contact form that captures user inquiries.
8. **Set Up Newsletter Signup**: Create a simple input field for email subscriptions with a submit button.
9. **Testing and Optimization**: Ensure the site is responsive and performs well across different devices and browsers.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that communicates the brand's essence. They can easily navigate through product showcases, read about the brand's story, and view customer testimonials. The contact form will facilitate easy communication, and the newsletter signup will encourage visitors to stay connected. The design will ensure a smooth and intuitive browsing experience, fostering engagement and encouraging purchases.