"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Facebook, Heart, Image, Instagram, Palette, Sparkle, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          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/beauty-room-branding-logo-illustration_53876-58031.jpg"
      logoAlt="Sunehro Stitches Logo"
      brandName="Sunehro Stitches"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Sunehro Stitches: Handmade with Love, Crafted with Skill"
      description="Discover exquisite crochet creations, from whimsical Minecraft Creepers to elegant handbags and unique jewelry. Each piece is meticulously handcrafted, blending modern elegance with artisanal tradition. Experience the luxury of bespoke, high-quality handmade items."
      tag="Artisanal Craftsmanship"
      buttons={[
        {
          text: "Explore Our Collection",          href: "#products"},
        {
          text: "Order Your Custom Piece",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cozy-home-still-life-with-wicker-basket-with-decor_169016-6150.jpg"
      imageAlt="Luxurious handmade crochet items displayed"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-smiling-pretty-woman-with-curly-hair-wearing-red-pullover-red-beret-posing-with-easter-basket-isolated-yellow-wall_291650-1078.jpg",          alt: "Happy customer with handmade item"},
        {
          src: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697703.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-knitted-hats_23-2149311009.jpg",          alt: "Craft enthusiast"},
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-knitting-outside_23-2149431827.jpg",          alt: "Reviewing handmade product"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg",          alt: "Supporter of artisan crafts"},
      ]}
      avatarText="Loved by over 1000 happy artisans and enthusiasts worldwide."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="The Art of Crochet"
      title="Our Passion for Handmade Excellence"
      buttons={[
        {
          text: "Our Story",          href: "#about"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Unmatched Quality",          description: "Using only premium, ethically sourced yarns and materials for durability and a luxurious feel."},
        {
          icon: Palette,
          title: "Artistic Design",          description: "Each item is a work of art, featuring intricate textures, unique patterns, and elegant finishes."},
        {
          icon: Sparkle,
          title: "Custom Creations",          description: "Bring your vision to life with our bespoke custom order service, tailored just for you."},
        {
          icon: Heart,
          title: "Handmade with Love",          description: "Every stitch is infused with passion and care, ensuring a product made with true affection."},
      ]}
      title="Why Choose Sunehro Stitches?"
      description="We blend traditional crochet techniques with modern aesthetics to create truly unique and lasting pieces."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",          name: "Minecraft Creeper Plush",          price: "$25.00",          imageSrc: "http://img.b2bpic.net/free-photo/esoteric-items-dark-background-high-angle_23-2149514187.jpg",          imageAlt: "Handmade crochet Minecraft Creeper"},
        {
          id: "prod-2",          name: "Elegant Gold Handbag",          price: "$120.00",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-knitted-bag_23-2150709511.jpg",          imageAlt: "Luxurious crochet handbag with gold accents"},
        {
          id: "prod-3",          name: "Mini Crochet Keychain",          price: "$15.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-plush-still-life_23-2151044847.jpg",          imageAlt: "Cute handmade crochet keychain"},
        {
          id: "prod-4",          name: "Intricate Crochet Necklace",          price: "$75.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-made-necklace-carnival_23-2151913507.jpg",          imageAlt: "Handmade crochet necklace with delicate details"},
        {
          id: "prod-5",          name: "Traditional Crochet Pranda",          price: "$40.00",          imageSrc: "http://img.b2bpic.net/free-photo/rythmic-gymnast-with-ribbon_23-2148144227.jpg",          imageAlt: "Handmade crochet pranda for hair"},
        {
          id: "prod-6",          name: "Bespoke Custom Order",          price: "Price on Request",          imageSrc: "http://img.b2bpic.net/free-photo/woman-knitting-wool-stuff_114579-12141.jpg",          imageAlt: "Placeholder for a custom crochet item"},
      ]}
      title="Our Exquisite Crochet Collection"
      description="Explore a diverse range of beautifully crafted items, perfect for gifts or personal treasures."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",          name: "Aisha Khan",          role: "Art Enthusiast",          testimonial: "Sunehro Stitches created a custom handbag for me, and it's absolutely stunning! The craftsmanship is beyond compare, and the gold accents are simply divine. A true work of art.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-calm-woman-knitting_23-2148859253.jpg",          imageAlt: "Aisha Khan, happy customer"},
        {
          id: "test-2",          name: "Zainab Ali",          role: "Fashion Blogger",          testimonial: "I'm obsessed with my new crochet necklace. It's so unique and elegant, I get compliments every time I wear it. Sunehro Stitches truly delivers on luxury and skill.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-summer-dress-vacation-beach-colorful-yellow-sunglasess-smiling-happy_285396-6636.jpg",          imageAlt: "Zainab Ali, happy customer"},
        {
          id: "test-3",          name: "Omar Siddiqui",          role: "Gift Buyer",          testimonial: "The Minecraft Creeper plushie was a huge hit for my son's birthday! The quality is fantastic, and you can tell it was made with such care. Thank you, Sunehro Stitches!",          imageSrc: "http://img.b2bpic.net/free-photo/high-quality-brand-exclusive-100-guarantee-original-concept_53876-121067.jpg",          imageAlt: "Omar Siddiqui, happy customer"},
        {
          id: "test-4",          name: "Fatima Rizvi",          role: "Craft Collector",          testimonial: "My custom pranda is just breathtaking. The intricate details and vibrant colors are exactly what I imagined. Sunehro Stitches is my go-to for unique handmade pieces.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-learning-online-how-knit_23-2148550710.jpg",          imageAlt: "Fatima Rizvi, happy customer"},
        {
          id: "test-5",          name: "Ahmed Hussain",          role: "Online Shopper",          testimonial: "Ordered a crochet keychain and was so impressed with the prompt delivery and the adorable craftsmanship. It's clear that passion goes into every single stitch. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-gift_23-2148769779.jpg",          imageAlt: "Ahmed Hussain, happy customer"},
      ]}
      title="Hear From Our Happy Customers"
      description="Their satisfaction is our greatest reward."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What kind of materials do you use?",          content: "We use only premium, high-quality yarns including mercerized cotton, silk blends, and fine wool, ensuring durability and a luxurious finish for all our products."},
        {
          id: "faq-2",          title: "Do you accept custom orders?",          content: "Absolutely! We love bringing unique visions to life. Please contact us with your ideas, and we'll work closely with you to create a bespoke crochet item."},
        {
          id: "faq-3",          title: "How long does a custom order take?",          content: "The turnaround time for custom orders varies depending on complexity and current workload. We'll provide an estimated timeframe during our consultation, typically ranging from 2-4 weeks."},
        {
          id: "faq-4",          title: "What payment methods do you accept?",          content: "We accept major credit cards (Visa, MasterCard, Amex), PayPal, and other secure online payment options. Details will be provided at checkout or for custom orders."},
        {
          id: "faq-5",          title: "Do you ship internationally?",          content: "Yes, we offer international shipping! Shipping costs and delivery times will vary based on your location. Please check our shipping policy for more details."},
        {
          id: "faq-6",          title: "How do I care for my crochet items?",          content: "Each item comes with specific care instructions. Generally, we recommend gentle hand washing with mild detergent and air drying to maintain the quality and shape of your handmade piece."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about Sunehro Stitches and our handmade crafts."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Artisan Craft Guild",        "Luxury Boutique Network",        "Creative Crafters Hub",        "Global Handmade Market",        "Premium Yarn Suppliers",        "Bespoke Design Studios",        "Craft & Lifestyle Magazine"]}
      title="Proudly Partnered with Leading Craft Communities"
      description="Our commitment to quality and craftsmanship is recognized by esteemed organizations in the handmade artisan industry."
      showCard={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Ready for Your Custom Creation?"
      description="Whether you have a unique idea or need assistance with an order, we're here to help. Reach out to Sunehro Stitches and let's craft something beautiful together."
      buttons={[
        {
          text: "Contact Us Now",          href: "mailto:info@sunehrostitchescrafts.com"},
        {
          text: "View Our Portfolio",          href: "#products"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/beauty-room-branding-logo-illustration_53876-58031.jpg"
      logoAlt="Sunehro Stitches Logo"
      logoText="Sunehro Stitches"
      copyrightText="© 2024 Sunehro Stitches. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/sunehro.stitches",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "https://facebook.com/sunehro.stitches",          ariaLabel: "Facebook"},
        {
          icon: Image,
          href: "https://pinterest.com/sunehro.stitches",          ariaLabel: "Pinterest"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
