"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Collections",
          id: "products",
        },
        {
          name: "Expertise",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Youssef & Bros"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Youssef & Bros | Atelier & Industrial"
      description="The Craft of Completion. From professional snickerry supplies to bespoke DIY solutions. We provide the precision tools and expert guidance that turn visions into reality."
      buttons={[
        {
          text: "Explore the Collection",
          href: "#products",
        },
        {
          text: "Consult an Expert",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096569.jpg"
      imageAlt="industrial tool close up dark"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Bosch Professional",
        "Makita",
        "DeWalt",
        "Festool",
        "Stanley",
        "Milwaukee",
        "Hitachi",
      ]}
      title="Voted #1 for Professional Hardware"
      description="4.5/5 Stars by the Community."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="The Pillars of Our Craft"
      description="Beyond just retail, we are master curators of tools and solutions, ensuring every craftsman finds exactly what is needed for their vision."
      bulletPoints={[
        {
          title: "Unmatched Inventory",
          description: "If it exists for the home or workshop, we have it.",
        },
        {
          title: "Expert Solutions",
          description: "We suggest the right path for your specific project.",
        },
        {
          title: "Fairness in Value",
          description: "Premium quality at prices that respect the craftsman.",
        },
      ]}
      mediaAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094596.jpg"
      imageAlt="Small business manager in his workshop"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Carpenter's Vault",
          price: "Expert Grade",
          imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg",
        },
        {
          id: "p2",
          name: "Modern Interior",
          price: "Luxury Finish",
          imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-closeup-wooden-handle-premium-minimalism_169016-69005.jpg",
        },
        {
          id: "p3",
          name: "Precision Hardware",
          price: "Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home_169016-6156.jpg",
        },
        {
          id: "p4",
          name: "Carbon Steel Blades",
          price: "High End",
          imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg",
        },
        {
          id: "p5",
          name: "Artisanal Fittings",
          price: "Exclusive",
          imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg",
        },
        {
          id: "p6",
          name: "Workshop Essentials",
          price: "Standard",
          imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
        },
      ]}
      title="Featured Collections"
      description="Our curated selections for every level of project perfection."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Elian R.",
          handle: "@elian",
          testimonial: "I always find what I need for my DIY projects. If they don't have it, they find the solution.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-workshop-painting_23-2148836057.jpg",
        },
        {
          id: "t2",
          name: "Sarah K.",
          handle: "@sarahk",
          testimonial: "Truly professional hardware experts. The bespoke service is unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
        },
        {
          id: "t3",
          name: "Mark D.",
          handle: "@markd",
          testimonial: "My go-to place for high-end woodwork supplies. Expert guidance every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
        },
        {
          id: "t4",
          name: "Elena P.",
          handle: "@elenap",
          testimonial: "Unbeatable inventory and a shop that feels like an industrial boutique.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
        },
        {
          id: "t5",
          name: "John B.",
          handle: "@johnb",
          testimonial: "George Youssef & Bros have never let me down. Professional, reliable, expert.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9435.jpg",
        },
      ]}
      showRating={true}
      title="The Word on the Street"
      description="Reflections from the community we build with."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Consultation"
      title="Procurement Concierge"
      description="Our specialists are ready to assist with your procurement needs. Let us know what you are building today."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Atelier",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Shop",
              href: "#products",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Consultation",
              href: "#contact",
            },
            {
              label: "WhatsApp Support",
              href: "https://wa.me/yournumber",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Youssef & Bros"
      copyrightText="Est. 1980 — Built on Trust, Hardened by Steel."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
