Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "Kramer," an art and antique shop. The main purpose of the website is to showcase the shop's offerings, attract customers, and provide essential information about the store in a clean and minimalist design.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that highlights the shop's unique offerings with an engaging image and a strong call-to-action (CTA) button.
2. **Featured Products**: A section showcasing selected art pieces and antiques with images, brief descriptions, and pricing.
3. **About Us**: Information about the store's history, mission, and the types of art and antiques available.
4. **Testimonials**: A section displaying customer reviews to build trust and credibility.
5. **Contact Information**: Easy access to contact details and a simple contact form for inquiries.
6. **Newsletter Signup**: An option for visitors to subscribe to updates and promotions.

## 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 consist of a top navigation bar, hero section, followed by features and testimonials sections, and a footer with contact information.

## 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 the project**: Initialize a new React app using Create React App with TypeScript.
2. **Install Tailwind CSS**: Configure Tailwind CSS for styling the components.
3. **Create components**: Build reusable components for the hero section, product cards, testimonials, and contact form.
4. **Implement layout**: Structure the layout according to the defined specifications using Tailwind utility classes.
5. **Add content**: Populate the website with text, images, and links relevant to the art and antique shop.
6. **Optimize for responsiveness**: Ensure the design is mobile-friendly by utilizing responsive utility classes in Tailwind CSS.
7. **Test the website**: Verify the functionality and design across different devices and browsers.

## USER EXPERIENCE
Users will have a seamless experience navigating the landing page. The hero section will draw immediate attention, leading users down to featured products and testimonials, enhancing trust. The contact form will be easy to fill out, encouraging visitors to reach out. The minimalist design and clear typography will facilitate readability and engagement, ensuring a pleasant browsing experience.