"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Facebook, Instagram, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="none"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Trending",
          id: "#products",
        },
        {
          name: "K-Beauty",
          id: "#products",
        },
        {
          name: "Made in Pakistan",
          id: "#products",
        },
      ]}
      brandName="Glow Mart"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Glow Mart: Your Ultimate Beauty Destination"
      description="Discover international bestsellers and local treasures for radiant skin and dazzling makeup. We blend the best of K-Beauty innovation with authentic Pakistani heritage."
      testimonials={[
        {
          name: "Ayesha Khan",
          handle: "@ayeshaglows",
          testimonial: "Glow Mart is my go-to for K-Beauty! Finally, authentic products delivered right to my door. My skin has never looked better!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466359.jpg",
          imageAlt: "Ayesha Khan",
        },
        {
          name: "Sarah Ahmed",
          handle: "@sarah_beauty",
          testimonial: "The Pakistani herbal collection is divine. It reminds me of home remedies with a modern twist. Highly recommend the organic oils!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
          imageAlt: "Sarah Ahmed",
        },
        {
          name: "Fatima Nasir",
          handle: "@fatimabeauty",
          testimonial: "As a K-Beauty enthusiast in Pakistan, finding genuine products was a struggle. Glow Mart offers an amazing range, and I trust their sourcing!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-makes-hopeful-please-gesture-smiles-gladfully-keeps-eyes-closed-wears-spectacles-turtleneck-leather-jacket-isolated-pink-background-makes-wish-prays-about-something_273609-57434.jpg",
          imageAlt: "Fatima Nasir",
        },
        {
          name: "Ali Hassan",
          handle: "@alikhan",
          testimonial: "My wife loves the diverse selection here. From traditional kajal to modern Korean sunscreens, Glow Mart has it all. Excellent service too!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/candid-shot-beautiful-female-with-healthy-skin_176532-7225.jpg",
          imageAlt: "Ali Hassan",
        },
        {
          name: "Amna Tariq",
          handle: "@amna.tariq",
          testimonial: "The customer support is fantastic, and the express delivery is a lifesaver. My latest K-beauty haul arrived perfectly. So impressed!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947452.jpg",
          imageAlt: "Amna Tariq",
        },
      ]}
      testimonialRotationInterval={5000}
      tag="International + Local Besties"
      tagIcon={Star}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Shop Pakistani Favorites",
          href: "#pakistani-heritage",
        },
        {
          text: "Shop Korean Glass Skin",
          href: "#korean-skincare",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263195.jpg"
      imageAlt="Diverse models with glowing skin showcasing beauty products"
      showDimOverlay={false}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg",
          alt: "Woman with radiant skin",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-romantic-couple-posing_23-2149123502.jpg",
          alt: "Man with clear skin",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1457.jpg",
          alt: "Young woman's natural beauty",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-ethnic-woman-posing-indoors_23-2150100200.jpg",
          alt: "Woman with healthy glowing skin",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg",
          alt: "Satisfied male customer",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "pk-1",
          brand: "Medora Cosmetics",
          name: "Pakistani Heritage Lipstick (100% Authentic)",
          price: "PKR 599",
          rating: 4,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047738.jpg",
          imageAlt: "Medora lipstick in warm earthy shade",
        },
        {
          id: "pk-2",
          brand: "Local Organics",
          name: "Organic Rosehip Facial Oil (100% Authentic)",
          price: "PKR 1,850",
          rating: 5,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-assortment_23-2148981028.jpg",
          imageAlt: "Organic Rosehip Facial Oil bottle",
        },
        {
          id: "pk-3",
          brand: "Traditional Beauty",
          name: "Pakistani Herbal Kajal (100% Authentic)",
          price: "PKR 350",
          rating: 4,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-making-up-her-eyes_23-2148136589.jpg",
          imageAlt: "Traditional Pakistani Herbal Kajal",
        },
        {
          id: "kr-1",
          brand: "Round Lab",
          name: "Birch Juice Sunscreen SPF50+ (Imported)",
          price: "PKR 4,200",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-mask-drink_23-2149299871.jpg",
          imageAlt: "Round Lab Birch Juice Sunscreen",
        },
        {
          id: "kr-2",
          brand: "Beauty of Joseon",
          name: "Glow Serum: Propolis + Niacinamide (Imported)",
          price: "PKR 3,900",
          rating: 5,
          reviewCount: "180",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-face-cream_23-2150171939.jpg",
          imageAlt: "Beauty of Joseon Glow Serum",
        },
        {
          id: "kr-3",
          brand: "COSRX",
          name: "Advanced Snail 96 Mucin Power Essence (Imported)",
          price: "PKR 3,100",
          rating: 5,
          reviewCount: "250",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-serum-bottle_23-2150167638.jpg",
          imageAlt: "COSRX Advanced Snail 96 Mucin Power Essence",
        },
      ]}
      title="Curated Collections: Heritage & Innovation"
      description="Explore our exquisite range of Pakistani organic essentials and cutting-edge Korean skincare. Every product is 100% authentic and hand-picked for your radiant beauty."
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "100%",
          description: "Genuine Products",
        },
        {
          id: "m2",
          value: "Direct",
          description: "Imports (Korea/PK)",
        },
        {
          id: "m3",
          value: "Secure",
          description: "Payment Methods",
        },
        {
          id: "m4",
          value: "Express",
          description: "Delivery Service",
        },
      ]}
      title="Shop with Confidence: Our Promise to You"
      description="Your trust is our priority. We ensure authenticity, secure payments, and swift delivery for an unparalleled shopping experience."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Glow Mart: Where Global Beauty Meets Local Charm"
      description="We are passionate about bringing you a meticulously curated collection of premium skincare and makeup. From time-honored Pakistani herbal traditions to cutting-edge Korean beauty innovations, every product tells a story of science, culture, and radiant beauty. Discover your next favorite at Glow Mart."
      imageSrc="http://img.b2bpic.net/free-photo/woman-with-jade-roller-doing-her-beauty-routine_23-2150166393.jpg"
      imageAlt="Mix of Pakistani and Korean beauty products on a vanity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Zainab R.",
          role: "Beauty Influencer",
          company: "InstaGlam",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390905.jpg",
          imageAlt: "Zainab R. avatar",
        },
        {
          id: "t2",
          name: "Usman K.",
          role: "Entrepreneur",
          company: "Tech Innovations",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg",
          imageAlt: "Usman K. avatar",
        },
        {
          id: "t3",
          name: "Hina S.",
          role: "Student",
          company: "Lahore University",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
          imageAlt: "Hina S. avatar",
        },
        {
          id: "t4",
          name: "Fahad M.",
          role: "Digital Marketer",
          company: "Growth Agency",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
          imageAlt: "Fahad M. avatar",
        },
        {
          id: "t5",
          name: "Aisha B.",
          role: "Makeup Artist",
          company: "Bridal Glow Studio",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wet-man-posing_23-2148749391.jpg",
          imageAlt: "Aisha B. avatar",
        },
      ]}
      kpiItems={[
        {
          value: "10K+",
          label: "Happy Customers",
        },
        {
          value: "4.9/5",
          label: "Average Rating",
        },
        {
          value: "500+",
          label: "Brands Stocked",
        },
      ]}
      title="Hear From Our Glowing Community"
      description="Real stories from real customers who love their Glow Mart experience and the radiant results."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Are all your K-Beauty products authentic?",
          content: "Yes, absolutely! We directly import all our Korean skincare products from authorized distributors and brands in Korea to guarantee 100% authenticity and freshness. Your trust is our priority.",
        },
        {
          id: "faq2",
          title: "What makes Pakistani local brands special at Glow Mart?",
          content: "Our Pakistani heritage collection features unique, often organic and handmade products sourced from local artisans and trusted brands. These items embrace traditional ingredients and practices, offering a touch of authentic local charm to your beauty routine.",
        },
        {
          id: "faq3",
          title: "What are your shipping and delivery options in Pakistan?",
          content: "We offer express delivery across Pakistan. Orders are typically processed within 24-48 hours and delivered within 3-5 business days depending on your location. We provide tracking information for all shipments.",
        },
        {
          id: "faq4",
          title: "What is your return and exchange policy?",
          content: "We accept returns or exchanges for unused products within 7 days of delivery if they are in their original packaging. Please refer to our full return policy for more details or contact customer service.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-helping-customers-regain-access-accounts_482257-126790.jpg"
      imageAlt="Customer service representative helping a customer"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions, Answered"
      description="Find quick answers to common queries about our products, authenticity, shipping, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Connect With Glow Mart"
      description="Have a question, need assistance, or just want to chat about beauty? Our dedicated team is here to help you shine. Reach out to us anytime!"
      imageSrc="http://img.b2bpic.net/free-photo/shop-online-internet-shopping-store-concept_53876-132561.jpg"
      imageAlt="Contact form with red and white accents"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Your email address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/organic-logo-template-with-leaves_23-2148636343.jpg"
      logoAlt="Glow Mart Logo"
      logoText="Glow Mart"
      copyrightText="© 2024 Glow Mart. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
