Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a small business website focused on a bakery (toko kue). The main purpose is to showcase the bakery's products, provide essential information, and encourage visitors to make purchases or inquiries. The landing page will include sections for features, testimonials, and a clear call-to-action (CTA) to drive conversions.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a captivating image of the bakery's best-selling products and a strong headline inviting visitors to explore.
2. **Product Showcase**: Display a selection of popular baked goods with images, descriptions, and prices to entice customers.
3. **About Us**: A brief section detailing the bakery's history, values, and commitment to quality, helping to build trust with potential customers.
4. **Customer Testimonials**: Showcase positive feedback from satisfied customers to enhance credibility and encourage new visitors to make purchases.
5. **Contact Information**: Provide essential contact details with a simple form for inquiries, making it easy for customers to get in touch.
6. **Call-to-Action (CTA)**: A prominent button encouraging visitors to either place an order or visit the bakery, strategically placed throughout the page.

## 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 layout will be single-column with sections stacked vertically for easy navigation and a smooth user experience. The hero image will span the full width, followed by content sections that utilize cards for product showcases and testimonials.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page but can use React context if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create the Hero Section**: Implement a full-width hero section with a background image, headline, and a CTA button.
3. **Develop the Product Showcase**: Create a grid or card layout for displaying products, including images, descriptions, and prices.
4. **Build the About Us Section**: Add a section with text and images that convey the bakery's story and values.
5. **Add Testimonials**: Implement a carousel or list layout for customer testimonials, ensuring they are visually distinct and engaging.
6. **Contact Form Implementation**: Design a simple contact form that allows visitors to send inquiries, styled to match the overall aesthetic.
7. **Finalize Layout and Responsiveness**: Ensure that all sections are responsive and visually appealing on various screen sizes. Adjust padding, margins, and font sizes as necessary.
8. **Testing and Deployment**: Conduct thorough testing across different browsers and devices, then deploy the landing page to a suitable hosting platform.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of navigation. Visitors will be greeted with an attractive hero section, followed by intuitive access to the bakery's product offerings and information. The layout will be responsive, ensuring that users on mobile devices have an equally pleasant browsing experience. The inclusion of testimonials and a clear CTA will guide users towards making purchases or inquiries, enhancing overall engagement with the bakery's offerings.