Language Learning App Landing Page

Create a colorful, engaging landing page for a language learning app called "LinguaLeap" that teaches Spanish, French, Japanese, German, and Mandarin through AI-powered conversations, gamified lessons, and real-time pronunciation feedback.

1. NAVIGATION BAR
- Logo: "LinguaLeap" with a speech bubble icon containing a globe
- Links: How It Works, Languages, Pricing, Blog, For Schools
- Language selector dropdown (English, Español, Français)
- CTA button: "Start Learning Free" (solid #7C3AED purple)
- Sticky on scroll with white background and subtle bottom shadow

2. HERO SECTION
- Split layout: left content, right side shows a phone mockup with the app UI
- Headline: "Speak a New Language in 30 Days"
- Subheadline: "AI-powered conversations that adapt to your level. Practice speaking, listening, and reading — 15 minutes a day is all it takes."
- Primary CTA: "Start Free — No Credit Card" (solid purple button, large)
- Secondary CTA: "Watch How It Works" with play icon (text link)
- Below CTAs: 4 mini badges in a row — "4.8★ App Store" · "2M+ Learners" · "15 Languages" · "AI-Powered"
- Background: soft gradient from #F5F3FF to white

3. SOCIAL PROOF LOGOS BAR
- "Featured In" text with logos: TechCrunch, Wired, The Verge, Forbes, EdSurge
- Grayscale logos, auto-scrolling on mobile
- Light gray background strip (#F9FAFB)

4. INTERACTIVE LANGUAGE SELECTOR (full-width section)
- Headline: "Choose Your Language Adventure"
- 5 language cards in a horizontal row (scrollable on mobile):
  - Spanish 🇪🇸 — "240+ lessons · 48M speakers learning"
  - French 🇫🇷 — "210+ lessons · 32M speakers learning"
  - Japanese 🇯🇵 — "180+ lessons · 18M speakers learning"
  - German 🇩🇪 — "195+ lessons · 22M speakers learning"
  - Mandarin 🇨🇳 — "200+ lessons · 28M speakers learning"
- Each card: flag emoji, language name, lesson count, learner count
- Hover: card scales up slightly with purple border glow
- Click highlights the card and updates a preview section below showing a sample lesson screen

5. HOW IT WORKS (3 steps, horizontal on desktop)
- Step 1: "AI Conversation Partner" — "Chat with an AI tutor that speaks naturally and corrects you in real time. No awkward scripts." — illustration of chat interface
- Step 2: "Gamified Daily Lessons" — "Earn XP, unlock streaks, and compete on leaderboards. Learning feels like play." — illustration of game-like progress screen
- Step 3: "Pronunciation Coach" — "Advanced speech recognition scores your accent and gives instant feedback." — illustration of waveform with score
- Connected by dotted line with numbered circles (#7C3AED purple)
- Each step has a subtle animated icon

6. LIVE DEMO SECTION (interactive)
- Headline: "Try a Mini Lesson Right Now"
- Embedded interactive widget showing a sample Spanish vocabulary exercise:
  - "Match the word to its translation"
  - 4 word pairs in a drag-and-drop or tap-to-match grid
  - Words: Hola → Hello, Gracias → Thank You, Amigo → Friend, Libro → Book
  - Animated success state with confetti when completed
- Below: "That was just a taste. Full lessons include speaking, listening, and grammar."
- CTA: "Continue Learning — It's Free"

7. FEATURES GRID (2x3 grid on desktop, stacked on mobile)
- Feature 1: "AI Speech Recognition" — "Get scored on pronunciation with phoneme-level feedback" — microphone icon
- Feature 2: "Adaptive Difficulty" — "Lessons adjust in real time based on your mistakes and strengths" — brain icon
- Feature 3: "Offline Mode" — "Download lessons and practice without internet" — download icon
- Feature 4: "Spaced Repetition" — "Smart review system ensures you never forget what you learn" — calendar icon
- Feature 5: "Story Mode" — "Follow narrative adventures while learning vocab and grammar" — book icon
- Feature 6: "Live Group Sessions" — "Join weekly live classes with native-speaking instructors" — video icon
- Cards with white background, 12px border-radius, subtle shadow, purple icon accent

8. PROGRESS SHOWCASE (social proof + outcomes)
- Headline: "Real Progress, Tracked Daily"
- Large mockup of the app's dashboard showing:
  - 32-day streak badge
  - Level progress bar (B1 Intermediate — 68% complete)
  - Weekly XP chart
  - Vocabulary count: 1,240 words learned
- Stat callouts beside the mockup:
  - "Average learner reaches conversational level in 3 months"
  - "Users practice 4.2 days per week on average"
  - "92% say they feel confident speaking after 60 days"

9. TESTIMONIALS (3-column card grid)
- Testimonial 1: Photo, "I moved to Madrid and can actually hold conversations now. LinguaLeap's AI tutor is like having a patient friend." — Emma S., Spanish Learner, 6 months
- Testimonial 2: Photo, "My kids fight over who gets to do their Japanese lesson first. The gamification is genius." — Kenji T., Parent, 3 months
- Testimonial 3: Photo, "I tried Duolingo and Babbel. LinguaLeap's speech practice is on another level." — Sarah M., French Learner, 4 months
- Each card: circular photo, star rating (5 stars), quote, name, context
- Light purple background section (#F5F3FF)

10. PRICING SECTION (3-tier cards)
- Free: $0/month — "1 language, 5 min/day, basic lessons, no speech practice"
- Pro: $9.99/month — "All languages, unlimited practice, AI speech coach, offline mode, story mode" — "Most Popular" badge
- Family: $14.99/month — "Up to 5 accounts, all Pro features, parental progress dashboard"
- Annual pricing toggle: "Save 40% with annual billing"
- All cards have "Start Free Trial" button
- Pro card highlighted with purple border and slight scale-up

11. FAQ ACCORDION (6 questions)
- "Is LinguaLeap really free?" → "Yes! The Free plan gives you access to one language with basic lessons..."
- "How is this different from Duolingo?" → "LinguaLeap focuses heavily on real conversation practice with AI..."
- "Can I use it offline?" → "Pro and Family plans allow you to download lessons..."
- "What age is this for?" → "Ages 13+. Our Family plan includes a kid-friendly mode for ages 8-12..."
- "Do I need a microphone?" → "For speech practice, yes. Any phone or laptop microphone works..."
- "Can I cancel anytime?" → "Absolutely. No contracts, cancel with one click..."
- Expand/collapse with smooth animation, + icon rotates to ×

12. FINAL CTA SECTION (full-width purple gradient #7C3AED to #6D28D9)
- Headline: "Your First Conversation Awaits"
- Subheadline: "Join 2 million learners speaking confidently in a new language."
- Large "Start Learning Free" button (white text on dark purple)
- Below: app store badges (App Store + Google Play)

13. FOOTER
- 4 columns: Languages, Product, Company, Resources
- Languages: Spanish, French, Japanese, German, Mandarin, "View All"
- Product: Features, Pricing, For Schools, For Business
- Company: About, Careers, Press, Blog
- Resources: Help Center, Community, API Docs
- Social icons: Twitter, Instagram, TikTok, YouTube
- Bottom: © 2026 LinguaLeap. Privacy Policy · Terms of Service

Design: Vibrant, playful but professional. Primary: #7C3AED (purple), secondary: #06B6D4 (cyan), accents: #F59E0B (amber for streaks/badges). Background: white with #F5F3FF purple-tinted sections. Typography: Plus Jakarta Sans for headings (bold), Inter for body. Cards with 12px border-radius and soft shadows. Generous whitespace.

Responsive: On mobile, language cards become horizontally scrollable. Features grid stacks to single column. Pricing cards stack vertically with Pro card first. Demo widget scales down. Navigation collapses to hamburger with slide-out drawer. Sticky bottom CTA bar: "Start Free" on mobile.