"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
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" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Executive Frameworks"
      description={[
        "For founders and high-level operators.",
        "High performance is not luck, it is a structure.",
      ]}
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Direct Intervention"
      description="Short-term intensity for long-term clarity."
      features={[
        {
          id: "f-co-1",
          title: "Performance Audit",
          descriptions: [
            "Deep dive into existing habits.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012344.jpg",
        },
        {
          id: "f-co-2",
          title: "Strategic Pivot",
          descriptions: [
            "Redefining mission and impact.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/dongdaemun-design-plaza-modern-architecture_335224-399.jpg",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/dark-textured-stone-background_53876-88915.jpg?_wi=3"
      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>
  );
}
