"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Diamond, Recycle, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Jewelry",          id: "#products"},
        {
          name: "Apparel",          id: "#features"},
        {
          name: "About",          id: "#about"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/pack-sale-badges-with-color-details_23-2147603285.jpg"
      logoAlt="925 by AK Logo"
      brandName="925 by AK"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Minimalist Design Maximum Impact"
      description="Premium unisex jewelry and essentials for the modern individual. Timeless pieces that speak louder than tradition."
      tag="Discover 925 by AK"
      buttons={[
        {
          text: "Explore Collection",          href: "#products"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-t-shirt-posing-street-background-sunglasses_158538-9743.jpg",          imageAlt: "Minimalist silver jewelry on a dark background"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253075.jpg",          imageAlt: "Stylish individual wearing minimalist jewelry"}
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Trusted by thousands of Gen Z in Pakistan"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "ring-classic",          name: "Classic Band Ring",          price: "PKR 4,999",          variant: "Sterling Silver",          imageSrc: "http://img.b2bpic.net/free-photo/sensual-white-woman-turban-waving-hand-studio-shot-european-girl-black-outfit-isolated-pink-background_197531-25900.jpg",          imageAlt: "Classic silver band ring"},
        {
          id: "necklace-minimal",          name: "Minimalist Chain",          price: "PKR 7,499",          variant: "925 Sterling Silver",          imageSrc: "http://img.b2bpic.net/free-photo/female-s-upper-back-with-star-necklace_181624-4500.jpg",          imageAlt: "Minimalist silver chain necklace"},
        {
          id: "bracelet-sleek",          name: "Sleek Cuff Bracelet",          price: "PKR 6,299",          variant: "Stainless Steel",          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-as-greek-goddess-front-view_23-2150099205.jpg",          imageAlt: "Sleek cuff bracelet"},
        {
          id: "earrings-geo",          name: "Geometric Studs",          price: "PKR 3,599",          variant: "Sterling Silver",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-beautiful-make-up-earrings-with-gems-isolated_132075-8117.jpg",          imageAlt: "Geometric silver stud earrings"},
        {
          id: "ring-stackable",          name: "Stackable Ring Set",          price: "PKR 8,999",          variant: "Mixed Metals",          imageSrc: "http://img.b2bpic.net/free-photo/charming-playful-cute-redhead-girl-curly-haired-hide-face-palm-look-through-fingers_176420-44128.jpg",          imageAlt: "Stackable minimalist rings"},
        {
          id: "bracelet-leather",          name: "Leather & Silver Bracelet",          price: "PKR 5,499",          variant: "Premium Leather",          imageSrc: "http://img.b2bpic.net/free-photo/dark-grunge-style-metal-background_1048-5484.jpg",          imageAlt: "Leather and silver bracelet"},
      ]}
      title="Our Curated Collection"
      description="Explore our premium range of minimalist jewelry, designed for self-expression and timeless style. Expanding into apparel and accessories."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Sparkles,
          title: "Premium Craftsmanship",          description: "Each piece is meticulously crafted using high-quality materials to ensure lasting beauty and durability."},
        {
          icon: Diamond,
          title: "Minimalist Design",          description: "Our collection focuses on clean lines and understated elegance, perfect for daily wear and self-expression."},
        {
          icon: Recycle,
          title: "Sustainable Sourcing",          description: "We prioritize ethical sourcing and sustainable practices in all our materials and production processes."},
        {
          icon: Award,
          title: "Exceptional Service",          description: "From selection to after-care, our dedicated team ensures a seamless and satisfying shopping experience for every customer."},
      ]}
      title="Why Choose 925 by AK?"
      description="We are committed to delivering premium quality, timeless designs, and an unparalleled customer experience tailored for the modern individual."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Our Story: Fashioning Identity with 925 by AK"
      description={[
        "925 by AK began with a simple idea: to redefine personal style for a new generation. Our founder, a young enthusiast, embarked on a journey to not only improve his own fashion sense but to empower others to do the same.",        "We believe that fashion is a powerful form of self-expression. Our brand curates premium, minimalist unisex jewelry and essentials that transcend fleeting trends, offering pieces that help you build a distinctive personal brand that resonates with global fashion sensibilities."]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Zara Ali",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-natural-warm-makeup-dark-skin-wink-camera_633478-2184.jpg",          imageAlt: "Zara Ali, satisfied customer"},
        {
          id: "2",          name: "Bilal Khan",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-city-holding-tablet_197531-33392.jpg",          imageAlt: "Bilal Khan, satisfied customer"},
        {
          id: "3",          name: "Aisha Rahman",          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-walking-down-stairs_1303-23950.jpg",          imageAlt: "Aisha Rahman, satisfied customer"},
        {
          id: "4",          name: "Faisal Malik",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-awesome-beautiful-tall-ararbian-beard-macho-man-glasses-military-jacket-posed-outdoor-sitting-chair-against-wooden-house_627829-2308.jpg",          imageAlt: "Faisal Malik, satisfied customer"},
        {
          id: "5",          name: "Sana Ahmed",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2715.jpg",          imageAlt: "Sana Ahmed, satisfied customer"},
      ]}
      cardTitle="What Our Customers Say"
      cardTag="Rave Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue Pakistan",        "Fashion Central",        "The Express Tribune",        "Style360",        "Brandsynario",        "Sunday Times",        "GT Magazine"]}
      title="As Seen In"
      description="Featured in leading fashion and lifestyle publications across Pakistan, 925 by AK is recognized for its innovative designs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What materials are used in 925 by AK jewelry?",          content: "Our jewelry is primarily crafted from premium 925 sterling silver and high-quality stainless steel, ensuring durability and a luxurious finish. We are also expanding into other materials for apparel and accessories."},
        {
          id: "q2",          title: "Do you offer international shipping?",          content: "Currently, we focus on serving our Gen Z audience within Pakistan. We plan to expand our shipping internationally in the near future. Stay tuned for updates!"},
        {
          id: "q3",          title: "How do I care for my 925 by AK pieces?",          content: "To maintain the brilliance of your jewelry, we recommend cleaning it regularly with a soft cloth and avoiding exposure to harsh chemicals. Detailed care instructions are provided with each purchase."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about our products, shipping, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Connect With Us"
      description="Have a question or need assistance? Reach out to the 925 by AK team. We're here to help you elevate your style."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "subject",          type: "text",          placeholder: "Subject",          required: false,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/composed-bottles-with-rustic-decor_23-2147693388.jpg"
      imageAlt="Minimalist jewelry store interior"
      mediaPosition="right"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="925 by AK"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
