Buatkan website jualan cheesecake
Generated Prompt
## APPLICATION OVERVIEW This project entails creating a landing page for a cheesecake selling website. The main purpose of the website is to showcase different cheesecake varieties, engage potential customers, and encourage them to place orders directly from the site. The design will be minimalist, focusing on clean aesthetics and user-friendly navigation. ## CORE FEATURES 1. **Hero Section**: A visually appealing hero area showcasing the best-selling cheesecake with a compelling tagline and a prominent call-to-action (CTA) button to encourage immediate orders. 2. **Product Gallery**: A section displaying various cheesecake options with high-quality images, brief descriptions, and prices to entice users. 3. **About Us**: A brief section detailing the story behind the cheesecake brand, emphasizing quality ingredients and the passion for baking. 4. **Testimonials**: A section featuring customer reviews and ratings to build trust and credibility with potential buyers. 5. **Contact Form**: A simple contact form for inquiries and special orders, allowing users to easily reach out for more information. 6. **Footer**: A footer containing links to social media, privacy policy, and terms of service. ## 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 consist of a full-width hero section at the top, followed by a grid display for the product gallery, a centered about us section, a testimonials carousel, a contact form with a clear call-to-action, and a footer with essential links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not required for this landing page but can be implemented if dynamic content is needed in the future. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components. 2. **Create Component Structure**: Develop the main components for the landing page, including Hero, ProductGallery, AboutUs, Testimonials, ContactForm, and Footer. 3. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring to use the primary color #1978E5 where necessary. 4. **Add Content**: Populate the components with content, images, and data relevant to the cheesecake offerings. 5. **Responsive Design**: Ensure all components are responsive and look good on various screen sizes. 6. **Testing**: Conduct thorough testing to ensure all links work, forms submit correctly, and the layout renders properly across devices. ## USER EXPERIENCE Users will arrive at a clean and inviting landing page featuring a stunning image of the cheesecake in the hero section. They can scroll down to view different cheesecake varieties in the product gallery and read customer testimonials. The straightforward navigation leads them seamlessly to the contact form for any inquiries. The minimalist design ensures users can focus on the cheesecakes without distractions, enhancing the overall shopping experience.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
