"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { ShieldCheck, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Experience", id: "features" },
              { name: "Tours", id: "products" },
              { name: "Guides", id: "team" },
              { name: "Contact", id: "contact" }
            ]}
            brandName="Amazing Afrika"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            background={{ variant: "gradient-bars" }}
            title="Unfold the Wonders of Afrika"
            description="Experience the ultimate frontier of luxury, adventure, and cinematic storytelling. Your journey into the heart of the wild starts here."
            testimonials={[
              { name: "Sarah Jenkins", handle: "@travelguru", testimonial: "The most breathtaking luxury experience of my life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-girl-black-top-blue-shirt-wearing-sunglasses-looking-aside-with-smile-enjoying-walking-outside-sunny-warm-day_291650-2659.jpg" },
              { name: "Marcus Thorne", handle: "@theglobetrotter", testimonial: "Amazing Afrika redefined how I view safaris. Pure cinematic perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-women-having-fun-with-dog-beach_23-2149530133.jpg" },
              { name: "Elena Vance", handle: "@luxurytraveler", testimonial: "Every detail was meticulously planned. Truly a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg" },
              { name: "David Chen", handle: "@adventureseeker", testimonial: "An incredible journey through the heart of the savanna.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-white-jacket-walking-outdoors_1303-25065.jpg" },
              { name: "Sophia Rossi", handle: "@wanderlust_sophie", testimonial: "Unparalleled luxury and the best wildlife sightings ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-touches-her-silk-brown-scarf-attractive-young-girl-eyeglasses-white-blouse-smiles-outside_197531-27109.jpg" }
            ]}
            buttons={[{ text: "Start Adventure", href: "#products" }]}
            imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-dingo-looking-towards-camera-field_181624-41702.jpg?_wi=1"
            mediaAnimation="blur-reveal"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/aerial-drone-view-beautiful-land_23-2148346118.jpg", alt: "Portrait 1" },
              { src: "http://img.b2bpic.net/free-photo/aerial-landscape-crimea_1385-399.jpg", alt: "Portrait 2" },
              { src: "http://img.b2bpic.net/free-photo/view-african-nature-landscape-with-trees_23-2148851590.jpg", alt: "Portrait 3" },
              { src: "http://img.b2bpic.net/free-photo/pterodactylus-nature_23-2151640291.jpg", alt: "Portrait 4" },
              { src: "http://img.b2bpic.net/free-photo/beautiful-panoramic-view-green-spring-forest-city-distance-against-blue-sky-background-photo-from-drone_628469-47.jpg", alt: "Portrait 5" }
            ]}
            marqueeItems={[{ type: "text", text: "Sustainable Luxury" }, { type: "text", text: "Uncharted Adventures" }, { type: "text", text: "Expert-Led Expeditions" }, { type: "text", text: "World-Class Service" }, { type: "text", text: "Timeless Memories" }]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureHoverPattern
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="blur-reveal"
            features={[
              { icon: Sparkles, title: "AI-Powered Curation", description: "Tailored adventures matching your deepest desires." },
              { icon: ShieldCheck, title: "Verified Guides", description: "Expert locals providing authentic, safe journeys." },
              { icon: Zap, title: "Seamless Booking", description: "Real-time availability and frictionless transactions." }
            ]}
            title="Why Amazing Afrika"
            description="We blend future-proof technology with the raw, untamed beauty of Africa to curate unmatched memories."
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            useInvertedBackground={false}
            title="Our Cinematic Vision"
            description={[
              "Amazing Afrika isn't just a service—it's a masterpiece of exploration.",              "We transform the standard safari experience into a futuristic, elite adventure."
            ]}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardTwo
            textboxLayout="split"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={false}
            animationType="blur-reveal"
            products={[
              { id: "1", brand: "Safari", name: "Serengeti Gold", price: "$12,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-smiling-young-woman-looking-outside-from-car_181624-27474.jpg" },
              { id: "2", brand: "Safari", name: "Okavango Dream", price: "$15,000", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/blackboard-with-find-your-way-words_23-2147732570.jpg" },
              { id: "3", brand: "Safari", name: "Masai Reserve", price: "$9,500", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-away-while-standing-vehicle-field_107420-9775.jpg" },
              { id: "4", brand: "Safari", name: "Namib Sky", price: "$18,000", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-jar-savings_23-2148080997.jpg" },
              { id: "5", brand: "Safari", name: "Victoria Magic", price: "$11,000", rating: 5, reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/three-friends-traveling-by-car-with-copy-space_23-2148771826.jpg" },
              { id: "6", brand: "Safari", name: "Zanzibar Breeze", price: "$13,500", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-surfer-clothes-horizontal-shot_23-2148823848.jpg" }
            ]}
            title="Featured Safari Tours"
            description="Hand-picked luxury packages curated for the adventurous elite."
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardNine
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="blur-reveal"
            plans={[
              { id: "explorer", title: "Explorer", price: "$99", period: "/mo", features: ["VIP support", "Early access"], button: { text: "Join Now" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq29xn", imageAlt: "luxury travel brand logo" },
              { id: "adventurer", title: "Adventurer", price: "$299", period: "/mo", features: ["Private guide", "All-access"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-dingo-looking-towards-camera-field_181624-41702.jpg?_wi=2", imageAlt: "luxury travel brand logo" },
              { id: "legend", title: "Legend", price: "$899", period: "/mo", features: ["Custom itinerary", "Unlimited"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/rope-carabiners-ground_23-2147665093.jpg?_wi=1", imageAlt: "luxury travel brand logo" }
            ]}
            title="Elite Membership"
            description="Unlock premium benefits, priority access, and exclusive rewards."
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardEleven
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="blur-reveal"
            groups={[
              { id: "expedition", groupTitle: "Expedition Leads", members: [
                { id: "1", title: "Kofi A.", subtitle: "Head Guide", detail: "Expert in tracking and wildlife logistics." },
                { id: "2", title: "Amara B.", subtitle: "Wildlife Specialist", detail: "Dedicated to ecosystem preservation." },
                { id: "3", title: "Zola M.", subtitle: "Expert Scout", detail: "Leading elite scouting expeditions." }
              ] }
            ]}
            title="Our Guide Management"
            description="Elite professionals managing every detail of your journey."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="blur-reveal"
            title="Luxury Proof"
            description="Voices from our most exclusive travelers."
            testimonials={[
              { id: "1", name: "Sarah J.", handle: "@traveller", testimonial: "Absolute cinematic brilliance." },
              { id: "2", name: "Marcus T.", handle: "@explorer", testimonial: "Redefining the standard of safari." },
              { id: "3", name: "Elena V.", handle: "@luxury", testimonial: "Meticulously planned and flawless." }
            ]}
            cardTitle="Traveler Voices"
          />
        </div>

        <div id="socialproof" data-section="socialproof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={false}
            names={["UNESCO", "Conservation First", "Safari Alliance", "Africa Tours", "Wild Life Trust", "Nature Explorer", "Global Travel"]}
            title="Global Partners"
            description="Proudly working with world-class conservationists."
          />
        </div>

        <div id="blog" data-section="blog">
          <BlogCardOne
            textboxLayout="split"
            useInvertedBackground={false}
            animationType="blur-reveal"
            title="Safari Chronicles"
            description="Insights, stories, and tips from the edge of the wild."
            blogs={[
              { id: "1", category: "Guide", title: "Top 5 Safari Moments", excerpt: "Witnessing the great migration...", imageSrc: "http://img.b2bpic.net/free-photo/deadvlei-namib-naukluft-national-park-sossusvlei-namibia-dead-camelthorn-trees-against-orange-sand-dunes-with-blue-sky_1150-21656.jpg", authorName: "Kofi A", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-mosquitoes-nature_23-2151365438.jpg", date: "Jan 2024" },
              { id: "2", category: "Luxury", title: "Luxury in the Wild", excerpt: "How to stay stylish in the bush...", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-meadow-covered-with-grass-sunset_181624-29466.jpg", authorName: "Amara B", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-broken-tree-trunk-surface-calm-lake_181624-28539.jpg", date: "Feb 2024" },
              { id: "3", category: "Eco", title: "Protecting the Future", excerpt: "Our commitment to sustainability...", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-color-year-tones-nature-landscape_23-2151393856.jpg", authorName: "Zola M", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg", date: "Mar 2024" }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitMedia
            textboxLayout="split"
            useInvertedBackground={false}
            faqs={[
              { id: "1", title: "How do I book?", content: "Our AI system simplifies everything." },
              { id: "2", title: "Safety measures?", content: "We prioritize top-tier security standards." },
              { id: "3", title: "Can I cancel?", content: "Flexible policies for your peace of mind." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/brilliant-sunrise-overlooking-banana-river-towards-cape-canaveral-air-force-station_181624-20295.jpg"
            mediaAnimation="blur-reveal"
            faqsAnimation="blur-reveal"
            title="Common Inquiries"
            description="Find answers to your travel needs."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            text="Join the elite circle of travelers. Receive exclusive access, news, and concierge safari insights directly to your inbox."
            background={{ variant: "radial-gradient" }}
            useInvertedBackground={false}
            buttons={[{ text: "Join Newsletter" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Amazing Afrika"
            columns={[
              { title: "Explore", items: [{ label: "Tours", href: "#products" }, { label: "Guides", href: "#team" }] },
              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
              { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Contact", href: "#contact" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
