"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Startseite",          id: "/"},
        {
          name: "Über Uns",          id: "/ueber-uns"},
        {
          name: "Sanitär",          id: "/sanitaer"},
        {
          name: "Heizung",          id: "/heizung"},
        {
          name: "Referenzen",          id: "/referenzen"},
        {
          name: "Kontakt",          id: "/kontakt"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8qyn9l"
      logoAlt="Heizung-Sanitär Wöhler Logo"
      brandName="Heizung-Sanitär Wöhler"
    />
  </div>

  <div id="about-detailed" data-section="about-detailed">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Heizung-Sanitär Wöhler: Ihre Geschichte der Qualität"
      description="Seit 2024 steht Heizung-Sanitär Wöhler für zuverlässige Sanitär- und Heizungsarbeiten in Safenwil und Umgebung. Als Inhaber Matthias Wöhler begleite ich meine Kunden persönlich – von der Beratung bis zur Umsetzung. Unsere Philosophie basiert auf handwerklicher Exzellenz, persönlichem Engagement und transparenter Kommunikation. Wir sind stolz darauf, ein regional verankerter Betrieb zu sein, der auf Vertrauen und langfristige Kundenbeziehungen setzt."
      bulletPoints={[
        {
          title: "Persönliche Betreuung",          description: "Matthias Wöhler ist Ihr direkter Ansprechpartner für jedes Anliegen."},
        {
          title: "Regionale Expertise",          description: "Tief verwurzelt in Safenwil und dem Aargau – wir kennen die lokalen Gegebenheiten."},
        {
          title: "Nachhaltige Lösungen",          description: "Wir setzen auf energieeffiziente und langlebige Systeme."},
        {
          title: "Fair & Transparent",          description: "Klare Kommunikation und faire Preise sind die Basis unserer Zusammenarbeit."},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2xouygo2UlxsLhJEsISFHjP4p/uploaded-1781007380495-qm9i5tue.png"
      imageAlt="Matthias Wöhler in voller Arbeitsmontur"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="metrics-about" data-section="metrics-about">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "100%",          description: "Kundenzufriedenheit"},
        {
          id: "m2",          value: "24/7",          description: "Notfallservice verfügbar"},
        {
          id: "m3",          value: "5+",          description: "Jahre Branchenerfahrung"},
      ]}
      title="Zahlen, die überzeugen"
      description="Unsere Werte sind Ihr Vorteil und spiegeln unsere Verpflichtung wider."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2xouygo2UlxsLhJEsISFHjP4p/uploaded-1780999182430-2k62tq1u.jpg"
      logoAlt="Heizung-Sanitär Wöhler Logo"
      columns={[
        {
          items: [
            {
              label: "Startseite",              href: "/"},
            {
              label: "Über Uns",              href: "/ueber-uns"},
            {
              label: "Referenzen",              href: "/referenzen"},
          ],
        },
        {
          items: [
            {
              label: "Sanitär",              href: "/sanitaer"},
            {
              label: "Heizung",              href: "/heizung"},
            {
              label: "Kontakt",              href: "/kontakt"},
          ],
        },
        {
          items: [
            {
              label: "Telefon",              href: "tel:+41XXXXXXXXX"},
            {
              label: "E-Mail",              href: "mailto:info@woehler-haustechnik.ch"},
            {
              label: "WhatsApp",              href: "https://wa.me/XXXXXXXXX"},
          ],
        },
      ]}
      logoText="Heizung-Sanitär Wöhler"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
