"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

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="sanitaer-services" data-section="sanitaer-services">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "san-badumbau",          name: "Badumbauten",          price: "Individuell",          imageSrc: "http://img.b2bpic.net/free-photo/decoration-bathroom_1203-2907.jpg",          imageAlt: "Badezimmerumbau"},
        {
          id: "san-installationen",          name: "Sanitärinstallationen",          price: "Individuell",          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg",          imageAlt: "Sanitärinstallationen"},
        {
          id: "san-boiler",          name: "Boilerentkalkung",          price: "Ab CHF 250",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg",          imageAlt: "Boilerentkalkung"},
        {
          id: "san-enthaertung",          name: "Enthärtungsanlagen",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-dispenser-coffee-machine-table-meeting-office-liquid-refreshment-people-working-modern-workplace-fresh-beverage-equipment-hydrate-break_482257-27404.jpg",          imageAlt: "Enthärtungsanlagen"},
        {
          id: "san-reparaturen",          name: "Reparaturen",          price: "Nach Aufwand",          imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",          imageAlt: "Sanitär-Reparaturen"},
      ]}
      title="Professionelle Sanitär-Dienstleistungen"
      description="Umfassende Lösungen für Ihr Bad und Ihre Sanitäranlagen, von der Installation bis zur Wartung."
      buttons={[
        {
          text: "Kostenlose Beratung anfragen",          href: "/kontakt"},
      ]}
    />
  </div>

  <div id="sanitaer-faq" data-section="sanitaer-faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "Wie oft sollte ein Boiler entkalkt werden?",          content: "Je nach Wasserhärte und Nutzung empfehlen wir eine Entkalkung alle 3 bis 5 Jahre, um die Effizienz zu gewährleisten und die Lebensdauer zu verläng."},
        {
          id: "faq2",          title: "Was kostet ein Badumbau?",          content: "Die Kosten für einen Badumbau variieren stark je nach Grösse, Materialien und Umfang der Arbeiten. Gerne erstellen wir Ihnen eine individuelle Offerte nach einer persönlichen Beratung."},
        {
          id: "faq3",          title: "Bieten Sie auch Notfall-Reparaturen an?",          content: "Ja, wir bieten einen schnellen Notfallservice für akute Sanitärprobleme. Kontaktieren Sie uns umgehend, wenn Sie dringende Hilfe benötigen."},
      ]}
      sideTitle="Häufig gestellte Fragen zu Sanitär"
      sideDescription="Finden Sie hier Antworten auf die wichtigsten Fragen rund um Sanitärinstallationen und -reparaturen."
      faqsAnimation="slide-up"
    />
  </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: "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>
  );
}