Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for SellAI, a platform that offers customer-ready AI kits. The landing page will serve as a marketing tool to showcase the product features, brand identity, and payment/delivery workflows. The goal is to attract and convert potential customers by providing clear information and a compelling call to action.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction with a catchy tagline and a prominent call-to-action button that encourages visitors to explore the AI kits.
2. **Features Overview**: A section highlighting the main benefits of the AI kits, including ease of use, customization options, and unique selling points.
3. **Brand Identity Display**: Showcase the logo concept and Canva-style brand elements that define the visual identity of SellAI.
4. **Payment/Delivery Workflow**: A simplified outline of how customers can purchase and receive their AI kits, ensuring transparency and ease of use.
5. **Testimonials Section**: A space for customer reviews and success stories to build trust and credibility for the brand.
6. **Contact Information**: Clear and accessible contact details for inquiries and support, enhancing customer engagement.

## 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 be a single-column structure with a clear vertical flow. The hero section will be at the top, followed by features, brand identity, payment workflow, testimonials, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page as it is primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Implement the main layout using Tailwind CSS utility classes to ensure responsiveness.
3. **Develop Hero Section**: Design the hero section with a compelling tagline, imagery, and a call-to-action button styled with the primary color.
4. **Build Features Section**: Create a grid or list layout to display the features of the AI kits, ensuring each feature has a brief description.
5. **Design Brand Identity Display**: Incorporate the logo and brand elements using image components styled according to the design specifications.
6. **Outline Payment/Delivery Workflow**: Present the payment and delivery processes in a clear and engaging format.
7. **Implement Testimonials Section**: Add a testimonials area with customer quotes, ensuring it has a clean and attractive design.
8. **Add Contact Information**: Provide clear contact details at the bottom of the page, possibly using a simple contact form.

## USER EXPERIENCE
Key user interactions will focus on a seamless experience from entry to conversion. Visitors should be able to easily navigate through the landing page sections, understand the product offerings, and take action through the call-to-action buttons. The minimalist design ensures that users aren't overwhelmed by information, guiding them naturally toward making a purchase or inquiry. Responsive design will ensure accessibility across all devices, enhancing overall engagement and conversion rates.