Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a physical product, specifically 100% Unrefined Shea butter. The main purpose of the landing page is to capture leads and convert visitors into customers by clearly articulating the product's value, addressing potential objections, and providing a seamless buying experience.

## CORE FEATURES
1. **Hero Section**: A compelling headline and subheadline with a prominent "Buy Now" CTA button that leads to a WhatsApp link for immediate purchasing.
2. **Problem Statement**: A description of the common pain points faced by the target audience, highlighting the need for natural skincare solutions.
3. **Solution Overview**: Clear articulation of the product as 100% Unrefined Shea butter sourced from Nigeria, emphasizing its purity with no additives.
4. **Quality Test Demonstration**: An interactive section guiding users to test the product quality themselves, reinforcing trust.
5. **Social Proof**: Visual testimonials showcasing satisfied customers and their experiences with the product.
6. **Bonus Offer**: A section detailing the bonus offers for larger purchases, including a free ebook and discounted delivery.

## 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 clearly defined sections for the hero, problem, solution, features, quality test, social proof, bonus offer, pricing, packaging, delivery, and guarantee, culminating in a final CTA footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified; can be handled with React's built-in state management for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop individual components for each section (Hero, Problem, Solution, Features, etc.) ensuring each section is responsive.
3. **Styling**: Apply Tailwind CSS for styling according to the design specifications, using the defined primary color, typography, and border radius.
4. **Add Functionality**: Implement the "Buy Now" buttons to link directly to the WhatsApp message URL.
5. **Quality Test Section**: Create an interactive element that allows users to read the instructions for the quality test.
6. **Social Proof Section**: Integrate a carousel or grid layout for displaying customer testimonials.
7. **Countdown Timer**: Implement a 24-hour countdown timer for the limited-time discount offers.
8. **Testing**: Ensure the landing page functions properly across different devices and browsers, focusing on user experience.
9. **Deploy**: Choose a suitable platform for deployment (e.g., Vercel, Netlify) and publish the landing page.

## USER EXPERIENCE
Users will land on a visually appealing, minimalist page that immediately communicates the product's value through the hero section. As they scroll, they will encounter relatable pain points and how the product addresses them. Interactive elements like the quality test and social proof will enhance trust, while clear CTAs will guide them towards making a purchase. The countdown timer creates a sense of urgency, encouraging immediate action. The overall design will ensure a seamless and engaging user journey from awareness to conversion.