"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Box, Feather, Gift, Home, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/frailejon-plant-logo-design_23-2150053407.jpg"
      logoAlt="Hanky Baskets & Decor Logo"
      brandName="Hanky Baskets & Decor"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="Exquisite Baskets & Decors for Every Home"
      description="Discover handcrafted beauty and unique designs that elevate your living space. From functional storage to artistic accents, find pieces that tell a story."
      buttons={[
        {
          text: "Shop Baskets",
          href: "#products",
        },
        {
          text: "Explore Decors",
          href: "#products",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",
          imageAlt: "Elegant handwoven basket in a cozy living room",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090613.jpg",
          imageAlt: "Assortment of wicker and rattan decor items",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-many-dried-flowers-vases_169016-6457.jpg",
          imageAlt: "Stylish home decor elements including a woven basket",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26089.jpg",
          imageAlt: "Living room adorned with decorative baskets",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-close-up-background-photo-texture_169016-19691.jpg",
          imageAlt: "Close-up of intricate basket weaving detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-macrame-arrangement-indoors_23-2149072837.jpg",
          imageAlt: "Collection of small, colorful decorative baskets",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Crafted with Passion & Purpose"
      description="At Hanky Baskets & Decor, we believe in the timeless beauty of handcrafted items. Each piece is meticulously made by skilled artisans, blending traditional techniques with modern aesthetics. We source sustainable materials to bring you unique, high-quality decor that adds warmth and character to your home."
      imageSrc="http://img.b2bpic.net/free-photo/artist-apron-working-desk_23-2148372220.jpg"
      imageAlt="Artisan hands crafting a basket"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Box,
          title: "Storage Solutions",
          description: "Elegant and practical baskets for organizing your home with style. Perfect for laundry, toys, or blankets.",
        },
        {
          icon: Sparkles,
          title: "Artistic Accents",
          description: "Unique decorative pieces that add a touch of personality and charm to any room. Hand-painted and intricately designed.",
        },
        {
          icon: Feather,
          title: "Garden & Patio Decor",
          description: "Weather-resistant baskets and planters designed to beautify your outdoor spaces and bring nature closer.",
        },
        {
          icon: Gift,
          title: "Thoughtful Gifts",
          description: "Find the perfect handcrafted gift for any occasion, thoughtfully made to delight and inspire.",
        },
        {
          icon: Home,
          title: "Everyday Essentials",
          description: "Beautiful yet durable items for daily use, making mundane tasks a little more luxurious.",
        },
      ]}
      title="Our Signature Collections"
      description="Explore diverse categories designed to complement every style and need, each piece reflecting unparalleled craftsmanship and thoughtful design."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",
          name: "Willow Weave Storage Basket",
          price: "$59.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-flowers-basket_23-2148447108.jpg",
          imageAlt: "Large storage basket with handles",
        },
        {
          id: "product-2",
          name: "Boho Fruit Bowl",
          price: "$34.50",
          imageSrc: "http://img.b2bpic.net/free-photo/bread-granola-knife-chopping-board_23-2147860401.jpg",
          imageAlt: "Decorative fruit bowl basket",
        },
        {
          id: "product-3",
          name: "Geometric Wall Art Basket",
          price: "$48.00",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cemte8",
          imageAlt: "Colorful woven wall decor basket",
        },
        {
          id: "product-4",
          name: "Artisan Ceramic Vase",
          price: "$72.00",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-flowers-vase_23-2149270655.jpg",
          imageAlt: "Minimalist modern home decor ceramic vase",
        },
        {
          id: "product-5",
          name: "Scented Soy Candle Set",
          price: "$29.95",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-beautiful-vintage-candlesticks-with-burning-candles-blurred-background_169016-9655.jpg",
          imageAlt: "Set of decorative scented candles",
        },
        {
          id: "product-6",
          name: "Macrame Plant Hanger",
          price: "$22.00",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-macrame-arrangement-indoors_23-2149072831.jpg",
          imageAlt: "Macrame plant hanger with an indoor plant",
        },
      ]}
      title="Discover Our Handpicked Selection"
      description="Browse through our curated collection of baskets and decors, each selected for its unique beauty and quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The baskets from Hanky are simply stunning! They've added so much warmth and character to my home. The quality is exceptional, and I constantly receive compliments from guests."
      rating={5}
      author="Isabella Chen, Home Decor Enthusiast"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",
          alt: "Isabella Chen avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg",
          alt: "Michael Rodriguez avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg",
          alt: "Sophia Patel avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-elderly-woman-gestures-horns-with-two-hands-isolated-green-wall_141793-70428.jpg",
          alt: "David Lee avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg",
          alt: "Olivia Garcia avatar",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Eco Craft Market",
        "Habitat Home Designs",
        "Artisan's Guild",
        "Curated Spaces",
        "Green Living Magazine",
        "Sustainable Styles Co.",
        "The Decor Collective",
      ]}
      title="Our Valued Partners"
      description="We collaborate with local markets, interior designers, and ethical sourcing organizations to bring you the best in handcrafted decor."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What materials are your baskets made from?",
          content: "Our baskets are primarily crafted from natural, sustainable materials such as willow, rattan, seagrass, and recycled cotton. We prioritize eco-friendly sourcing.",
        },
        {
          id: "faq-2",
          title: "How do I care for my handcrafted decor?",
          content: "Care instructions vary by material. Generally, we recommend gentle dusting with a soft cloth and avoiding direct sunlight or excessive moisture for natural fibers.",
        },
        {
          id: "faq-3",
          title: "Do you offer international shipping?",
          content: "Yes, we ship worldwide! Shipping costs and delivery times will be calculated at checkout based on your location. Please note customs fees may apply.",
        },
        {
          id: "faq-4",
          title: "What is your return policy?",
          content: "We offer a 30-day return policy for unused items in their original packaging. Please see our 'Returns & Exchanges' page for full details and instructions.",
        },
        {
          id: "faq-5",
          title: "Can I request a custom basket or decor item?",
          content: "We love bringing unique visions to life! Please contact us with your custom order ideas, and we'll discuss the possibilities and provide a quote.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-adult-moving-new-house_23-2149275863.jpg"
      imageAlt="Woman carefully packing a basket for shipping"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find quick answers to your questions about our products, shipping, and order process."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Have a Question or Special Request? Reach Out to Us!"
      buttons={[
        {
          text: "Send Us a Message",
          href: "mailto:info@hankydecor.com",
        },
        {
          text: "Call Us",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/frailejon-plant-logo-design_23-2150053407.jpg"
      logoAlt="Hanky Baskets & Decor Logo"
      columns={[
        {
          items: [
            {
              label: "Shop Baskets",
              href: "#products",
            },
            {
              label: "Decorative Items",
              href: "#products",
            },
            {
              label: "New Arrivals",
              href: "#products",
            },
          ],
        },
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Process",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Handcrafted beauty for your home."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
