"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="SKG Auto Detailing"
      button={{
        text: "Get Free Quote",
        href: "/contact",
      }}
    />
  </div>

  <div id="about-company" data-section="about-company">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="About SKG Auto Detailing Inc."
      description="SKG Auto Detailing Inc. is Fredericksburg's trusted choice for premium vehicle care. Founded on a passion for automotive excellence and meticulous attention to detail, we are dedicated to restoring and protecting your investment. We pride ourselves on delivering unmatched quality and a personalized experience for every client."
      bulletPoints={[
        {
          title: "Our Mission",
          description: "To deliver the highest standard of auto detailing, making every vehicle look its absolute best.",
        },
        {
          title: "Our Experience",
          description: "Years of expertise in advanced detailing techniques and premium product application.",
        },
        {
          title: "Our Philosophy",
          description: "Customer satisfaction, integrity, and meticulous craftsmanship define our approach.",
        },
        {
          title: "Local Focus",
          description: "Proudly serving Fredericksburg, Spotsylvania, Stafford, King George, and surrounding Virginia communities.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg"
      imageAlt="Owner of SKG Auto Detailing smiling confidently"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="meet-the-team" data-section="meet-the-team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "1",
          name: "John Smith",
          role: "Founder & Lead Detailer",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-car-dealer-showing-ok-sign_23-2148332931.jpg",
          imageAlt: "John Smith, Founder of SKG Auto Detailing",
        },
        {
          id: "2",
          name: "Sarah Davis",
          role: "Senior Detail Technician",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg",
          imageAlt: "Sarah Davis, Senior Detail Technician",
        },
        {
          id: "3",
          name: "Mark Johnson",
          role: "Detail Technician",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",
          imageAlt: "Mark Johnson, Detail Technician",
        },
      ]}
      title="Meet Our Expert Team"
      description="Our certified detailers are passionate about cars and committed to delivering exceptional results every time. We treat every vehicle with the utmost care and professionalism."
    />
  </div>

  <div id="company-metrics" data-section="company-metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "4.9",
          title: "Star Rating",
          description: "Consistently high ratings from over 60+ happy customers on Google.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-gold-star-medal-uniform_23-2151965970.jpg",
          imageAlt: "Five star rating icon",
        },
        {
          id: "2",
          value: "60+",
          title: "Happy Customers",
          description: "A growing base of loyal clients who trust us with their valuable vehicles.",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2864.jpg",
          imageAlt: "Smiling happy customer icon",
        },
        {
          id: "3",
          value: "Years",
          title: "Experience",
          description: "Dedicated to providing expert auto detailing solutions with unmatched skill.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
          imageAlt: "Icon representing years of experience",
        },
      ]}
      title="Our Commitment to Excellence"
      description="Proudly serving the Fredericksburg community with top-tier auto detailing services, backed by proven results and satisfied customers."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Full Detailing",
              href: "/services#full-detailing",
            },
            {
              label: "Interior Detailing",
              href: "/services#interior-detailing",
            },
            {
              label: "Exterior Detailing",
              href: "/services#exterior-detailing",
            },
            {
              label: "Paint Protection",
              href: "/services#paint-protection",
            },
            {
              label: "Engine Detailing",
              href: "/services#engine-detailing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Work",
              href: "/gallery",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Request a Quote",
              href: "/contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Google Reviews",
              href: "https://www.google.com/search?q=SKG+Auto+Detailing+Inc+Fredericksburg+reviews",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 SKG Auto Detailing Inc. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
