"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
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: "Ü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="heizung-services" data-section="heizung-services">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "heiz-waermepumpen",          name: "Wärmepumpen",          price: "Auf Anfrage",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-working-with-laptop_23-2149395821.jpg",          imageAlt: "Wärmepumpen Installation"},
        {
          id: "heiz-ersatz",          name: "Heizungsersatz",          price: "Individuell",          imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg",          imageAlt: "Heizungsersatz"},
        {
          id: "heiz-servicearbeiten",          name: "Servicearbeiten",          price: "Nach Aufwand",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg",          imageAlt: "Heizung Servicearbeiten"},
        {
          id: "heiz-wartung",          price: "Ab CHF 180",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-warming-up-near-heater_23-2149335074.jpg",          imageAlt: "Heizungswartung",          name: "Heizungswartung"},
        {
          id: "heiz-energieeffizient",          name: "Energieeffiziente Lösungen",          price: "Beratung",          imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-holding-phone-with-smart-app-home-lighting-person-apartment-holding-telephone-with-touchscreen-app-lights_482257-12366.jpg",          imageAlt: "Energieeffiziente Heizlösungen"},
      ]}
      title="Effiziente Heizungs-Dienstleistungen"
      description="Moderne und zuverlässige Heizlösungen für ein warmes und energieeffizientes Zuhause."
      buttons={[
        {
          text: "Unverbindliche Offerte erhalten",          href: "/kontakt"},
      ]}
    />
  </div>

  <div id="heizung-pricing" data-section="heizung-pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic-service",          badge: "Basis",          price: "CHF 180",          subtitle: "Jährliche Wartung",          features: [
            "Standard-Sichtprüfung",            "Funktionskontrolle",            "Sicherheitscheck"],
        },
        {
          id: "premium-service",          badge: "Premium",          price: "CHF 290",          subtitle: "Erweiterte Wartung",          features: [
            "Umfassende Reinigung",            "Einstellung der Heizung",            "Kleinteile-Ersatz inklusive",            "Priorisierter Notfallservice"],
        },
        {
          id: "all-inclusive",          badge: "Komplett",          price: "Auf Anfrage",          subtitle: "Massgeschneiderte Lösung",          features: [
            "Alle Premium-Leistungen",            "Regelmässige Optimierung",            "Ersatzteil-Pauschale",            "Persönlicher Technik-Support"],
        },
      ]}
      title="Unsere Servicepakete"
      description="Wählen Sie das passende Paket für Ihre Heizungswartung und -pflege."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8qyn9l"
      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>
  );
}