"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Testimonials",          id: "/testimonials"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Alder Elite Woodworks"
    />
  </div>

  <div id="all-testimonials" data-section="all-testimonials">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="depth-3d"
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Homeowner",          company: "Lux Residences",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-holding-house-model-sitting-office-looking-camera_23-2148204001.jpg",          imageAlt: "Happy homeowner Sarah J."},
        {
          id: "2",          name: "Michael C.",          role: "Interior Designer",          company: "Design Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-shaking-hands_23-2150059018.jpg",          imageAlt: "Interior Designer Michael C."},
        {
          id: "3",          name: "Emily R.",          role: "Property Developer",          company: "Urban Estates",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-dressed-swimwear-taking-shower-beach_176420-5886.jpg",          imageAlt: "Property Developer Emily R."},
        {
          id: "4",          name: "David K.",          role: "Business Owner",          company: "The Grand Cafe",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg",          imageAlt: "Business Owner David K."},
        {
          id: "5",          name: "Jessica L.",          role: "Residential Client",          company: "Private Residence",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/resting-company-employee-beard-businessman_1262-1163.jpg",          imageAlt: "Residential Client Jessica L."},
        {
          id: "6",          name: "Robert B.",          role: "Project Manager",          company: "Elite Contractors",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-creative-worker-carpenter-holding-plank-wood-material-carpentry-workshop_342744-809.jpg",          imageAlt: "Project Manager Robert B."},
      ]}
      kpiItems={[
        {
          value: "4.9",          label: "Star Rating"},
        {
          value: "74",          label: "Verified Reviews"},
        {
          value: "100%",          label: "Client Satisfaction"},
      ]}
      title="Our Clients Share Their Experiences"
      description="Read through the testimonials from individuals and businesses who have entrusted their woodworking projects to Alder Elite Woodworks, LLC."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "Years of Expertise",          items: [
            "Mastering the craft",            "Delivering excellence",            "Trusted in the industry"],
        },
        {
          id: "m2",          value: "200+",          title: "Projects Completed",          items: [
            "Diverse portfolio",            "Residential & Commercial",            "Exceeding expectations"],
        },
        {
          id: "m3",          value: "100%",          title: "Customer Satisfaction",          items: [
            "Quality guaranteed",            "Personalized service",            "Building lasting relationships"],
        },
      ]}
      title="Our Track Record of Excellence"
      description="Quantifying our commitment to craftsmanship, reliability, and client happiness."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Custom Cabinetry",              href: "/services#custom-cabinetry"},
            {
              label: "Finish Carpentry",              href: "/services#finish-carpentry"},
            {
              label: "Staircases",              href: "/services#staircases"},
            {
              label: "Pergolas & Gazebos",              href: "/services#pergolas-gazebos"},
            {
              label: "Remodeling",              href: "/services#remodeling"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/#about"},
            {
              label: "Project Gallery",              href: "/gallery"},
            {
              label: "Testimonials",              href: "/testimonials"},
            {
              label: "Request a Quote",              href: "/contact"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Get in Touch",              href: "/contact"},
            {
              label: "FAQs",              href: "/contact#faq"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Alder Elite Woodworks, LLC. All rights reserved."
      bottomRightText="Built with passion by elite craftsmen"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
