"use client";

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

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: "Über mich",          id: "/ueber-mich"},
        {
          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="contact-main" data-section="contact-main">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Kontaktieren Sie uns"
      title="Wir sind für Sie da"
      description="Füllen Sie das Formular aus oder kontaktieren Sie uns direkt für eine persönliche Beratung oder Offerte. Wir freuen uns, von Ihnen zu hören!"
      buttons={[
        {
          text: "📞 Jetzt anrufen",          href: "tel:+41789799660"},
        {
          text: "📩 E-Mail schreiben",          href: "mailto:info@woehler-haustechnik.ch"},
        {
          text: "💬 WhatsApp Chat",          href: "https://wa.me/41789799660"},
      ]}
    />
  </div>

  <div id="contact-details" data-section="contact-details">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m_address",          value: "Adresse",          description: "Sagiweg 5, 5745 Safenwil"},
        {
          id: "m_phone",          value: "Telefon",          description: "078 979 96 60"},
        {
          id: "m_hours",          value: "Öffnungszeiten",          description: "Geöffnet · Schließt um 17:00"},
      ]}
      title="Unsere Kontaktdaten"
      description="So erreichen Sie uns und finden uns. Wir sind gerne für Sie da."
    />
  </div>

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