Buatkan aku website
Generated Prompt
## APPLICATION OVERVIEW The project is a landing page designed to promote a service application that connects customers with various service offerings. The main purpose is to showcase the services available, allowing customers to easily understand what is offered and how they can request assistance through the app. ## CORE FEATURES 1. **Hero Section**: A visually appealing introduction that highlights the main services offered, featuring a strong call to action for users to explore the app. 2. **Services Overview**: A section detailing various services available, showcasing categories and specific offerings with brief descriptions for each. 3. **Customer Testimonials**: A dedicated area for customer reviews and feedback, enhancing credibility and trust in the services provided. 4. **Call to Action (CTA)**: Prominent buttons encouraging users to sign up or download the app, strategically placed throughout the landing page. 5. **Contact Information**: A section that provides users with ways to get in touch, including a contact form for inquiries or support. ## 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 a single-column design, with sections stacked vertically to allow for easy scrolling. Each section should have clear headings and ample spacing to enhance readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specifically needed for this landing page ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Layout Components**: Develop components for the Hero section, Services overview, Testimonials, CTA, and Contact form. 3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design specifications, ensuring all components have the specified border radius and color scheme. 4. **Integrate Font**: Import Inter from Google Fonts in the project and apply it to headings and body text. 5. **Deploy Landing Page**: Test the responsiveness of the landing page and deploy it using a preferred hosting service. ## USER EXPERIENCE Users will land on a visually appealing page that clearly communicates the available services. Navigation will be smooth, with sections designed to guide users through the offerings. The landing page will prioritize user engagement through prominent CTAs, encouraging them to take action, whether it's signing up for the service or contacting for more information. The clean layout will provide a frictionless experience, enhancing the overall usability of the site.
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!
