"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Process",
          id: "process",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Bespoke Joinery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Mastering the Art of Bespoke Joinery & Glazing"
      description="Exquisite timber and precision-engineered glass, tailored for clients who refuse to compromise on quality and design elegance."
      tag="Luxury Craftsmanship"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg",
          imageAlt: "Luxury joinery detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg",
          imageAlt: "Architectural glazing view",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
          imageAlt: "Bespoke kitchen interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-city-building-with-daylight-shadows_23-2149080234.jpg",
          imageAlt: "Modern architectural glass",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185403.jpg",
          imageAlt: "Handcrafted door finish",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Trusted by 50+ Premium Clients"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Bespoke Joinery",
          description: "Custom cabinetry and timber installations crafted to your specific dimensions and design language.",
          imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
          imageAlt: "Bespoke kitchen joinery",
        },
        {
          title: "Architectural Glazing",
          description: "Precision-engineered glass systems that merge seamless aesthetics with robust thermal and structural performance.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-city-building-with-daylight-shadows_23-2149080234.jpg",
          imageAlt: "High-end glazing",
        },
        {
          title: "Tailored Finishes",
          description: "Exquisite wood treatments and metal accents that elevate every element of your home's unique interior.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185403.jpg",
          imageAlt: "Bespoke door craftsmanship",
        },
      ]}
      title="Our Expert Services"
      description="From conceptual design to artisanal manufacturing and final installation, we deliver excellence at every step of your project."
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Consultation",
          description: "Deep discovery sessions to understand your specific requirements and architectural context.",
          imageSrc: "http://img.b2bpic.net/free-photo/sideways-carpenter-working-woodworking_23-2148643220.jpg",
          imageAlt: "Initial planning phase",
        },
        {
          title: "Artisanal Crafting",
          description: "High-precision manufacturing where quality materials meet traditional and modern joinery techniques.",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116357.jpg",
          imageAlt: "Precision crafting",
        },
        {
          title: "Seamless Install",
          description: "Professional fitting by our expert technicians, ensuring minimal disruption and flawless finish.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-tailor-taking-measurement-senior-man-s-sleeves_23-2148180363.jpg",
          imageAlt: "Project installation",
        },
      ]}
      title="Our Refined Process"
      description="We believe in a collaborative, detail-oriented journey to bring your vision to life with complete transparency."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Eleanor Vance",
          role: "Architect",
          company: "Studio V",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
        },
        {
          id: "2",
          name: "Arthur Penhaligon",
          role: "Homeowner",
          company: "Penhaligon Estate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-looking-camera-while-showing-his-plan_23-2148242989.jpg",
        },
        {
          id: "3",
          name: "Sarah Miller",
          role: "Interior Designer",
          company: "Luxury Interiors",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
        },
        {
          id: "4",
          name: "Julian Blackwood",
          role: "Client",
          company: "Blackwood Residence",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg",
        },
        {
          id: "5",
          name: "Clara Oswald",
          role: "Architect",
          company: "Oswald Designs",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg",
        },
      ]}
      title="Craftsmanship Recognized"
      description="See why discerning homeowners and architects choose our bespoke solutions for their most ambitious projects."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Let's Collaborate"
      title="Start Your Bespoke Journey"
      description="Ready to discuss your joinery or glazing project? Contact our expert team today to schedule your private consultation."
      buttons={[
        {
          text: "Contact Us",
          href: "mailto:hello@bespokejoinery.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Our Process",
              href: "#process",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "+44 20 1234 5678",
              href: "tel:+442012345678",
            },
            {
              label: "hello@bespokejoinery.com",
              href: "mailto:hello@bespokejoinery.com",
            },
          ],
        },
      ]}
      logoText="Bespoke Joinery"
      copyrightText="© 2025 Bespoke Joinery & Glazing"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
