"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Serengeti Safari"
          navItems={[
            { name: "Experiences", id: "features" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SERENGETI"
          description="Experience the raw beauty of Tanzania's most exclusive wildlife sanctuary. Witness iconic African wildlife in their natural habitat with world-class guides and luxury accommodations."
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822338.jpg",              imageAlt: "Lion at sunset in Serengeti"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-female-lions-laying-sand-resting_181624-2237.jpg",              imageAlt: "Giraffe silhouette against savanna landscape"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-female-lions-laying-sand-resting_181624-2063.jpg",              imageAlt: "Elephant herd in natural habitat"
            }
          ]}
          buttons={[
            {
              text: "Explore Packages",              href: "#features"
            },
            {
              text: "Book a Safari",              href: "#contact"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Discover Unparalleled" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/beautiful-shot-lioness-masai-mara-safari-kenya-sunny-day_181624-54740.jpg", alt: "Luxury safari camp" },
            { type: "text", content: "Safari Luxury" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn More",              href: "#features"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Our Safari Experiences"
          description="Choose from carefully curated safari packages designed for discerning travelers seeking authentic African adventures."
          tag="Exclusive Offerings"
          features={[
            {
              title: "Game Drive Expeditions",              description: "Led by expert naturalists, our morning and evening game drives take you deep into the heart of wildlife country. Track lions, elephants, and rare species across pristine landscapes.",              imageSrc: "https://img.b2bpic.net/free-photo/angry-female-lion-looking-prey-grass-field-wilderness_181624-18780.jpg",              imageAlt: "Safari game drive expedition"
            },
            {
              title: "Wildlife Photography Safari",              description: "For photography enthusiasts, capture stunning moments of Africa's most magnificent creatures with professional guidance and optimal positioning for every shot.",              imageSrc: "https://img.b2bpic.net/free-photo/angry-female-lion-looking-prey-grass-field-wilderness_181624-32681.jpg",              imageAlt: "Wildlife photography safari"
            },
            {
              title: "Bush Dinner Under Stars",              description: "Experience romantic evenings with gourmet dining in the heart of the savanna, surrounded by the sounds and wonders of African wilderness.",              imageSrc: "https://img.b2bpic.net/free-photo/reflection-lionesses-drinking-water-from-small-pond_181624-32697.jpg",              imageAlt: "Bush dinner safari experience"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="highlight" data-section="highlight">
        <FeatureCardNine
          title="Seamless Safari Planning"
          description="From booking to arrival, we handle every detail of your exclusive safari experience."
          features={[
            {
              id: 1,
              title: "Personalized Itineraries",              description: "Our booking platform lets you customize every aspect of your safari. Select specific wildlife viewing times, accommodation preferences, and activity levels to create your perfect itinerary.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-16050.jpg",                imageAlt: "Safari booking interface"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-11925.jpg",                imageAlt: "Safari itinerary details"
              }
            },
            {
              id: 2,
              title: "Real-Time Wildlife Updates",              description: "Receive live sightings and animal tracking information. Our guides share real-time data about wildlife movements, ensuring you don't miss the most exclusive moments.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-16050.jpg",                imageAlt: "Wildlife tracking app"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-11925.jpg",                imageAlt: "Real-time notifications"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="safari-features" data-section="safari-features">
        <FeatureCardMedia
          title="What Sets Us Apart"
          description="Premium features and services that make our safari experience truly exclusive and memorable."
          features={[
            {
              id: "1",              title: "Professional Photography Services",              description: "Our expert wildlife photographers capture your most treasured moments. High-resolution images delivered professionally.",              tag: "Premium Service",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-lioness-licking-her-face-after-hunting-her-prey_181624-49800.jpg",              imageAlt: "Professional wildlife photography"
            },
            {
              id: "2",              title: "Luxury Lodge Accommodations",              description: "Stay in handpicked lodges and camps featuring world-class amenities, gourmet cuisine, and spectacular views of the African wilderness.",              tag: "Accommodation",              imageSrc: "https://img.b2bpic.net/free-photo/lonely-female-lion-walking-addo-elephant-national-park_181624-16027.jpg",              imageAlt: "Luxury safari lodge"
            },
            {
              id: "3",              title: "Expert Naturalist Guides",              description: "Our guides bring decades of combined experience. They share deep knowledge of animal behavior, ecology, and hidden treasures of the African landscape.",              tag: "Expert Team",              imageSrc: "https://img.b2bpic.net/free-photo/wild-lionesses-savannah_181624-16833.jpg",              imageAlt: "Expert safari guide"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Guest Experiences"
          description="Hear from travelers who have experienced the magic of our exclusive Tanzanian safaris."
          testimonials={[
            {
              id: "1",              name: "Catherine Moore, Travel Writer",              date: "Date: 15 March 2024",              title: "An unforgettable journey into wild Africa",              quote: "This was the most immersive safari experience I've ever had. The guides' knowledge was exceptional, and seeing a pride of lions at close range left us speechless. Every detail was perfectly orchestrated.",              tag: "Luxury Traveler",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              avatarAlt: "Catherine Moore",              imageSrc: "https://img.b2bpic.net/free-photo/group-magnificent-lions-gravel-road-surrounded-by-grassy-fields-trees_181624-6501.jpg",              imageAlt: "Safari guest enjoying wildlife viewing"
            },
            {
              id: "2",              name: "Jennifer & Michael Chen, Honeymoon Travelers",              date: "Date: 22 February 2024",              title: "The perfect romantic African escape",              quote: "We celebrated our honeymoon here and it was absolutely magical. From the bush dinner under the stars to the incredible wildlife encounters, every moment felt specially curated just for us. Truly exceptional.",              tag: "Honeymoon Package",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Jennifer Chen",              imageSrc: "https://img.b2bpic.net/free-photo/lioness-resting-proudly-grass-covered-fields_181624-6037.jpg",              imageAlt: "Honeymoon couple on safari"
            },
            {
              id: "3",              name: "David Patel, Adventure Photographer",              date: "Date: 8 January 2024",              title: "A photographer's paradise",              quote: "The photographic opportunities were beyond my expectations. The guides understood wildlife behavior intimately and positioned us perfectly for incredible shots. My portfolio has never been stronger.",              tag: "Photography Safari",              avatarSrc: "https://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",              avatarAlt: "David Patel",              imageSrc: "https://img.b2bpic.net/free-photo/group-beautiful-lionesses-lying-proudly-grass-covered-field-near-trees_181624-9729.jpg",              imageAlt: "Safari wildlife photography"
            },
            {
              id: "4",              name: "Sarah & Robert Thompson, Family Safari",              date: "Date: 12 December 2023",              title: "Educational and thrilling for the entire family",              quote: "We brought our teenage children and they were absolutely captivated. The naturalist guides made wildlife education engaging and exciting. Our family bonding was strengthened by this incredible shared adventure.",              tag: "Family Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              avatarAlt: "Robert Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/lion_658691-492.jpg",              imageAlt: "Family safari adventure"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Safari Adventure"
          description="Get in touch with our safari specialists to discuss your perfect Tanzania experience. We'll help customize every aspect of your exclusive expedition."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "safariType",              type: "text",              placeholder: "Safari Type (Photography, Honeymoon, Family, etc.)",              required: true
            },
            {
              name: "travelDates",              type: "text",              placeholder: "Preferred Travel Dates",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your safari dreams and any special requests...",            rows: 6,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-lonely-lioness-safari-africa_181624-54744.jpg"
          imageAlt="Safari planning consultation"
          mediaPosition="right"
          buttonText="Reserve Your Safari"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Serengeti Safari"
          copyrightText="© 2024 Serengeti Safari | Exclusive African Wildlife Experiences in Tanzania"
        />
      </div>
    </ThemeProvider>
  );
}