"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Story", id: "about" },
        { name: "Collection", id: "products" },
        { name: "Reviews", id: "testimonials" },
        { name: "Craft", id: "process" },
      ]}
      brandName="IST Jewellery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "gradient-bars" }}
      title="Jewellery Born from Passion, Crafted by Hand"
      description="Discover unique, artisanal pieces that bring a touch of Vienna’s soul to your everyday elegance."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025952.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12584.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-underwater_23-2149836406.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/painted-orange-pink-water-with-powder_23-2147964231.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-golden-sparks-glitter_23-2149224084.jpg" },
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/model-demonstrating-golden-earrings_7502-7055.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bride-s-wedding-gown-from-side-her-hand-put-waist_181624-21091.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-diamond-ring-woman-finger-woman-wearing-black-dress-love-wedding-concept-soft-natural-day-light-selective-focus_343596-807.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/decoration-golden-balls-christmas_1162-209.jpg" },
        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-306712.jpg" },
      ]}
      buttons={[{ text: "Explore the Collection", href: "#products" }]}
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-blow-torch_107420-65238.jpg", alt: "Hands of craftswoman using blow torch" },
        { src: "http://img.b2bpic.net/free-photo/close-up-carver-painting-art-piece_23-2148270989.jpg", alt: "Close-up carver painting art piece" },
        { src: "http://img.b2bpic.net/free-photo/jeweler-hands-creating-design-bracelet_23-2148643235.jpg", alt: "Jeweler hands creating design for bracelet" },
        { src: "http://img.b2bpic.net/free-photo/creative-woman-is-holding-pliers-crystal-clear-quartz-it_613910-3134.jpg", alt: "Creative woman is holding pliers and crystal clear quartz in it." },
        { src: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914166.jpg", alt: "Male jeweler working in the shop" },
      ]}
      avatarText="Crafted with love by our Viennese team."
      marqueeItems={[
        { type: "text", text: "Vienna Workshop" },
        { type: "text", text: "Ethical Gemstones" },
        { type: "text", text: "Bespoke Design" },
        { type: "text", text: "Artisanal Heritage" },
        { type: "text", text: "Hand-Finished" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="The Art of Vienna"
      description="From Chef to Jeweller, Ismet brings culinary precision to artisanal craft. Every ring and earring is a labour of love, born in his local workshop, where he crafts memories into gold."
      imageSrc="http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      buttons={[{ text: "View Details", href: "#" }]}
      products={[
        {
          id: "p1",          name: "Vienna Gold Ring",          price: "€450",          variant: "Gold",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-female-with-nice-nails-wearing-beautiful-silver-ring_181624-23637.jpg"},
        {
          id: "p2",          name: "Silver Moonlight Studs",          price: "€180",          variant: "Silver",          imageSrc: "http://img.b2bpic.net/free-photo/organic-background-natural-texture_23-2148872829.jpg"},
        {
          id: "p3",          name: "Artisanal Gemstone Band",          price: "€320",          variant: "Gold",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560664.jpg"},
        {
          id: "p4",          name: "Minimalist Drop Earrings",          price: "€210",          variant: "Silver",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-pebbles-stones_1252-947.jpg"},
        {
          id: "p5",          name: "Karlsplatz Signature Ring",          price: "€550",          variant: "Gold",          imageSrc: "http://img.b2bpic.net/free-photo/bracelet-filled-with-rings_23-2148643216.jpg"},
        {
          id: "p6",          name: "Parchment Texture Bangle",          price: "€390",          variant: "Gold",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-jeweler-making-jewellery_23-2150931433.jpg"},
      ]}
      title="Featured Creations"
      description="Each piece is a one-of-a-kind creation."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Maria S.",          imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-afro-american-female-with-broad-smile-holds-mug-coffee-tea-enjoys-break-after-hard-working-day_273609-3085.jpg"},
        {
          id: "t2",          name: "Lukas V.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693571.jpg"},
        {
          id: "t3",          name: "Elena R.",          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg"},
        {
          id: "t4",          name: "Tobias H.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-necklace-jewelry-store_1303-30670.jpg"},
        {
          id: "t5",          name: "Sarah K.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-using-old-ouija-board_23-2149409470.jpg"},
      ]}
      cardTitle="The Little Shop of Happiness"
      cardTag="Customer Stories"
      cardAnimation="slide-up"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Bespoke Stones",          description: "Sourced with care, every gem has a story.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-painting-piece-wood_23-2148742373.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/workshop-woman-jeweler-is-busy-soldering-jewelry_1153-3526.jpg" },
        },
        {
          title: "Friendly Advice",          description: "Guided by passion and local Viennese spirit.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-lighting-blow-torch_107420-65287.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3325.jpg" },
        },
        {
          title: "Vienna Craft",          description: "Handmade in our local studio workshop.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pretty-scissors-old-sewing-machine_23-2147930291.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-polishing-process_23-2148643290.jpg" },
        },
      ]}
      showStepNumbers={true}
      title="Bespoke Craftsmanship"
      description="Made in Vienna, with natural gemstones and friendly advice."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you ship internationally?",          content: "Yes, we ship to all European countries with care."},
        {
          id: "q2",          title: "Are these real gemstones?",          content: "Absolutely, all our gemstones are natural and ethically sourced."},
        {
          id: "q3",          title: "Can I visit the studio?",          content: "Yes, we are near Karlsplatz and welcome visitors by appointment."},
      ]}
      title="Common Questions"
      description="Everything you need to know about our jewellery."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943372.jpg"
      logoText="IST Handmade Jewellery"
      columns={[
        {
          title: "Shop",          items: [
            { label: "All Jewellery", href: "#products" },
            { label: "Bespoke", href: "#process" },
          ],
        },
        {
          title: "About",          items: [
            { label: "Our Story", href: "#about" },
            { label: "Vienna Studio", href: "#" },
          ],
        },
      ]}
      copyrightText="© 2025 | IST Jewellery"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}