"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 HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, CheckCircle, Globe } from "lucide-react";

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="hero" data-section="hero">
          <HeroSplitDualMedia
            background={{ variant: "gradient-bars" }}
            title="Most entrepreneurs have the potential. Almost none use it."
            description="We find out exactly why — and we fix it."
            tag="Executive & Entrepreneurial Coaching"
            buttons={[
              { text: "Book a Discovery Call", href: "/contact" },
              { text: "Watch Free Webinar", href: "/webinar" },
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/dark-tunnel-with-turned-lamps-ceiling_181624-9703.jpg", imageAlt: "Minimalist dark background" },
              { imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15887.jpg", imageAlt: "Abstract geometric dark" }
            ]}
            mediaAnimation="blur-reveal"
            rating={5}
            ratingText="Trusted by leaders across 3 continents"
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "6+", title: "Years Experience", description: "Applied peak performance", icon: Award },
              { id: "m2", value: "3", title: "Continents", description: "Global client reach", icon: Globe },
              { id: "m3", value: "100%", title: "Accountability", description: "Direct, results-driven", icon: CheckCircle },
            ]}
            title="Proven Results"
            description="Science-based. No theory. Only results."
          />
        </div>

        <div id="methodology" data-section="methodology">
          <FeatureCardTwentySeven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            features={[
              { id: "f1", title: "Clarity", descriptions: ["Vision, Mission, Principles.", "Know exactly who you are becoming."], imageSrc: "http://img.b2bpic.net/free-photo/round-staircase-vatican-museum-leading-visitors-look-christian-works-art_181624-4266.jpg" },
              { id: "f2", title: "Belief Architecture", descriptions: ["Dismantle the blocks.", "Install what drives you forward."], imageSrc: "http://img.b2bpic.net/free-photo/red-background-luxury-modern-abstract_343694-5089.jpg" },
              { id: "f3", title: "Self-Transcendence", descriptions: ["Become the person", "capable of achieving everything."], imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14610.jpg" },
            ]}
            title="This is not coaching. This is reprogramming."
            description="Dismantle limiting beliefs and install drivers for forward momentum."
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            products={[
              { id: "p1", brand: "Entry Level", name: "High Performance Bedarfsanalyse", price: "Contact us", rating: 5, reviewCount: "Personalized assessment", imageSrc: "http://img.b2bpic.net/free-photo/abstract-triangles-background_1048-16321.jpg" },
              { id: "p2", brand: "Premium Coaching", name: "Next Level Entrepreneurial Coaching", price: "€5,000", rating: 5, reviewCount: "10 intensive sessions", imageSrc: "http://img.b2bpic.net/free-vector/gradient-black-background-with-golden-textures_23-2149197776.jpg" },
            ]}
            title="Select Your Transformation"
            description="Foundational Bedarfsanalyse or Full Executive Coaching."
          />
        </div>

        <div id="about-preview" data-section="about-preview">
          <TextSplitAbout
            useInvertedBackground={true}
            title="About Simon Kirchhoff"
            description={[
              "6 years of obsessive self-optimization.",              "Marathon, biohacking, applied peak performance.",              "Helping founders put themselves on new trajectories."]}
            buttons={[{ text: "More about Simon", href: "/about" }]}
          />
        </div>

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