"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Coaching",
          id: "/coaching",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      button={{
        text: "Book a Call",
        href: "/contact",
      }}
      brandName="KIRCHHOFF ENTERPRISE"
    />
  </div>

  <div id="about-full" data-section="about-full">
      <TextSplitAbout
      useInvertedBackground={false}
      title="I am not here to motivate you."
      description={[
        "I am here to show you why you are where you are.",
        "Everything tested. Everything applied.",
        "International reach. Results-driven.",
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="The Methodology"
      description={[
        "Precision. Logic. Results.",
        "We don't rely on intuition alone.",
        "Science-backed frameworks.",
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/dark-textured-stone-background_53876-88915.jpg?_wi=2"
      logoText="KIRCHHOFF ENTERPRISE"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Coaching",
              href: "/coaching",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Imprint",
              href: "/legal",
            },
            {
              label: "Privacy Policy",
              href: "/legal",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Kirchhoff Enterprise"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
