Create a stunning, modern, highly interactive website for a hiking assistant platform called "Atlas Guide", dedicated to trekking and adventure travel in Morocco.

🎯 GOAL:
Design a visually immersive, premium website that feels like National Geographic meets luxury travel + outdoor adventure. The site must inspire exploration and integrate an interactive AI avatar assistant.

🎨 DESIGN STYLE:

• Earth tones (sand, terracotta, deep green, mountain blue)
• Large cinematic hero sections (mountains, desert, valleys)
• Glassmorphism + soft shadows
• Smooth animations (scroll-based, parallax, hover effects)
• Elegant typography (modern + adventurous feel)
• Mobile-first responsive design

🌄 SECTIONS:

1. HERO SECTION:

• Full-screen background video or image of Moroccan landscapes (Atlas mountains, desert dunes)
• Headline: "Explore Morocco Like Never Before"
• Subtext: "Your intelligent hiking companion"
• CTA buttons: "Start Planning" / "Talk to Guide"
• Overlay gradient for readability

2. INTERACTIVE AVATAR SECTION (IMPORTANT):

• Embed the following iframe prominently:

• Place inside a modern card with:

  • Title: "Meet Your AI Hiking Guide"
  • Subtitle: "Ask anything about trekking in Morocco"
  • Animated glow or pulse effect around the avatar container

3. DESTINATIONS SECTION:

• Interactive cards for:
  • Haut Atlas
  • Mont Toubkal
  • Désert de Merzouga
  • Gorges du Todgha
  • Chefchaouen
• Each card includes:
  • Image
  • Difficulty badge (Easy / Medium / Hard)
  • Short description
  • Hover animation (zoom + gradient overlay)

4. SMART PLANNER SECTION:

• Interactive UI:
  • Select level (Beginner / Intermediate / Expert)
  • Duration (1 day / 3 days / 1 week)
  • Budget slider
• CTA: "Generate My Trek Plan"

5. EXPERIENCE SECTION:

• Show features:
  • Safety guidance
  • Equipment recommendations
  • Budget estimation
  • Local guides integration
• Use icons + subtle animations

6. GALLERY / IMMERSION:

• Grid or masonry layout
• Stunning hiking visuals (mountains, desert, Berber villages)
• Lightbox on click

7. TESTIMONIALS:

• Cards with hikers experiences
• Clean modern layout

8. FOOTER:

• Minimal, elegant
• Links: About / Contact / Legal
• Social icons

⚙️ TECH REQUIREMENTS:

• Use React + Tailwind CSS
• Use modern component structure
• Smooth scroll animations (Framer Motion if possible)
• Fully responsive
• Clean, reusable components

✨ EXTRA WOW EFFECTS:

• Subtle particle background (dust/sand effect)
• Animated gradient overlays
• Scroll-triggered reveal animations
• Micro-interactions on buttons

🧠 UX:

• Make navigation intuitive and fluid
• Encourage user to interact with the avatar
• Highlight "Talk to Guide" CTA throughout the page

🎯 TONE:
Adventurous, premium, inspiring, immersive.

The final result should feel like a high-end outdoor experience platform, combining AI + travel + exploration.