Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for an online flower shop based in Pichanaqui, Peru. The page will showcase the shop's unique offerings, including handmade wool floral arrangements, natural bouquets, and eco-friendly arrangements made from recyclable materials. The primary goal is to attract customers and facilitate orders through a simple and engaging online experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction to the shop with a captivating image of floral arrangements, a tagline, and a prominent call-to-action (CTA) button to shop now.
2. **Product Showcase**: Display three categories of floral arrangements with images, descriptions, and prices to highlight unique selling points.
3. **Delivery Information**: Clearly outline the delivery service covering all of Peru, emphasizing the convenience of ordering online.
4. **Testimonials Section**: Include customer reviews and feedback to build trust and credibility.
5. **Contact Information**: Provide a simple contact form for inquiries and a section with the shop's physical address and social media links.

## 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 at the top, followed by a grid display of product categories, a testimonials section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui

## IMPLEMENTATION STEPS
1. **Set Up Project**:
   - Create a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Install shadcn/ui components for UI elements.

2. **Design the Layout**:
   - Build the hero section, ensuring it includes a high-quality background image, a catchy tagline, and a CTA button.
   - Create a responsive grid layout for the product showcase section.

3. **Implement Features**:
   - Add product cards for each of the three floral arrangement categories with images, descriptions, and prices.
   - Develop the testimonials section with a carousel or grid layout for customer reviews.
   - Set up the contact form and footer with the shop's contact details.

4. **Style Components**:
   - Apply Tailwind CSS classes for styling components based on the design specifications.
   - Ensure buttons and cards have a border radius of 8px for a clean look.

5. **Testing and Optimization**:
   - Test the landing page on different devices to ensure responsiveness and functionality.
   - Optimize images for faster loading times.

## USER EXPERIENCE
Users will land on a visually engaging hero section that draws attention and invites them to explore the floral arrangements. The intuitive layout allows for easy navigation through product categories. The inclusion of testimonials helps build trust, and the contact form provides a direct line for inquiries, enhancing overall user satisfaction. The page will be designed to ensure a seamless experience across devices, encouraging customers to make purchases easily.