"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Team",
          id: "/team",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="The Lab Gents"
    />
  </div>

  <div id="about-section" data-section="about-section">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="About The Lab Gents"
      description="Established in June 2021, The Lab Gents Salon & Spa is dedicated to professional, upscale grooming for men in Dubai. Our locations at Arabian Ranches 2 and Meadows Town Centre are designed for relaxation and precision."
      bulletPoints={[
        {
          title: "Locations",
          description: "Arabian Ranches 2 & Meadows Town Centre.",
        },
        {
          title: "Expert Service",
          description: "Highly trained barbers and therapists.",
        },
        {
          title: "Quality First",
          description: "Professional tools and premium products.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Growth"
      description="Always striving for improvement."
      metrics={[
        {
          value: "3+",
          title: "Years of Excellence",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/barber-thinking-hairstyle-customer_23-2148298291.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="About Us"
      title="Our Journey"
      description="Founded in 2021 by grooming enthusiasts."
      imageSrc="http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200191.jpg"
      logoText="The Lab Gents"
      leftLink={{
        text: "Terms & Conditions",
        href: "#",
      }}
      rightLink={{
        text: "Privacy Policy",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
