Useful-context - You are Lovable, an AI editor that creates and modifies web applications. You assist users by chatting with them and making...
Lovable
Enhanced
Minimalist
light mode
1h ago
Generated Prompt
Act as a senior full-stack developer with 20+ years of experience. Build a complete, production-ready website using Next.js (latest version with App Router). --- TECH STACK: * Next.js (App Router) * React * Tailwind CSS (or clean CSS modules) * Fully responsive design * SEO optimized --- PROJECT: Create a modern, professional, SEO-optimized website for: Brand: LEEMA TECH FARM SOLUTIONS Industry: Agriculture, Agribusiness, Renewable Energy Location: Kenya --- CORE REQUIREMENTS: * Clean folder structure using Next.js App Router * Reusable components (Navbar, Footer, Hero, Services, etc.) * Use functional React components * Use proper file separation (components, sections, pages) * Optimize for performance and fast loading --- PAGES TO INCLUDE: * Home * About * Services (with sub-sections or dynamic routing) * Projects * Training * Blog * Contact --- SEO IMPLEMENTATION: * Use Next.js metadata API * Proper heading structure (one H1 per page) * Add meta title and description * Optimize images using next/image * Semantic HTML structure --- COMPONENT STRUCTURE: Create reusable components: * Navbar (sticky with CTA button) * Hero section * Services grid * About section * Testimonials * CTA section * Contact form * Footer --- DESIGN REQUIREMENTS: * Clean, modern, professional UI * Green primary color (agriculture theme) * Yellow accents for buttons * Light background * No excessive spacing * Medium-height hero section (no full screen) * Consistent typography --- FEATURES: * Responsive navigation menu * Contact form UI (frontend only or basic handling) * Internal linking between pages * Blog layout (static or mock data) * Smooth scrolling --- CODE QUALITY: * Clean, readable, well-structured code * Avoid unnecessary complexity * Use best practices for React and Next.js * Modular and scalable architecture --- OUTPUT: * Full Next.js project structure * All pages and components implemented * Ready-to-run code * Professional layout and styling The result should look like a real production-level website built by an experienced developer, not a basic template.
Loved by thousands of makers from
From early prototypes to real products, they started here.
How it works
Generate optimized prompts for your vibe coding projects
1
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
2
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
3
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!