Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a **landing page** designed for a business that offers homework solutions for IXL.com. The site will effectively communicate the service offerings, pricing, and encourage potential customers to engage and purchase. The focus will be on a clean, minimalist design to enhance user experience and conversion.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear value proposition, showcasing the services offered and pricing.
2. **Services Offered**: Detailed descriptions of the English and Math homework solutions, including the number of skills and pricing.
3. **Testimonials**: A section for user reviews or testimonials to build trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons that encourage users to sign up or contact for more information.
5. **Contact Information**: Easy access to contact details or a contact form for inquiries.

## 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**: A single-page layout with a fixed navigation bar, sections stacked vertically, including a hero section, service descriptions, testimonials, and a footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up the Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Set up shadcn/ui for UI components.

2. **Create the Layout**:
   - Develop the main layout using Tailwind CSS for responsive design.
   - Structure the navigation bar to include links to each section of the landing page.

3. **Build the Hero Section**:
   - Create a visually appealing hero section with a background and a clear headline.
   - Add a brief description of the services and a CTA button.

4. **Develop Service Offerings Section**:
   - Create cards for each service (English and Math) with detailed descriptions and pricing.

5. **Add Testimonials Section**:
   - Implement a simple carousel or static list of testimonials from satisfied customers.

6. **Implement the Contact Section**:
   - Create a contact form or display contact information for inquiries.

7. **Ensure Responsiveness**:
   - Test and adjust the layout to ensure a smooth experience across devices.

## USER EXPERIENCE
Users will land on the homepage featuring a clean and engaging hero section that immediately communicates the business's value. As they scroll, they will find clear descriptions of the services offered, supported by testimonials to reinforce trust. The prominent CTA buttons will guide users towards making a purchase or contacting for more details, ensuring a seamless and intuitive user journey throughout the landing page.