Aku akan membuat website landing page penjualan sport car dengan referensi https://www.ferrari.com/en-ID
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page designed for selling sports cars, inspired by the aesthetic and branding of Ferrari. The purpose of the landing page is to showcase the sports car models, highlight their features, and encourage potential customers to contact for more information or to schedule a test drive. ## CORE FEATURES 1. **Hero Section**: A visually striking introduction featuring high-quality images of the sports car with a catchy tagline and a prominent call-to-action (CTA) button encouraging users to learn more or contact. 2. **Features Showcase**: A section detailing the key features of the sports car, including performance statistics, design highlights, and technological advancements, presented in an engaging format. 3. **Gallery**: An image gallery displaying various angles and features of the sports car to give users an immersive visual experience. 4. **Testimonials**: A section featuring customer testimonials or reviews to build credibility and trust among potential buyers. 5. **Contact Form**: A simple contact form where users can submit inquiries, request more information, or schedule a test drive. 6. **Footer**: A clean footer containing links to social media, legal information, and additional resources about the brand. ## 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 vertical flow, starting from the hero section, followed by features, gallery, testimonials, contact form, and footer. Each section should be clearly delineated with ample white space to enhance readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: React Context API or similar if needed for form handling. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Create a new React project with TypeScript using Create React App. Install Tailwind CSS and configure it for styling. 2. **Create Layout Structure**: Develop the main components: Hero, Features, Gallery, Testimonials, Contact, and Footer. Ensure proper routing and structure for a single-page application. 3. **Integrate Styling**: Apply Tailwind CSS classes according to the design specifications. Utilize the specified typography and color palette consistently across all components. 4. **Implement Features**: Populate the features section with relevant information about the sports car and ensure the gallery showcases high-quality images. 5. **Set Up Contact Form**: Create a contact form component that captures user inquiries and utilizes form validation for a better user experience. 6. **Test Responsiveness**: Ensure the landing page is responsive across various devices and screen sizes, adjusting layouts and components as needed. ## USER EXPERIENCE The landing page should provide a seamless experience, where users are greeted with a stunning hero section that instantly captures their interest. As they scroll, they will find well-organized sections that highlight the car's features and aesthetic appeal, bolstered by testimonials for trust. The contact form should be easy to fill out, with clear instructions and minimal required fields to encourage user engagement. The overall navigation should feel intuitive, with a focus on guiding users toward making contact or learning more about the sports car.
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!
