"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
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="contact-form" data-section="contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's talk."
      description="Serious inquiries receive a response within 48 hours."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Full Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email",
          required: true,
        },
      ]}
      textarea={{
        name: "challenge",
        placeholder: "What brings you here?",
        required: true,
      }}
      buttonText="Submit Inquiry"
      imageSrc="http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211288.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Start The Process"
      description={[
        "We are selective with our intake.",
        "Only entrepreneurs ready for radical honesty.",
      ]}
    />
  </div>

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