Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a Shopify-based landing page for a florist business, designed to attract potential customers with a clean and minimalist aesthetic. The page will focus on showcasing floral arrangements and services, providing an easy path for users to explore offerings and make purchases.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that includes a captivating image of floral arrangements, a catchy tagline, and a prominent call-to-action button to encourage users to shop now.
2. **Featured Products**: A section displaying a selection of best-selling or seasonal floral arrangements with images, brief descriptions, and pricing.
3. **About Us**: A brief narrative about the florist business, including its mission, values, and what sets it apart from competitors.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and credibility with potential buyers.
5. **Contact Form**: A simple form allowing users to get in touch with the florist for inquiries or special requests.
6. **Social Media Links**: Icons linking to social media profiles to encourage users to connect and follow for updates.

## 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 consist of a full-width hero section, followed by a grid layout for featured products, a centered about us section, testimonials in a carousel format, and a contact form section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple props and state can be used as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it for use in the project.
2. **Install UI Components**: Integrate shadcn/ui for ready-made UI components that align with the design specifications.
3. **Create the Hero Section**: Build the hero section with a background image, tagline, and a call-to-action button styled with the primary color.
4. **Develop the Featured Products Section**: Create a card component for displaying products, ensuring responsive design for various screen sizes.
5. **Add the About Us Section**: Write a concise description and style it to fit within the minimalist framework.
6. **Implement Testimonials**: Use a carousel component to display customer testimonials effectively.
7. **Build the Contact Form**: Create a simple contact form that captures user inquiries, styled according to the design specifications.
8. **Ensure Responsiveness**: Test the landing page across different devices to ensure a seamless user experience.

## USER EXPERIENCE
Users will have a straightforward and enjoyable experience navigating the landing page. From the moment they land on the page, they will be greeted by a beautiful hero image and a clear call-to-action. They can easily browse featured products, learn more about the florist business, read customer testimonials, and reach out through the contact form. The clean design will ensure that users are not overwhelmed, making it easy to focus on the content and take action.