"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { 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"
      button={{ text: "Shop Now", href: "#products" }}
    />
  </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?_wi=1", imageAlt: "gift shop interior artisanal crafts" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164910.jpg?_wi=2"
      imageAlt="Handcrafted gifts at L-Artigjana"
    />
  </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?_wi=2"
      mediaAnimation="slide-up"
      imageAlt="talented female artisans crafting"
      icon={Sparkles}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="blur-reveal"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Exquisite Jewellery", description: "Traditional techniques meeting modern elegance.", imageSrc: "http://img.b2bpic.net/free-photo/white-pin-box-with-colorful-needles_23-2148212733.jpg?_wi=2" },
        { title: "Handcrafted Scents", description: "Locally poured candles for a refreshing atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/marshmallow-test-tubes-with-tag-marble-top-against-white-background_23-2147936456.jpg?_wi=2" }
      ]}
      title="Our Collections"
      description="Explore our curated range of handmade crafts designed with passion."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="blur-reveal"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        { id: "p1", brand: "L-Artigjana", name: "Silver Filigree Pendant", price: "€45", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-presents-cookies-arrangement_23-2149343247.jpg" },
        { id: "p2", brand: "L-Artigjana", name: "Artisan Soy Candle", price: "€18", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tray-with-coffee-with-whipped-cream-candle_23-2148720053.jpg" }
      ]}
      title="Featured Products"
      description="Discover our most popular handcrafted items."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      useInvertedBackground={false}
      names={["Maltese Women Artisans", "Traditional Filigree", "Unique Handcrafted Gifts"]}
      textboxLayout="default"
      title="Supporting Local Craftsmanship"
      description="We pride ourselves on promoting the creative brilliance of our community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="blur-reveal"
      textboxLayout="default"
      useInvertedBackground={true}
      showRating={true}
      testimonials={[
        { id: "t1", name: "Abigail Cassar", handle: "@abigail", testimonial: "Lovely shop, very welcoming layout, staff are very friendly.", rating: 5 },
        { id: "t2", name: "B'ee Explores", handle: "@bee", testimonial: "Authentic gift shop, exactly what I look for when traveling.", rating: 5 }
      ]}
      title="Client Experiences"
      description="Read what our visitors say about L-Artigjana."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Are items handmade?", content: "Yes, all items are handcrafted by local female artisans." },
        { id: "f2", title: "How can we contact you?", content: "You can visit us in Rabat or email us at info@l-artigjana.com." }
      ]}
      title="Questions & Answers"
      description="Find answers to common questions about our shop."
      faqsAnimation="blur-reveal"
      textboxLayout="default"
      imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Connect"
      title="Visit Us in Rabat"
      description="We are located at 73 St Rita Street, Rabat. Stop by for authentic gifts and friendly artisan chats."
      buttons={[{ text: "Get Directions", href: "#" }]}
      useInvertedBackground={true}
      background={{ variant: "plain" }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      logoText="L-Artigjana"
      imageSrc="http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197308.jpg"
      columns={[
        {
            title: "Contact",            items: [
                { label: "73 St Rita St, Rabat", href: "#" },
                { label: "info@l-artigjana.com", href: "mailto:info@l-artigjana.com" },
                { label: "+356 2145 0000", href: "tel:+35621450000" }
            ]
        },
        {
            title: "Social",            items: [
                { label: "Instagram", href: "https://www.instagram.com/l.artigjana/" },
                { label: "Facebook", href: "https://www.facebook.com/l.artigjana/" }
            ]
        }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
