lime-landing

byRaj widespacedigital

Act as a world-class conversion-focused landing page copywriter, UI/UX designer, and frontend experience expert. Create a high-converting, modern landing page for a brand named “Gen AI School”, inspired by top AI platforms. 🎯 Goal: Design a premium landing page that converts visitors into leads/students. 👥 Target Audience: - Beginners in AI - Freelancers & creators - Students & working professionals (India-focused) 🎨 DESIGN STYLE: - Futuristic AI-tech UI - Clean + premium SaaS feel - Slight Hinglish tone (optional) - Dark mode modern interface 🎨 COLOR SYSTEM: Primary: - #0A192F (Deep Blue) - #2563EB (Electric Blue) - #7C3AED (Neon Purple) Accent: - #22D3EE (Cyan Glow) - #A78BFA (Soft Violet) Gradient: - linear-gradient(135deg, #0A192F, #1E1B4B) CTA: - Blue → Purple gradient with glow hover --- 🧊 3D ICONS & ELEMENTS (IMPORTANT): Use modern 3D-style visuals: - Floating 3D icons (AI, brain, chip, robot) - Glassmorphism cards - Soft shadows + glow Suggested sources: - :contentReference[oaicite:0]{index=0} (3D objects) - :contentReference[oaicite:1]{index=1} (custom 3D) - :contentReference[oaicite:2]{index=2} (lightweight animations) --- 🎬 ANIMATIONS (VERY IMPORTANT): Add smooth, premium animations: - Fade-in on scroll - Card hover lift effect - Button glow on hover - Floating 3D element animation - Micro-interactions (hover, click) Use: - :contentReference[oaicite:3]{index=3} - :contentReference[oaicite:4]{index=4} - :contentReference[oaicite:5]{index=5} Keep animations: - Smooth (not heavy) - Fast loading - Professional (no over-animation) --- 📱 RESPONSIVE DESIGN (CRITICAL): Design must be fully responsive: Desktop: - Wide layout - Multi-column sections Tablet: - 2-column layout - Balanced spacing Mobile: - Single column - Bigger buttons - Readable text - Optimized spacing Ensure: - No overflow issues - Fast loading - Touch-friendly UI --- 📐 STRUCTURE: 1. HERO SECTION - Bold headline (AI future) - Subheading - 2 CTA buttons - Animated 3D visual (right side) 2. SOCIAL PROOF - Stats with icons + animation 3. PROGRAMS - 3D cards with hover animation 4. WHAT YOU’LL LEARN - Icon-based list 5. OUTCOMES - Highlight cards 6. TESTIMONIALS - Slider / animated cards 7. COMMUNITY - Visual + benefits 8. FAQ - Accordion animation 9. FINAL CTA - Strong conversion section --- 🎯 EXTRA INSTRUCTIONS: - Add CTA after every 1–2 sections - Keep content short & powerful - Use words like: - Future-ready - AI skills - Earn online - Growth - Avoid fake hype --- 📦 OUTPUT FORMAT: - Section-wise content - Headline + subheading + bullets + CTA - UI + animation suggestions per section - Mention where to use 3D elements --- 🚀 FINAL GOAL: Make it: - Premium - Futuristic - Highly converting - Better than typical AI course landing pages