"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Calendar, Home, Smile } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Work",          id: "work"},
        {
          name: "Shop",          id: "shop"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="The Cabinet Shop"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Custom Cabinetry for Every Home"
      description="Crafting bespoke kitchens, baths, and more for Monterey County residents for 30 years."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/professional-male-carpenter-taking-measurement-workbench-workshop_23-2147944916.jpg",          alt: "Jeff Bell"},
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104846.jpg",          alt: "Glenn Grimes"},
        {
          src: "http://img.b2bpic.net/free-photo/glassblower-holding-glassware_107420-74263.jpg",          alt: "Craftsman One"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21172.jpg",          alt: "Craftsman Two"},
        {
          src: "http://img.b2bpic.net/free-photo/glassblower-standing-with-arms-crossed-glassblowing-factory_107420-74214.jpg",          alt: "Skilled artisan portrait"},
      ]}
      avatarText="Meet the Craftsmen"
      buttons={[
        {
          text: "Our Work",          href: "#work"},
        {
          text: "Get a Quote",          href: "#contact"},
      ]}
      buttonAnimation="opacity"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-smartphone_23-2149894969.jpg",          alt: "Modern kitchen with island"},
        {
          type: "text",          text: "Quality Craftsmanship"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/white-porcelain-sink-with-towels_1203-1319.jpg",          alt: "Elegant bathroom vanity"},
        {
          type: "text",          text: "30 Years Experience"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/modern-shop-prepared-live-auction_23-2149947503.jpg",          alt: "Custom built-in shelving"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Legacy"
      title="Three Decades of Craftsmanship"
      description="The Cabinet Shop has been providing Monterey County residents with custom cabinets for 30 years."
      subdescription="Co-owners Jeff Bell and Glenn Grimes, long-time Monterey County residents, bring extensive knowledge to every custom cabinetry project. Our mission is to provide high-quality and individualized products to clients, ensuring every piece is a perfect fit."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feat-1",          title: "Kitchen Remodels",          subtitle: "Complete custom kitchen design and installation, from conception to stunning completion.",          category: "Residential",          value: "Modern & Classic"},
        {
          id: "feat-2",          title: "Bathroom Vanities",          subtitle: "Elegant and durable vanities crafted to maximize space and style in your bathrooms.",          category: "Residential",          value: "Custom & Standard"},
        {
          id: "feat-3",          title: "Custom Built-ins",          subtitle: "Seamlessly integrated storage, shelving, and entertainment units tailored to your needs.",          category: "Residential",          value: "Unique Solutions"},
        {
          id: "feat-4",          title: "Design Consultation",          subtitle: "Expert guidance through material selection, layout, and finish options to realize your vision.",          category: "Service",          value: "Personalized"},
      ]}
      title="Beyond Cabinets"
      description="Specializing in bespoke solutions for every space, we bring functionality and artistry together to transform your home."
      tag="Our Expertise"
    />
  </div>

  <div id="work" data-section="work">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",          name: "Classic Shaker Kitchen",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg",          imageAlt: "Classic Shaker Kitchen"},
        {
          id: "prod-2",          name: "Modern Minimalist Kitchen",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-kitchen-cabinets_23-2149551420.jpg",          imageAlt: "Modern Minimalist Kitchen"},
        {
          id: "prod-3",          name: "Rustic Farmhouse Kitchen",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-piece-furniture-interior-design_23-2148848664.jpg",          imageAlt: "Rustic Farmhouse Kitchen"},
        {
          id: "prod-4",          name: "Dark Wood Luxury Kitchen",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199367.jpg",          imageAlt: "Dark Wood Luxury Kitchen"},
        {
          id: "prod-5",          name: "Bright Open Concept Kitchen",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264414.jpg",          imageAlt: "Bright Open Concept Kitchen"},
        {
          id: "prod-6",          name: "Integrated Pantry Solution",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/open-kitchen-drawer-with-dishes-inside-everyday-organization_169016-71087.jpg",          imageAlt: "Integrated Pantry Solution"},
      ]}
      title="Inspired Designs, Flawless Execution"
      description="Explore a selection of our finest custom cabinetry projects, showcasing our precision and passion."
      tag="Our Portfolio"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",          name: "Sarah J.",          handle: "@home_style",          testimonial: "The Cabinet Shop transformed our kitchen! The quality is outstanding, and the team was incredibly professional and attentive to every detail. Highly recommend for anyone seeking custom work.",          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
        {
          id: "test-2",          name: "Michael C.",          handle: "@m_carpentry",          testimonial: "Our new bathroom vanity is a masterpiece. Jeff and Glenn truly understood our vision and delivered beyond our expectations. A local gem for custom cabinetry!",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg"},
        {
          id: "test-3",          name: "Emily R.",          handle: "@emily_design",          testimonial: "From design to installation, the process was seamless. Our custom built-ins are both beautiful and functional, adding immense value to our living space.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115472.jpg"},
        {
          id: "test-4",          name: "David K.",          handle: "@david_project",          testimonial: "We couldn't be happier with our new home office cabinets. The craftsmanship is evident in every detail, and the personalized service was exceptional.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986059.jpg"},
        {
          id: "test-5",          name: "Laura S.",          handle: "@laura_kitchens",          testimonial: "The Cabinet Shop created a kitchen that is both stunning and incredibly practical. It's truly the heart of our home now. Thank you for the incredible work!",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-200078.jpg"},
      ]}
      title="Client Success Stories"
      description="Hear what our happy customers in Monterey County have to say about their custom cabinetry."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "metric-1",          value: "30+",          title: "Years of Experience",          description: "Providing top-tier custom cabinetry since 1996.",          icon: Calendar,
        },
        {
          id: "metric-2",          value: "500+",          title: "Projects Completed",          description: "Delivering custom solutions for kitchens, baths, and more.",          icon: Home,
        },
        {
          id: "metric-3",          value: "99%",          title: "Client Satisfaction",          description: "Our commitment to quality ensures delighted customers.",          icon: Smile,
        },
      ]}
      title="Our Impact"
      description="Celebrating years of dedicated service and countless satisfied customers in Monterey County."
    />
  </div>

  <div id="shop" data-section="shop">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        {
          id: "member-1",          name: "Jeff Bell",          role: "Co-Owner & Master Cabinet Maker",          imageSrc: "http://img.b2bpic.net/free-photo/worker-overalls-man-with-tools-senior-with-screwdriwer_1157-45059.jpg"},
        {
          id: "member-2",          name: "Glenn Grimes",          role: "Co-Owner & Design Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg"},
      ]}
      title="Meet Our Craftsmen"
      description="The dedicated co-owners behind every custom creation, bringing passion and precision to your project."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get Started"
      title="Your Dream Cabinets Await"
      description="Ready to transform your space? Contact us for a personalized consultation and quote. We're here to bring your vision to life."
      imageSrc="http://img.b2bpic.net/free-photo/tanner-with-gadget_1098-12745.jpg"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Work",              href: "#work"},
            {
              label: "Our Shop",              href: "#shop"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Kitchens",              href: "#features"},
            {
              label: "Bathrooms",              href: "#features"},
            {
              label: "Custom Projects",              href: "#features"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Get a Quote",              href: "#contact"},
          ],
        },
      ]}
      bottomLeftText="©2026 The Cabinet Shop"
      bottomRightText="Built by Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
