Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page to showcase and sell a PDF crochet pattern as a Christmas gift. The aim is to present the product in a simple, appealing way that resonates with potential customers, encouraging them to purchase the pattern through a clean and user-friendly interface.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section featuring an eye-catching image of the crochet pattern, a brief description, and a prominent call-to-action button to purchase the PDF.
2. **Features Section**: Highlight key features of the crochet pattern, such as ease of use, materials needed, and skill level, using engaging visuals and concise text.
3. **Testimonials**: A section dedicated to customer reviews and testimonials to build trust and showcase the satisfaction of previous buyers.
4. **FAQ Section**: Address common questions and concerns potential customers may have about the crochet pattern.
5. **Contact Form**: A simple contact form for visitor inquiries, ensuring easy communication for any questions or support needs.

## 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 (use this as the main accent/brand color 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 should be a single-page scrollable design, with sections stacked vertically. The hero section will be at the top, followed by features, testimonials, FAQ, and the contact form.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Develop the main layout structure with sections for the hero, features, testimonials, FAQ, and contact form.
3. **Implement Hero Section**: Add an eye-catching image, a brief product description, and a call-to-action button styled with the primary color.
4. **Build Features Section**: Use card components to highlight the crochet pattern's features, ensuring they are visually appealing and easy to read.
5. **Add Testimonials**: Create a simple carousel or grid layout to display customer reviews, making sure to include star ratings if applicable.
6. **FAQ Section**: Design an accordion-style FAQ section to allow users to expand questions and see answers without cluttering the page.
7. **Contact Form**: Implement a straightforward contact form with fields for name, email, and a message, styled consistently with the rest of the site.
8. **Responsive Design**: Ensure all sections are responsive and look good on various screen sizes, adjusting layout and typography as needed.

## USER EXPERIENCE
The landing page should provide a smooth and intuitive experience for users. Visitors will be greeted by a visually striking hero section, followed by concise information about the crochet pattern. The testimonials will help build trust, while the FAQ section will preemptively answer questions. The contact form will facilitate easy communication, and the prominent call-to-action buttons will guide users to purchase the PDF. Overall, the design will focus on clarity, simplicity, and an enjoyable browsing experience.