"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Facebook, Instagram, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="L-Artigjana"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Discover Authentic Maltese Artistry"
      description="L-Artigjana is a creative hub showcasing unique, handmade treasures crafted locally by talented women artisans in the heart of Rabat."
      testimonials={[
        {
          name: "Abigail Cassar",
          handle: "@abigail",
          testimonial: "Lovely shop showcasing items made by local female artisans. Full of little treasures and unique items perfect for gifting.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164910.jpg",
          imageAlt: "gift shop interior artisanal crafts",
        },
        {
          name: "B'ee Explores",
          handle: "@bee",
          testimonial: "Always looking for authentic gift shops, L-Artigjana is exactly that kind of place with true artistic value.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-clay-sculpting-indoors_52683-93714.jpg",
          imageAlt: "gift shop interior artisanal crafts",
        },
        {
          name: "Leyi Jiang",
          handle: "@leyi",
          testimonial: "The shop is cute and full of amazing art! Each item reflects so much artistry, creativity and passion.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/white-pin-box-with-colorful-needles_23-2148212733.jpg",
          imageAlt: "gift shop interior artisanal crafts",
        },
        {
          name: "Maria Vella",
          handle: "@maria",
          testimonial: "A true gem in Rabat! The quality of the handmade work is exceptional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/marshmallow-test-tubes-with-tag-marble-top-against-white-background_23-2147936456.jpg",
          imageAlt: "gift shop interior artisanal crafts",
        },
        {
          name: "Tom Anderson",
          handle: "@tom",
          testimonial: "I love supporting local makers and this shop is the perfect place to do it.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crocheting-yarn-desk_23-2149386357.jpg",
          imageAlt: "gift shop interior artisanal crafts",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164910.jpg"
      imageAlt="Handcrafted gifts at L-Artigjana"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197308.jpg",
          alt: "Ceramic and pottery tools still life",
        },
        {
          src: "http://img.b2bpic.net/free-photo/arrangement-with-clay-pots_23-2148986265.jpg",
          alt: "Arrangement with clay pots",
        },
        {
          src: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192265.jpg",
          alt: "Still life with plants deco",
        },
        {
          src: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192263.jpg",
          alt: "Still life with plants deco",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-manufacter-work-progress_23-2148270990.jpg",
          alt: "Close-up manufacter work progress",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About Our Hub"
      title="Empowering Women Artisans"
      description="Located at 73 St Rita Street in Rabat, L-Artigjana celebrates the creative talent of local women. Every piece in our collection is handmade, reflecting traditional craftsmanship and contemporary flair."
      subdescription="Our shop offers a welcoming, open layout filled with carefully selected artisan items, making it the perfect destination for finding authentic, one-of-a-kind gifts."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-clay-sculpting-indoors_52683-93714.jpg"
      mediaAnimation="slide-up"
      imageAlt="talented female artisans crafting"
      icon={Sparkles}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Exquisite Jewellery",
          description: "From filigree to contemporary pieces, our collection highlights traditional techniques.",
          imageSrc: "http://img.b2bpic.net/free-photo/white-pin-box-with-colorful-needles_23-2148212733.jpg",
        },
        {
          title: "Scented Treasures",
          description: "Hand-poured candles created locally for a calming and refreshing atmosphere.",
          imageSrc: "http://img.b2bpic.net/free-photo/marshmallow-test-tubes-with-tag-marble-top-against-white-background_23-2147936456.jpg",
        },
        {
          title: "Unique Handbags",
          description: "Stylish, artistic handbags that showcase the individuality of local creators.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crocheting-yarn-desk_23-2149386357.jpg",
        },
      ]}
      title="Artisan Collections"
      description="Explore our curated range of handmade crafts designed with passion."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Silver Filigree Pendant",
          price: "€45",
          variant: "Jewellery",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg",
        },
        {
          id: "p2",
          name: "Artisan Soy Candle",
          price: "€18",
          variant: "Candles",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tray-with-coffee-with-whipped-cream-candle_23-2148720053.jpg",
        },
        {
          id: "p3",
          name: "Handmade Tote Bag",
          price: "€35",
          variant: "Fashion",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-making-chain-bracelet-with-beads-white-desk_23-2148137486.jpg",
        },
        {
          id: "p4",
          name: "Painted Ceramic Mug",
          price: "€22",
          variant: "Decor",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-clay-pot_23-2148986303.jpg",
        },
        {
          id: "p5",
          name: "Beaded Artisan Bracelet",
          price: "€28",
          variant: "Jewellery",
          imageSrc: "http://img.b2bpic.net/free-photo/clorful-composition-with-carnival-pearls_23-2147852204.jpg",
        },
        {
          id: "p6",
          name: "Hand-carved Souvenir",
          price: "€15",
          variant: "Decor",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-pottery_23-2151680844.jpg",
        },
      ]}
      title="Shop Our Treasures"
      description="Discover a selection of unique, handcrafted items made by our artisans."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Creative Hub Rabat",
        "Maltese Women Artisans",
        "Handmade Jewellery",
        "Traditional Filigree",
        "Artisan Candles",
        "Sustainable Textiles",
        "Unique Gifts",
      ]}
      title="Proudly Supporting Maltese Artisans"
      description="Connecting creative talent with people who appreciate authenticity."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Abigail Cassar",
          role: "Visitor",
          testimonial: "Lovely shop, very welcoming layout, staff are very friendly.",
          imageSrc: "http://img.b2bpic.net/free-photo/your-drink-please_1098-15707.jpg",
        },
        {
          id: "t2",
          name: "B'ee Explores",
          role: "Local Guide",
          testimonial: "Authentic gift shop, exactly what I look for when traveling.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-front-toys-amusement-park_23-2147910668.jpg",
        },
        {
          id: "t3",
          name: "Leyi Jiang",
          role: "Customer",
          testimonial: "Full of amazing art, you can feel the passion in every item.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-woman-garage-sale_23-2150540715.jpg",
        },
        {
          id: "t4",
          name: "Maria Vella",
          role: "Frequent Shopper",
          testimonial: "The best place to find unique handmade gifts in Rabat.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-black-apron-holding-handmade-mug-hands-dreamily-looking-camera-pottery-studio_574295-874.jpg",
        },
        {
          id: "t5",
          name: "James Smith",
          role: "Tourist",
          testimonial: "A beautiful discovery! So glad I found this gem.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-dressed-sweater-give-you-gift_171337-6004.jpg",
        },
      ]}
      title="Loved by Our Customers"
      description="Read what visitors are saying about their experience at our shop."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Are items really handmade?",
          content: "Yes, every single item is handcrafted by one of our four talented local female artisans.",
        },
        {
          id: "f2",
          title: "Where are you located?",
          content: "We are located at 73 St Rita Street, Rabat, Malta.",
        },
        {
          id: "f3",
          title: "What are your opening hours?",
          content: "We are open daily and close at 5:00 PM.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Everything you need to know about our shop and artisans."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Find Us in Rabat"
      description="Come visit our creative hub, browse unique treasures, and meet our artisans. We look forward to welcoming you!"
      imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg"
      mediaAnimation="slide-up"
      imageAlt="friendly artisan shop staff greeting"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="L-Artigjana"
      copyrightText="© 2024 L-Artigjana. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/l.artigjana/",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "https://www.facebook.com/l.artigjana/",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
