"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "/" },
        { name: "Services", id: "/services" },
        { name: "Projects", id: "/projects" },
        { name: "About", id: "/about" },
        { name: "Reviews", id: "/reviews" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Diaz Plastering"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Diaz Plastering"
      description="Building Excellence From the Ground Up with precision, integrity, and unparalleled craftsmanship."
      buttons={[
        { text: "Request a Quote", href: "/contact" },
        { text: "View Projects", href: "/projects" },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg", imageAlt: "Luxury mansion facade" },
        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-thompson-center_181624-6564.jpg", imageAlt: "Commercial construction steel frame" },
        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg", imageAlt: "Modern kitchen remodel" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blueprint_23-2148269815.jpg", imageAlt: "Site management" },
        { imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg", imageAlt: "Concrete foundation work" },
        { imageSrc: "http://img.b2bpic.net/free-photo/row-drawers-light-diagonal-blue-minimal_169016-69287.jpg", imageAlt: "Architectural detailing" },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Track Record"
      tag="Excellence"
      metrics={[
        { id: "m1", value: "25+", description: "Years Experience" },
        { id: "m2", value: "500+", description: "Projects Completed" },
        { id: "m3", value: "100%", description: "Licensed & Insured" },
        { id: "m4", value: "50+", description: "Expert Staff" },
        { id: "m5", value: "24/7", description: "Client Support" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="about-short" data-section="about-short">
      <TextAbout
      useInvertedBackground={false}
      title="A Family-Owned Legacy of Premium Craftsmanship"
    />
  </div>

  <div id="testimonials-home" data-section="testimonials-home">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah Miller", role: "Developer", company: "Urban Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg?_wi=1" },
        { id: "t2", name: "James Chen", role: "Owner", company: "Modern Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1" },
        { id: "t3", name: "David Smith", role: "Investor", company: "Commercial Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-couch_23-2148415751.jpg" },
        { id: "t4", name: "Elena Ross", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-suit-holding-contract_23-2148269312.jpg" },
        { id: "t5", name: "Mark Johnson", role: "Manager", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
      ]}
      title="Trusted by Leaders"
      description="Our commitment to quality has earned us the trust of industry professionals and homeowners alike."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Trusted Partnerships"
      description="We collaborate with the industry's finest architects and suppliers."
      names={["Urban Estates", "Modern Home", "Commercial Corp", "Design Studio", "Retail Group"]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",          items: [
            { label: "Services", href: "/services" },
            { label: "Projects", href: "/projects" },
            { label: "About", href: "/about" },
          ],
        },
        {
          title: "Legal",          items: [
            { label: "Privacy Policy", href: "#" },
            { label: "License #123456", href: "#" },
          ],
        },
      ]}
      logoText="Diaz Plastering"
      copyrightText="© 2025 Diaz Plastering. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}