"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Collection",
          id: "/collection",
        },
        {
          name: "Custom Orders",
          id: "/custom-order",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Wanda"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient",
      }}
      logoText="Wanda"
      description="Handcrafted Luxury, Designed Just for You. Discover unique beaded bags handmade with passion, elegance, and attention to every detail."
      buttons={[
        {
          text: "Shop Collection",
          href: "/collection",
        },
        {
          text: "Request a Custom Design",
          href: "/custom-order",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-massage-acupuncture-mat-with-pillow-white-massage-tips-massage-mat-relaxation-treatment_169016-10959.jpg"
      imageAlt="Elegant beaded handbag"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="why-wanda" data-section="why-wanda">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "handmade",
          title: "Handmade with Care",
          tags: [
            "Crafted to Perfection",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/hands-with-tattoo-machine-tattoo-master_627829-12063.jpg",
          imageAlt: "Hands crafting a beaded bag",
        },
        {
          id: "customizable",
          title: "Fully Customizable Designs",
          tags: [
            "Your Vision, Our Art",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-shopping-bag-from-counter_23-2147784119.jpg",
          imageAlt: "Custom bag design sketches",
        },
        {
          id: "quality",
          title: "Premium Quality Materials",
          tags: [
            "Lasting Elegance",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/decorative-glass-shopping-basket_53876-42507.jpg",
          imageAlt: "Close-up of sparkling beads",
        },
        {
          id: "delivery",
          title: "Delivery Across Lebanon",
          tags: [
            "Convenient & Secure",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-tying-bow-big-gift-box_23-2147955942.jpg",
          imageAlt: "Luxury packaged bag",
        },
      ]}
      title="Why Choose Wanda?"
      description="Experience the difference of true craftsmanship and personalized service that sets Wanda apart."
    />
  </div>

  <div id="collection" data-section="collection">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",
          name: "The Noir Opulence",
          price: "$280",
          variant: "Evening Clutch",
          imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879913.jpg",
          imageAlt: "Black beaded evening bag",
        },
        {
          id: "prod-2",
          name: "Golden Radiance",
          price: "$350",
          variant: "Bridal Handbag",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14703.jpg",
          imageAlt: "Gold and white beaded bag",
        },
        {
          id: "prod-3",
          name: "Bohemian Dream",
          price: "$220",
          variant: "Shoulder Bag",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-knitted-bag-still-life_23-2150709481.jpg",
          imageAlt: "Colorful beaded shoulder bag",
        },
        {
          id: "prod-4",
          name: "Silver Moonlight",
          price: "$295",
          variant: "Elegant Clutch",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14709.jpg",
          imageAlt: "Classic silver beaded clutch",
        },
        {
          id: "prod-5",
          name: "Geometric Muse",
          price: "$310",
          variant: "Statement Piece",
          imageSrc: "http://img.b2bpic.net/free-photo/close-shot-woman-light-summer-flying-dress-holding-knitted-bag-beach-sea-background_343596-1231.jpg",
          imageAlt: "Unique geometric beaded bag",
        },
        {
          id: "prod-6",
          name: "Pearl Whisper",
          price: "$330",
          variant: "Classic Handbag",
          imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-decorated-nest-with-greenery-white-ribbon_8353-9808.jpg",
          imageAlt: "Pearl beaded bag",
        },
      ]}
      title="Our Featured Collection"
      description="Explore our exquisite range of handcrafted beaded bags, perfect for any occasion, from elegant evenings to everyday luxury."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@sarah_j_style",
          testimonial: "The craftsmanship is incredible. Every detail is perfect, and I constantly receive compliments. Everyone asked where I got my bag!",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg",
          imageAlt: "Sarah J. with her Wanda bag",
        },
        {
          id: "2",
          name: "Amina K.",
          handle: "@amina.k.events",
          testimonial: "Wanda bags are the perfect gift! Beautifully made and truly unique. My friend absolutely adored her custom piece.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722602.jpg",
          imageAlt: "Amina K. with her Wanda bag",
        },
        {
          id: "3",
          name: "Lila B.",
          handle: "@lila_b_fashion",
          testimonial: "Elegant, unique, and worth every penny. This bag has become my go-to for special events, adding that touch of sophistication.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-bride-portrair_624325-480.jpg",
          imageAlt: "Lila B. with her Wanda bag",
        },
        {
          id: "4",
          name: "Nour S.",
          handle: "@nour_s_designs",
          testimonial: "My custom Wanda bag exceeded all expectations. The design process was seamless, and the final product is a true work of art.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-accessories-stylish-woman-sitting-cafe-drinking-coffee-sunglasses-handbag-spring-summer-fashion-trend-elegant-style_285396-4313.jpg",
          imageAlt: "Nour S. with her Wanda bag",
        },
        {
          id: "5",
          name: "Maya H.",
          handle: "@maya_h_luxe",
          testimonial: "I love the attention to detail and the luxurious feel of my Wanda bag. It's a standout piece that always elevates my outfit.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-blonde-woman-white-dress-with-straw-bag-her-shoulder_181624-5570.jpg",
          imageAlt: "Maya H. with her Wanda bag",
        },
      ]}
      title="What Our Clients Say"
      description="Hear from our delighted customers about their Wanda experience and the unique elegance of their handcrafted bags."
    />
  </div>

  <div id="custom-design-cta" data-section="custom-design-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Create Your Dream Bag. Choose colors, sizes, patterns, and details to craft a one-of-a-kind accessory that truly reflects your style. Your vision, handcrafted to perfection."
      buttons={[
        {
          text: "Start Your Custom Order",
          href: "/custom-order",
        },
      ]}
    />
  </div>

  <div id="lead-capture" data-section="lead-capture">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Join the Wanda VIP List. Be the first to receive exclusive offers, new collection updates, and special invitations to Wanda events."
      buttons={[
        {
          text: "Join the Wanda VIP List",
          href: "/contact#join-vip",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Wanda",
          items: [
            {
              label: "Elevating Everyday and Event Style",
              href: "#",
            },
          ],
        },
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Collection",
              href: "/collection",
            },
            {
              label: "Custom Orders",
              href: "/custom-order",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/wandabags",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/96176813559",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/wandabags",
            },
          ],
        },
      ]}
      bottomLeftText="Wanda — Where Art Meets Accessory"
      bottomRightText="© 2024 Wanda. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
