"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Mountain, Leaf, Map, Compass, Star, Heart, Phone } from "lucide-react";

export default function WildernessPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Wilderness Trail"
          navItems={[
            { name: "Trails", id: "trails" },
            { name: "About", id: "about" },
            { name: "Experiences", id: "experiences" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
          className="bg-white/80 backdrop-blur-md"
          navItemClassName="font-light"
          buttonClassName="font-light"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Discover Your Next Adventure"
          description="Experience breathtaking hiking trails and immersive nature retreats. Reconnect with the wilderness and find peace in the mountains."
          tag="Wilderness Awaits"
          tagIcon={Mountain}
          imageSrc="https://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-mountains_23-2149063231.jpg"
          imageAlt="Mountain hiking trail"
          imagePosition="right"
          buttons={[
            { text: "Explore Trails", href: "trails" },
            { text: "Learn More", href: "about" }
          ]}
          className="min-h-screen"
          titleClassName="text-5xl md:text-7xl"
          descriptionClassName="text-lg md:text-xl"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          tagIcon={Leaf}
          title="Reconnect with Nature Through Authentic Hiking Experiences"
          description="Sarah Matthews"
          subdescription="Wilderness Trail Founder"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/forest-near-body-water_198169-18.jpg"
          imageAlt="Nature retreat landscape"
          useInvertedBackground="invertDefault"
          className="py-20"
          titleClassName="text-4xl md:text-5xl"
          descriptionClassName="text-sm md:text-base"
        />
      </div>

      <div id="trails" data-section="trails">
        <ProductCardOne
          title="Featured Hiking Trails"
          description="Curated trails ranging from beginner-friendly walks to challenging alpine summits. Each route offers stunning views and unique natural experiences."
          tag="Popular Routes"
          tagIcon={Map}
          products={[
            {
              id: "1",              name: "Forest Loop Trail",              price: "4.2 miles",              imageSrc: "https://img.b2bpic.net/free-photo/man-walking-dirt-trail_155999-28.jpg",              imageAlt: "Forest path hiking trail"
            },
            {
              id: "2",              name: "Alpine Summit Peak",              price: "8.5 miles",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-admiring-highland-views-hike-asturias_181624-48838.jpg",              imageAlt: "Mountain peak trail"
            },
            {
              id: "3",              name: "Valley Overlook Route",              price: "6.1 miles",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-backpacker-walking_23-2147665116.jpg",              imageAlt: "Valley scenic overlook"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Trails", href: "#" }
          ]}
          descriptionClassName="text-lg"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardTwelve
          title="Why Choose Wilderness Trail"
          description="Comprehensive experiences designed for every adventurer"
          tag="Our Offerings"
          tagIcon={Compass}
          features={[
            {
              id: "guided",              label: "Guided",              title: "Expert-led guided hikes with naturalist commentary",              items: [
                "Professional trail guides",                "Wildlife identification",                "Safety expertise",                "Small group sizes"
              ]
            },
            {
              id: "retreat",              label: "Retreat",              title: "Multi-day immersive nature retreats with accommodation",              items: [
                "Luxury basecamp lodging",                "Wellness activities",                "Farm-to-table meals",                "Evening campfire gatherings"
              ]
            },
            {
              id: "custom",              label: "Custom",              title: "Tailored adventures for groups and special occasions",              items: [
                "Personalized itineraries",                "Team building programs",                "Corporate retreats",                "Family experiences"
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          titleClassName="text-4xl md:text-5xl"
          descriptionClassName="text-lg"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Stories & Reviews"
          description="Hear from adventurers who've experienced the magic of our trails and retreats"
          tag="Guest Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "James Chen, Investment Professional",              date: "Date: 15 September 2024",              title: "A transformative journey back to nature",              quote: "The guided hiking experience exceeded all expectations. The expertise of our guide combined with the stunning landscape made this the best outdoor adventure I've ever had. Highly recommend for anyone seeking genuine connection with nature.",              tag: "Alpine Summit Peak",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-mountains_23-2149063266.jpg"
            },
            {
              id: "2",              name: "Maria Rodriguez, Designer & Artist",              date: "Date: 22 August 2024",              title: "Inspiration found on the trail",              quote: "The retreat's peaceful environment reignited my creative spark. Between the morning hikes and evening workshops, I found exactly what I needed. The organization was impeccable and the natural beauty is unmatched.",              tag: "Forest Retreat Package",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/hiking-trail-bavarian-alps-spring_181624-27581.jpg"
            },
            {
              id: "3",              name: "David Patel, Tech Entrepreneur",              date: "Date: 10 August 2024",              title: "Perfect corporate team building experience",              quote: "We organized a custom retreat for our team and it was incredible. The trails were challenging yet accessible, and it brought our team together in meaningful ways. This is the gold standard for corporate retreats.",              tag: "Custom Group Adventure",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-male-with-backpack-walking-narrow-pathway-middle-trees-plants_181624-2085.jpg"
            },
            {
              id: "4",              name: "Emily Thompson, Writer & Naturalist",              date: "Date: 28 July 2024",              title: "Solitude and serenity in the mountains",              quote: "The Valley Overlook trail and accompanying lodge provided the perfect setting for reflection and creativity. Every detail from meals to accommodations was thoughtfully planned. I'm already planning my return visit.",              tag: "Valley Overlook Retreat",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/wild-path-through-forest_23-2147632823.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          titleClassName="text-4xl md:text-5xl"
          descriptionClassName="text-lg"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Begin Your Adventure?"
          ctaDescription="Get in touch to book your hiking experience, ask questions about our trails, or plan a custom retreat."
          ctaButton={{
            text: "Contact Us",            href: "#"
          }}
          ctaIcon={Compass}
          faqs={[
            {
              id: "1",              title: "What is the best time of year to visit?",              content: "Our trails are beautiful year-round. Spring (April-May) offers wildflower blooms, summer (June-August) provides ideal hiking conditions with longer daylight, fall (September-October) features stunning foliage, and winter offers peaceful snow-covered landscapes. Each season has unique charm and experiences."
            },
            {
              id: "2",              title: "Do I need prior hiking experience?",              content: "No! Our trails range from beginner-friendly walks to challenging alpine routes. We provide guided options for all skill levels, and our expert guides ensure everyone has a safe and enjoyable experience. We recommend discussing your fitness level when booking."
            },
            {
              id: "3",              title: "What is included in retreat packages?",              content: "Retreat packages include guided hikes, accommodation, meals, wellness activities, and evening programs. Specific inclusions vary by package. Standard amenities include expert naturalist guides, comfortable lodging, farm-to-table meals, and evening campfire gatherings."
            },
            {
              id: "4",              title: "What should I bring on a hike?",              content: "We recommend bringing hiking boots, weather-appropriate clothing in layers, sun protection, plenty of water, snacks, and a camera. For full-day hikes, pack a light backpack. We provide detailed packing lists when you book. All safety equipment and navigation tools are provided by our guides."
            },
            {
              id: "5",              title: "Are group discounts available?",              content: "Yes! We offer special rates for groups of 8 or more. For corporate retreats and custom experiences, we develop personalized packages with competitive pricing. Contact our team to discuss your group's specific needs and preferences."
            }
          ]}
          animationType="slide-up"
          accordionAnimationType="smooth"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Wilderness Trail"
          columns={[
            {
              items: [
                { label: "Explore", href: "trails" },
                { label: "About", href: "about" },
                { label: "Experiences", href: "experiences" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          className="bg-soft-shadow"
          logoClassName="text-2xl font-light"
        />
      </div>
    </ThemeProvider>
  );
}