Learn to Vibe Code

Build a premium agency website for 'Apex AI Solutions' — an AI automation agency that helps businesses automate operations with AI. Dark theme with electric blue (#0066FF) accents and clean sans-serif typography. Include: 1) Hero section with headline 'We Build AI Systems That Run Your Business' and subheadline 'Custom AI chatbots, workflow automation, and intelligent lead systems — so you can scale without hiring.' Two CTAs: 'Book a Free AI Audit' (primary) and 'See Case Studies' (ghost button) 2) Services grid with 4 cards: AI Chatbots & Support Agents ($2,500 setup), Workflow Automation ($3,500/mo), AI Lead Qualification ($1,500/mo), Custom AI Integrations ($5,000+) — each with an icon, 3 bullet points, and a 'Learn More' link 3) Results section showing 3 client case studies as cards: company name, industry, metric before/after (e.g. '47 support tickets/day → 3', '12-hour response time → 45 seconds', '$8K/mo in manual labor → $0') 4) 'How It Works' section with 3 steps: Audit → Build → Launch, each with icon and description 5) Social proof bar: '150+ businesses automated', '2.4M+ AI interactions handled', '97% client retention' 6) FAQ with 6 questions about pricing, timeline, and AI capabilities 7) CTA section with Calendly-style booking prompt. Mobile responsive, professional, enterprise-grade feel.

Build a high-converting course sales page for 'The $10K Creator' — a premium online program that teaches people how to launch and sell digital products. Black background with warm gold (#D4AF37) accents and modern serif headings. Include: 1) Hero section with headline 'Launch a Digital Product That Sells While You Sleep' and subheadline 'The step-by-step system 2,400+ creators used to hit $10K/month with courses, templates, and coaching — no audience required.' CTA: 'Enroll Now — $997' with a small 'or 3 payments of $349' below 2) Problem section: '3 Lies Keeping You Broke Online' with 3 myth/truth pairs in alternating cards 3) Curriculum section with 6 collapsible modules: Module 1 'Find Your $10K Idea', Module 2 'Build in a Weekend', Module 3 'The Launch Playbook', Module 4 'Organic Traffic Machine', Module 5 'Scale to $50K/mo', Module 6 'Automate Everything' — each with 4 lesson titles 4) Instructor section with photo placeholder, bio, and credibility stats: '$2.3M in course revenue', 'Featured in Forbes & Entrepreneur', '12,000+ students' 5) 3 testimonial cards with names, photos, and specific dollar results 6) Pricing section with two tiers: Self-Paced $997 and VIP + Coaching $2,997, each with feature comparison checkmarks 7) Guarantee section: '30-Day Money-Back Promise' with trust badge 8) Final CTA with countdown urgency element. Mobile-first, conversion-optimized, long-form sales page layout.

Build a local lead generation website for 'Elite Roof Pros' — a roofing company serving the Dallas-Fort Worth metro area. Clean white design with bold navy (#1B2A4A) and safety orange (#FF6B2B) accents. Include: 1) Hero section with headline 'Dallas's #1 Rated Roofing Company' and subheadline 'Free inspections. Insurance claims handled. Financing available.' A prominent lead capture form right in the hero: Name, Phone, Email, Service Type dropdown (Roof Repair, Roof Replacement, Storm Damage, Free Inspection), and a large 'Get My Free Quote' button 2) Trust bar immediately below hero: '2,800+ Roofs Completed', '4.9 Google Rating', 'Licensed & Insured', 'A+ BBB Rating' — with icons 3) Services section with 4 cards: Storm Damage Repair, Full Roof Replacement, Commercial Roofing, Emergency Repairs — each with image placeholder, short description, and 'Get a Quote' button 4) 'Why Choose Us' section with 6 icon+text blocks: Free Inspections, Insurance Claim Experts, $0 Down Financing, 25-Year Warranty, Same-Day Estimates, Local Family-Owned 5) Before/after project gallery showing 4 roof transformations with slider effect 6) Reviews section with 5 Google-style review cards: star rating, customer name, city, and review text 7) Service area map section listing 12 cities served in the DFW metro 8) Sticky mobile CTA bar at the bottom: 'Call Now' and 'Free Quote' buttons always visible. Mobile responsive, fast-loading, optimized for local SEO and lead conversion.