"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Royal Tobacco"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Premium Tobacco, Timeless Elegance, Expert Service"
      description="Discover hand-selected cigars, rare pipes, and accessories curated for the discerning smoker. Shop online or visit our flagship location for personalized guidance."
      kpis={[
        {
          value: "100+",
          label: "Rare Collections",
        },
        {
          value: "20+",
          label: "Years Expertise",
        },
        {
          value: "5k+",
          label: "Satisfied Smokers",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Browse Our Collection",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-brown-casket-bright-wall_140725-14336.jpg",
          alt: "Satisfied customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cigars-package-dried-tobacco-leaves_181624-39359.jpg",
          alt: "Satisfied customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/top-view-papersheet-with-get-lost-message_23-2148362078.jpg",
          alt: "Satisfied customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/top-view-wooden-box-with-traveling-equipment_23-2148362105.jpg",
          alt: "Satisfied customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg",
          alt: "Satisfied customer 5",
        },
      ]}
      avatarText="Trusted by 5k+ connoisseurs"
      marqueeItems={[
        {
          type: "text",
          text: "Premium Quality",
        },
        {
          type: "text",
          text: "Expert Guidance",
        },
        {
          type: "text",
          text: "Fast Shipping",
        },
        {
          type: "text",
          text: "Authentic Brands",
        },
        {
          type: "text",
          text: "Exclusive Access",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Legacy of Craftsmanship"
      metrics={[
        {
          icon: Award,
          label: "Premium Quality",
          value: "100%",
        },
        {
          icon: ShieldCheck,
          label: "Authenticity",
          value: "Guaranteed",
        },
        {
          icon: Users,
          label: "Personal Service",
          value: "Dedicated",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Curated",
          title: "Hand-Selected Selection",
          subtitle: "Exclusively sourced",
          description: "Every cigar and accessory is personally vetted for quality and provenance.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-pizza-cutter-dough_23-2148296861.jpg?_wi=1",
        },
        {
          tag: "Guidance",
          title: "Expert Recommendations",
          subtitle: "Personal touch",
          description: "Our team provides personalized guidance for gifts or personal collections.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-running-small-business_52683-100658.jpg?_wi=1",
        },
        {
          tag: "Convenience",
          title: "Flexible Shopping",
          subtitle: "Online or Local",
          description: "Enjoy the ease of online ordering with reliable shipping or local pickup.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-cigarettes-with-sitcky-note_23-2148160855.jpg?_wi=1",
        },
      ]}
      title="Why Choose Royal Tobacco"
      description="We blend heritage and expert service to provide the ultimate experience for every smoker, from novice to connoisseur."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Arturo Fuente",
          name: "OpusX Legend",
          price: "$45.00",
          rating: 5,
          reviewCount: "128",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cigar-label-collection_23-2149816514.jpg",
        },
        {
          id: "p2",
          brand: "S.T. Dupont",
          name: "Ligne 2 Lighter",
          price: "$899.00",
          rating: 5,
          reviewCount: "56",
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fishing-elements-outdoors_23-2148853264.jpg",
        },
        {
          id: "p3",
          brand: "Peterson",
          name: "Classic Sherlock",
          price: "$125.00",
          rating: 4,
          reviewCount: "89",
          imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-17393.jpg",
        },
        {
          id: "p4",
          brand: "Padron",
          name: "1964 Anniversary",
          price: "$22.00",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-interior_1203-9480.jpg",
        },
        {
          id: "p5",
          brand: "Royal Gift",
          name: "Connoisseur Box",
          price: "$150.00",
          rating: 5,
          reviewCount: "44",
          imageSrc: "http://img.b2bpic.net/free-photo/raw-cotton-ball-herbal-soap-bar-wooden-table_23-2147844978.jpg",
        },
        {
          id: "p6",
          brand: "Leather Craft",
          name: "3-Cigar Case",
          price: "$85.00",
          rating: 4,
          reviewCount: "102",
          imageSrc: "http://img.b2bpic.net/free-photo/pencils-leather-bag_23-2148023567.jpg",
        },
      ]}
      title="Curated Collection"
      description="Explore our handpicked inventory of the world's finest tobacco and smoking accessories."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "bronze",
          tag: "Essentials",
          price: "$49",
          period: "/mo",
          description: "Perfect for casual enthusiasts starting their collection.",
          button: {
            text: "Join Now",
            href: "#",
          },
          featuresTitle: "Included Perks",
          features: [
            "10% off accessories",
            "Monthly newsletter",
            "Early access drops",
          ],
        },
        {
          id: "silver",
          tag: "Enthusiast",
          price: "$99",
          period: "/mo",
          description: "Best for regular smokers who want personalized selection.",
          button: {
            text: "Join Now",
            href: "#",
          },
          featuresTitle: "Everything in Bronze plus:",
          features: [
            "15% off everything",
            "Personal consultation",
            "Invite-only events",
          ],
        },
        {
          id: "gold",
          tag: "Connoisseur",
          price: "$199",
          period: "/mo",
          description: "For the true collector seeking rare and exclusive access.",
          button: {
            text: "Join Now",
            href: "#",
          },
          featuresTitle: "Everything in Silver plus:",
          features: [
            "25% off all orders",
            "Private storage locker",
            "Concierge sourcing",
          ],
        },
      ]}
      title="Membership Tiers"
      description="Join the Royal Tobacco Inner Circle for exclusive benefits and early access."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Arthur D.",
          date: "Oct 2024",
          title: "Life-long customer",
          quote: "The selection here is unparalleled. I've never received better advice on my cigar journey.",
          tag: "Collector",
          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest_627829-2795.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg?_wi=2",
          imageAlt: "happy customer smoking premium cigar",
        },
        {
          id: "t2",
          name: "Elena V.",
          date: "Sep 2024",
          title: "Gift Enthusiast",
          quote: "Found the perfect anniversary gift. The presentation was exquisite.",
          tag: "Shopper",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-scratching-his-beard-near-mirror_171337-16539.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smoking-cigarette_1303-27579.jpg",
          imageAlt: "happy customer smoking premium cigar",
        },
        {
          id: "t3",
          name: "Marcus L.",
          date: "Aug 2024",
          title: "Expert Smoker",
          quote: "Royal Tobacco delivers on quality and authenticity every time.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/pleased-adult-slavic-man-optical-glasses-wearing-blue-party-hat-holds-puts-head-gift-boxes_141793-99950.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-pizza-cutter-dough_23-2148296861.jpg?_wi=2",
          imageAlt: "happy customer smoking premium cigar",
        },
        {
          id: "t4",
          name: "Sarah K.",
          date: "Jul 2024",
          title: "New Smoker",
          quote: "The staff walked me through everything with no pressure. Highly recommended.",
          tag: "Newbie",
          avatarSrc: "http://img.b2bpic.net/free-photo/old-money-classy-heir-drinking-glass-whiskey-elite-social-club_482257-114570.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-running-small-business_52683-100658.jpg?_wi=2",
          imageAlt: "happy customer smoking premium cigar",
        },
        {
          id: "t5",
          name: "James P.",
          date: "Jun 2024",
          title: "Member",
          quote: "The membership program is top-notch. The early access drops are incredible.",
          tag: "VIP Member",
          avatarSrc: "http://img.b2bpic.net/free-photo/visualizing-her-new-project-fashion-collection_329181-14389.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-cigarettes-with-sitcky-note_23-2148160855.jpg?_wi=2",
          imageAlt: "happy customer smoking premium cigar",
        },
      ]}
      title="Voice of Our Community"
      description="See why enthusiasts consider us their premier destination."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer local pickup?",
          content: "Yes, you can order online and select local pickup at checkout for convenience.",
        },
        {
          id: "f2",
          title: "Are your cigars authentic?",
          content: "Absolutely. We are authorized retailers for every brand we carry.",
        },
        {
          id: "f3",
          title: "Do you accept returns?",
          content: "We handle returns on a case-by-case basis to ensure your complete satisfaction.",
        },
        {
          id: "f4",
          title: "How do I join the Inner Circle?",
          content: "You can sign up via our membership page or speak to a staff member in-store.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our shop or products? We are here to help."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Stay Connected"
      title="Visit Our Flagship Store"
      description="Join our newsletter for exclusive insights and product drops. Visit us today to experience the Royal difference."
      imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26763.jpg"
      mediaAnimation="slide-up"
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Royal Tobacco"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Cigars",
              href: "#products",
            },
            {
              label: "Pipes",
              href: "#products",
            },
            {
              label: "Accessories",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Store Locations",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Royal Tobacco. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
