"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Heritage", id: "#about" },
        { name: "Collection", id: "#products" },
        { name: "Process", id: "#process" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Natural Mountain Honey"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "sparkles-gradient" }}
      title="Natural Mountain Honey · Ras Al Khaimah"
      description="Pure essence of the Hajar mountains. Raw, wild, and curated in obsidian black and liquid gold."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-honey-with-honey-spoon_23-2148172991.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705830.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-plate_23-2148425533.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pumpkin-cooked-arrangement-with-copy-space_23-2148634450.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/black-pasta-delicious-olives_23-2148469850.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-orange-cake-orange-cake-with-chocolate-bowl-right-side-black-table_140725-117204.jpg", imageAlt: "Honey drip" }
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-plates-with-delicious-blackberries_23-2148340447.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-bowl-with-frozen-blackberries-copy-space_23-2148461702.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705827.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-waffles-grapes-dark-background_23-2148340373.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/nut-shells-glass-cup_114579-16044.jpg", imageAlt: "Honey drip" },
        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-honeycomb-piece-with-bee-pollens-backdrop_23-2147918940.jpg", imageAlt: "Honey drip" }
      ]}
      tag="100% Pure & Raw"
      buttons={[{ text: "Explore Collection", href: "#products" }]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Ancient Heritage, Modern Luxury"
      description="Sourced from the heart of the Hajar Mountains, our honey embodies centuries of tradition and the untamed spirit of the desert landscape."
      metrics={[
        { value: "1200m", title: "Peak Altitude" },
        { value: "50km", title: "Foraging Range" },
        { value: "0", title: "Artificial Additives" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/antelope-canyon-sunlight-sandstone_23-2152006063.jpg"
      imageAlt="Mountain landscapes"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "step-1", title: "Foraging", description: "Wild bees forage in pristine mountain pockets.", tag: "01", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-bee-insect-with-flowers_23-2150915136.jpg" },
        { id: "step-2", title: "Harvesting", description: "Hand-extracted in small, controlled batches.", tag: "02", imageSrc: "http://img.b2bpic.net/free-photo/top-view-honey-products_23-2148132622.jpg" },
        { id: "step-3", title: "Filtration", description: "Cold-pressed to retain natural enzymes.", tag: "03", imageSrc: "http://img.b2bpic.net/free-photo/vitamin-injection-vial-glass-bottles-with-luxurious-patterned-labels_53876-165419.jpg" },
        { id: "step-4", title: "Curation", description: "Bottled in artisanal glass containers.", tag: "04", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-jar-still-life_23-2150252177.jpg" }
      ]}
      title="From Hive to Home"
      description="Our meticulous four-step process preserves the raw potency of the nectar."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Wild Sidr", price: "AED 250", variant: "Reserve", imageSrc: "http://img.b2bpic.net/free-photo/honey-jar-with-yellow-cover_23-2148173074.jpg" },
        { id: "p2", name: "Wildflower", price: "AED 180", variant: "Harvest", imageSrc: "http://img.b2bpic.net/free-photo/jar-honey-with-beautiful-flowers-wooden-surface_23-2147938087.jpg" },
        { id: "p3", name: "Ghaf Blossom", price: "AED 210", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114333.jpg" }
      ]}
      title="Our Collection"
      description="A curated selection of our finest mountain harvests."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "100%", description: "Raw and unprocessed nectar" },
        { id: "m2", value: "24", description: "Gold-standard aging process" },
        { id: "m3", value: "20+", description: "Distinct floral varieties foraged" }
      ]}
      title="Quality in Numbers"
      description="Consistency in every drop of nature's liquid gold."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Vogue Living", "Forbes Gourmet", "Culinary Arts", "Desert Life", "RAK Tourism", "Arabian Luxury", "Sustainable Food"]}
      title="Recognized Excellence"
      description="Featured in leading luxury publications and culinary journals."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah Ahmed", handle: "@sarah_foodie", testimonial: "The depth of flavour in the Black Reserve is simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13875.jpg" },
        { id: "t2", name: "Khalid Al-Mansoori", handle: "@khalid_lifestyle", testimonial: "Beautifully crafted honey. A true piece of RAK heritage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg" },
        { id: "t3", name: "Emma Watson", handle: "@emma_tastes", testimonial: "I love the purity and the golden texture of the Wildflower honey.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-chef-recording-tutorial-with-food-preparation-kitchen-retired-blogger-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14402.jpg" }
      ]}
      showRating={true}
      title="Experience Unparalleled"
      description="Hear from our connoisseurs and loyal patrons."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Order Your Essence"
      description="Contact us via WhatsApp or email to secure your rare mountain harvest."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name" },
        { name: "email", type: "email", placeholder: "Email Address" }
      ]}
      textarea={{ name: "message", placeholder: "Your order requests..." }}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-stuffed-eggplant-rolls-hot-pepper-powder-turmeric-small-bowls-leaves-fork-knife-grey-surface_140725-107249.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Natural Mountain Honey"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Contact Us", href: "#contact" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
