Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and sell "basreng," featuring a cute and beautiful pink color scheme. The primary goal is to create an engaging and visually appealing single-page experience that highlights the product, establishes brand identity, and drives conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section with a vibrant image of basreng and a catchy tagline that immediately grabs attention.
2. **Product Features**: Highlight key benefits and characteristics of basreng, including flavor options, ingredients, and unique selling points.
3. **Testimonials**: A section showcasing customer reviews and experiences, enhancing credibility and encouraging potential buyers.
4. **Call to Action (CTA)**: Prominent buttons for purchasing or exploring more about basreng, strategically placed throughout the page.
5. **Contact Information**: A simple form or contact details for customer inquiries, making it easy for potential customers to reach out.

## 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-column layout that flows vertically, featuring the hero section at the top, followed by product features, testimonials, and ending with a contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page but can be integrated if needed for forms or dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component usage.
3. **Create Layout Components**: Develop reusable components for the hero section, product features, testimonials, and contact form.
4. **Apply Styling**: Use Tailwind CSS to implement the minimalist design and ensure responsiveness across devices.
5. **Integrate Google Fonts**: Import Inter font for headings and body text to maintain typography consistency.
6. **Implement CTA Functionality**: Ensure that the CTA buttons lead to the purchasing section or external links as necessary.
7. **Test Responsiveness**: Verify that the landing page displays correctly on various screen sizes and devices.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately captures their interest with a vibrant hero section. As they scroll, they will encounter engaging content that highlights the features of basreng, read testimonials that build trust, and find clear CTAs guiding them toward making a purchase. The contact information will be easily accessible, facilitating customer inquiries and enhancing the overall user experience. The layout will ensure a seamless flow of information while maintaining a clean and minimalist aesthetic.