"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

export default function DienstleistungenPage() {
  const navItems = [
    { name: "Startseite", id: "/" },
    { name: "Über uns", id: "/ueber-uns" },
    { name: "Dienstleistungen", id: "/dienstleistungen" },
    { name: "Preise", id: "/preise" },
    { name: "Galerie", id: "/galerie" },
    { name: "Kundenbewertungen", id: "/kundenbewertungen" },
    { name: "Blog", id: "/blog" },
    { name: "Kontakt", id: "/kontakt" }
  ];

  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={navItems}
            button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
            brandName="Rümpel Fix Lippe"
          />
        </div>

        <div id="services-page" data-section="services-page">
          <FeatureCardEight
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                id: 1,
                title: "Möbel- & Hausrat-Entrümpelung",                description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat – schnell, diskret und gründlich.",                imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216761.jpg?_wi=2",                imageAlt: "Entrümpelung eines Wohnzimmers"
              },
              {
                id: 2,
                title: "Sperrmüllabholung",                description: "Kein Problem mit großen und unhandlichen Gegenständen. Wir holen Ihren Sperrmüll termingerecht ab.",                imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=2",                imageAlt: "Sperrmüllhaufen zur Abholung"
              },
              {
                id: 3,
                title: "Haushaltsauflösungen",                description: "Professionelle und besenreine Auflösung von Haushalten, Wohnungen oder Geschäftsräumen. Wir kümmern uns um alles.",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-signing-parcel-near-courier_23-2147787868.jpg?_wi=2",                imageAlt: "Haushaltsauflösung in einem leeren Haus"
              },
              {
                id: 4,
                title: "Sonderentsorgungen",                description: "Wir entsorgen fachgerecht und umweltfreundlich – auch Problemstoffe und spezielle Materialien.",                imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=2",                imageAlt: "Sonderentsorgung von Elektronikschrott"
              }
            ]}
            title="Unsere Leistungen: Alles rund ums Haus"
            description="Von der kleinen Entrümpelung bis zur kompletten Haushaltsauflösung – wir sind Ihr starker Partner in Lippe."
            buttons={[{ text: "Alle Dienstleistungen", href: "/dienstleistungen" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            columns={[
              { items: [{ label: "Startseite", href: "/" }, { label: "Über uns", href: "/ueber-uns" }] },
              { items: [{ label: "Dienstleistungen", href: "/dienstleistungen" }, { label: "Preise", href: "/preise" }, { label: "Galerie", href: "/galerie" }] },
              { items: [{ label: "Kundenbewertungen", href: "/kundenbewertungen" }, { label: "Blog", href: "/blog" }, { label: "Kontakt", href: "/kontakt" }] }
            ]}
            logoText="Rümpel Fix Lippe"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
