Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page website for selling 3D printed designer lamps. The website will serve as a marketing platform, showcasing the unique designs of the lamps, providing essential information, and encouraging users to make purchases. The focus will be on a clean and minimalist design to highlight the products effectively.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that includes an engaging headline, a brief description of the brand, and a prominent call-to-action (CTA) button directing users to shop or learn more.
2. **Product Showcase**: A section displaying the featured 3D printed lamps with high-quality images, short descriptions, and prices, allowing users to explore the products at a glance.
3. **Benefits Section**: Highlight the unique selling points of the lamps, such as sustainability, customization options, or design awards, presented in a visually appealing format.
4. **Testimonials**: A section for customer reviews and testimonials to build trust and credibility, featuring quotes from satisfied customers alongside their names and photos (if available).
5. **Contact Form**: A simple form for inquiries, allowing users to reach out for more information or custom requests.
6. **Footer**: Includes links to social media, contact details, and any necessary legal information (terms, privacy policy).

## 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 vertical stacking structure, with the hero section at the top, followed by product showcase, benefits, testimonials, and the contact form in a single scrollable page format.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can use Context API if needed for simple state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Main Components**: Build components for the hero section, product showcase, benefits section, testimonials, contact form, and footer.
3. **Implement Layout**: Structure the app using a responsive grid or flexbox layout to ensure good presentation on various screen sizes.
4. **Style Components**: Use Tailwind CSS classes to apply styling based on the design specifications, ensuring consistency in colors and typography.
5. **Add Content**: Populate the components with mock data to visualize the layout and design before finalizing product details.
6. **Optimize for SEO**: Include meta tags, alt texts for images, and ensure fast loading times for better visibility in search engines.
7. **Test Responsiveness**: Verify that the website looks good on different devices (mobile, tablet, desktop) and adjust styles if necessary.

## USER EXPERIENCE
Users will have a seamless experience as they navigate through the landing page. The clear and minimalist design will guide them from the hero section to product showcases, encouraging exploration. The testimonials will build trust, while the contact form will facilitate easy communication. The CTA buttons will be strategically placed to drive conversions, making it easy for users to purchase or inquire about the designer lamps.