"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Mountain, Map, Sprout, Zap, Facebook, Instagram, Twitter } from 'lucide-react';

export default function TrailGuidePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="large"
      sizing="smallSizeLargeTitles"
      background="plain"
      cardStyle="shadow-colored"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="TrailGuide"
          navItems={[
            { name: "About", id: "about" },
            { name: "Trails", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Your Next Adventure"
          description="Join guided hiking programs across stunning mountain trails. From beginner-friendly walks to challenging summits, we have the perfect expedition for you."
          tag="Outdoor Adventure"
          tagIcon={Mountain}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334516097-qtbufx7n.jpg"
          imageAlt="Mountain peak at sunrise"
          frameStyle="card"
          buttons={[
            { text: "Explore Trails", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Our Hiking Program"
          description="We believe in creating transformative outdoor experiences for adventurers of all levels."
          tabs={[
            {
              id: "philosophy",
              label: "Our Philosophy",
              description: "We combine expert guidance with a passion for nature. Every trail is carefully selected to inspire, challenge, and connect you with the natural world while ensuring your safety and comfort."
            },
            {
              id: "experience",
              label: "Expert Leadership",
              description: "Our certified guides bring years of mountain experience and wilderness training. They're passionate storytellers who share knowledge about local ecosystems, geology, and outdoor skills."
            },
            {
              id: "community",
              label: "Community Focus",
              description: "Join a vibrant community of outdoor enthusiasts. Build lasting friendships, share experiences, and grow together as hikers while exploring breathtaking landscapes."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334518286-2ak63yc6.jpg"
          imageAlt="Group of hikers on mountain trail"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Trail Programs for Every Level"
          description="From scenic forest walks to alpine summits, our carefully curated programs match your hiking goals and experience level."
          tag="Trail Types"
          tagIcon={Map}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              title: "Beginner Trails",
              description: "Perfect for new hikers. Gentle elevation, scenic forest paths, and short distances. All trails include navigation support and safety briefings.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334520492-jbpgpx1j.jpg",
              imageAlt: "Easy hiking trail through forest",
              button: {
                text: "View Trails",
                href: "pricing"
              }
            },
            {
              title: "Intermediate Hikes",
              description: "For experienced hikers seeking challenge. Moderate elevation gain, diverse terrain, and rewarding panoramic views. 4-8 hour programs with expert guidance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334521505-etdoumzv.jpg",
              imageAlt: "Scenic mountain trail with moderate difficulty",
              button: {
                text: "View Trails",
                href: "pricing"
              }
            },
            {
              title: "Advanced Expeditions",
              description: "For serious mountaineers. High altitude treks, technical terrain, and full-day adventures. Requires prior hiking experience and fitness preparation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334522389-tig40v3y.jpg",
              imageAlt: "Challenging mountain peak summit",
              button: {
                text: "View Trails",
                href: "pricing"
              }
            },
            {
              title: "Gear & Training",
              description: "Essential skills and equipment knowledge. Learn navigation, safety techniques, and gear selection. Includes equipment rental and expert instruction.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334519243-yax59toc.jpg",
              imageAlt: "Hiking gear and backpack",
              button: {
                text: "Learn More",
                href: "contact"
              }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSeven
          title="Meet Your Experienced Guides"
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334523598-3alto9z9.jpg",
              imageAlt: "Senior mountain guide"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334524643-v07qdlgp.jpg",
              imageAlt: "Certified hiking instructor"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334525897-le0g5g8e.jpg",
              imageAlt: "Lead expedition guide"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334526796-wgptwv42.jpg",
              imageAlt: "Wilderness safety trainer"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334528021-opa746x9.jpg",
              imageAlt: "Conservation specialist guide"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Hikers Say"
          description="Real stories from adventurers who've discovered their passion with us."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, Outdoor Photographer",
              quote: "The guides were incredibly knowledgeable and made me feel safe tackling my first serious climb. The views were unforgettable, and I've already booked three more trips.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334528839-6ebyasio.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              nameTitle: "James Chen, Corporate Executive",
              quote: "A perfect escape from the office. The program was well-organized, the pace was just right, and I made great friends on the trail. Highly recommend for anyone seeking adventure.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334529660-zz224v0r.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              nameTitle: "Emma Rodriguez, Fitness Enthusiast",
              quote: "Best hiking experience ever! The guides shared fascinating stories about the mountains while keeping us challenged. I've never felt more connected to nature.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334530461-8olyswlq.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Thompson, Adventure Seeker",
              quote: "From beginner to advanced trails, their programs are top-notch. Professional guides, beautiful routes, and genuine care for every hiker's experience. I'm a lifetime member now.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334531328-4hdubii3.jpg",
              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Transparent, Flexible Pricing"
          description="Choose the program that fits your adventure level and budget. All packages include professional guides, insurance, and trail snacks."
          textboxLayout="default"
          variant="card"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "beginner-day",
              tag: "Half-Day Beginner Trail",
              tagIcon: Sprout,
              price: "$45",
              period: "per person",
              description: "Perfect introduction to hiking. 4-5 hours, easy terrain, full guide support.",
              button: {
                text: "Book Trail",
                href: "contact"
              },
              featuresTitle: "What's Included:",
              features: [
                "Professional mountain guide",
                "Trail snacks and water",
                "Safety briefing and gear check",
                "Small group (max 12 people)"
              ]
            },
            {
              id: "intermediate-full",
              tag: "Full-Day Intermediate Hike",
              tagIcon: Mountain,
              price: "$89",
              period: "per person",
              description: "Moderate challenge with stunning views. 7-8 hours, guided experience, lunch included.",
              button: {
                text: "Book Trail",
                href: "contact"
              },
              featuresTitle: "What's Included:",
              features: [
                "Expert certified guide",
                "Lunch and hydration stations",
                "Navigation and route planning",
                "Photography stops at scenic points",
                "Small group (max 10 people)"
              ]
            },
            {
              id: "advanced-expedition",
              tag: "Alpine Summit Expedition",
              tagIcon: Zap,
              price: "$129",
              period: "per person",
              description: "Challenge yourself. Full-day alpine trek, high altitude, professional-grade preparation.",
              button: {
                text: "Book Trail",
                href: "contact"
              },
              featuresTitle: "What's Included:",
              features: [
                "Lead guide plus assistant guide",
                "Full-day meals and nutrition plan",
                "Advanced safety equipment",
                "Altitude acclimatization guidance",
                "Small group (max 8 people)",
                "Post-hike celebration dinner"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Ready to Hit the Trails?"
          description="Sign up for trail updates, program announcements, and exclusive hiking tips delivered to your inbox. Join our community of outdoor adventurers."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766334517076-mc3pfp2v.jpg"
          imageAlt="Mountain landscape at sunset"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We'll send you weekly trail updates and program announcements. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="TrailGuide"
          columns={[
            {
              title: "Programs",
              items: [
                { label: "Beginner Trails", href: "features" },
                { label: "Intermediate Hikes", href: "features" },
                { label: "Advanced Expeditions", href: "features" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Guides", href: "team" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Information",
              items: [
                { label: "Pricing", href: "pricing" },
                { label: "Contact", href: "contact" },
                { label: "Terms & Conditions", href: "/" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          copyrightText="© TrailGuide, Inc. 2025"
        />
      </div>
    </ThemeProvider>
  );
}