"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 ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

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="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "proj1",          name: "Modernes Bad in Safenwil",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913247.jpg",          imageAlt: "Vorher-Nachher modernes Bad"},
        {
          id: "proj2",          name: "Effiziente Heizungsinstallation",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg",          imageAlt: "Vorher-Nachher Heizungsinstallation"},
        {
          id: "proj3",          name: "Sanitär-Reparatur in Zofingen",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",          imageAlt: "Vorher-Nachher Sanitär-Reparatur"},
        {
          id: "proj4",          name: "Kleiner Badumbau",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/pink-coral-minimalist-bathroom_23-2151962361.jpg",          imageAlt: "Vorher-Nachher kleiner Badumbau"},
        {
          id: "proj5",          name: "Fussbodenheizung Installation",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-taking-measures_23-2148384503.jpg",          imageAlt: "Vorher-Nachher Fussbodenheizung"},
        {
          id: "proj6",          name: "Notfall-Reparatur",          price: "Projekt",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",          imageAlt: "Vorher-Nachher Notfall-Reparatur"},
      ]}
      title="Unsere Referenzen"
      description="Erleben Sie die Qualität unserer Arbeit in unseren realisierten Projekten – von kleinen Reparaturen bis zu grossen Umbauten."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Geberit",        "KWC",        "Hansgrohe",        "Viessmann",        "Hoval",        "JRG",        "Uponor"]}
      title="Unsere Partner und Lieferanten"
      description="Wir arbeiten nur mit den besten Produkten und Lieferanten zusammen, um Ihnen höchste Qualität zu garantieren."
    />
  </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>
  );
}