"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Hammer, Wrench, Search, Bath, ShowerHead, Sparkles, Thermometer, Footprints, HotTub, CheckCircle, Lightbulb, Clock, Droplet, Design, Snowflake, Gauge, Kitchen, Tap, Drain } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Hjem", id: "/" },
    { name: "Tjenester", id: "/tjenester" },
    { name: "Om oss", id: "/om-oss" },
    { name: "Kontakt", id: "/kontakt" },
  ];

  const footerColumns = [
    {
      title: "Tjenester",      items: [
        { label: "Rør og VVS", href: "/tjenester" },
        { label: "Baderom", href: "/tjenester" },
        { label: "Varmeanlegg", href: "/tjenester" },
        { label: "Akutt / Vakt", href: "/tjenester" },
      ],
    },
    {
      title: "Om oss",      items: [
        { label: "Vår historie", href: "/om-oss" },
        { label: "Vårt team", href: "/om-oss" },
        { label: "Autorisasjoner", href: "/om-oss" },
      ],
    },
    {
      title: "Kontakt",      items: [
        { label: "Få tilbud", href: "/kontakt" },
        { label: "Finn oss", href: "/kontakt" },
        { label: "Ring oss", href: "tel:+4712345678" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="TK Rørleggerservice AS"
          navItems={navItems}
          bottomLeftText="Høgsfjordgata 15, 4307 Sandnes"
          bottomRightText="post@tkrorleggerservice.no"
          button={{
            text: "Ring oss nå",            href: "tel:+4712345678"}}
        />
      </div>

      <div id="tjenester-hero" data-section="tjenester-hero">
        <HeroOverlay
          title="Våre Tjenester"
          description="Vi tilbyr et bredt spekter av rørleggertjenester for å møte dine behov. Fra akutte lekkasjer til store rehabiliteringsprosjekter, vi har ekspertisen du trenger."
          buttons={[]}
          imageSrc="http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg?_wi=2"
          imageAlt="Plumber working on pipes"
          showBlur={true}
          useInvertedBackground={false}
          textPosition="bottom"
        />
      </div>

      <div id="ror-vvs" data-section="ror-vvs">
        <FeatureCardTen
          title="Rør og VVS"
          description="Vi utfører alt innen rør- og VVS-arbeid, fra nyanlegg til komplekse reparasjoner og utskiftinger. Vår ekspertise sikrer trygge og varige løsninger for ditt hjem eller næringsbygg."
          features={[
            {
              title: "Nyanlegg og installasjon",              description: "Planlegging og installasjon av komplette rørsystemer i nye bygg.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-table_23-2147953425.jpg?_wi=2",                imageAlt: "Diagram of VVS system"},
              items: [
                { icon: Hammer, text: "Profesjonell installasjon" },
                { icon: CheckCircle, text: "Kvalitetsgaranti" },
                { icon: Lightbulb, text: "Moderne løsninger" },
              ],
              reverse: false,
            },
            {
              title: "Reparasjoner og lekkasjesøk",              description: "Rask og effektiv feilsøking og utbedring av lekkasjer og rørbrudd.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",                imageAlt: "Emergency plumber working on pipes"},
              items: [
                { icon: Search, text: "Avansert lekkasjesøk" },
                { icon: Wrench, text: "Effektiv reparasjon" },
                { icon: Clock, text: "Rask respons" },
              ],
              reverse: true,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="baderom-varmeanlegg" data-section="baderom-varmeanlegg">
        <FeatureCardTen
          title="Baderom, Varmeanlegg og Kjøkken"
          description="Vi hjelper deg med å realisere drømmebaderommet, installere effektive varmeanlegg, og sørge for funksjonelle kjøkken- og sanitærløsninger."
          features={[
            {
              title: "Baderomsoppgradering",              description: "Vi tar oss av alt fra små oppgraderinger til total rehabilitering av ditt baderom.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-before-taking-bath_23-2149239335.jpg?_wi=2",                imageAlt: "Modern bathroom renovation"},
              items: [
                { icon: Bath, text: "Totalrehabilitering" },
                { icon: Droplet, text: "Våtromsertifisering" },
                { icon: Design, text: "Design og rådgivning" },
              ],
              reverse: false,
            },
            {
              title: "Varmeanlegg",              description: "Eksperter på vannbåren varme, gulvvarme og installasjon av varmtvannsberedere.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-man-couch_23-2149335086.jpg?_wi=2",                imageAlt: "Waterborne heating system"},
              items: [
                { icon: Thermometer, text: "Effektive løsninger" },
                { icon: Snowflake, text: "Energieffektivisering" },
                { icon: Gauge, text: "Service og vedlikehold" },
              ],
              reverse: true,
            },
            {
              title: "Kjøkken og sanitær",              description: "Montering av alt utstyr, stoppekraner og avløpssystemer på kjøkken og vaskerom.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg",                imageAlt: "Kitchen sink and plumbing"},
              items: [
                { icon: Kitchen, text: "Kjøkkenmontering" },
                { icon: Tap, text: "Stoppekraner" },
                { icon: Drain, text: "Avløpsarbeid" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="TK Rørleggerservice AS"
          columns={footerColumns}
          copyrightText="© 2024 TK Rørleggerservice AS. Alle rettigheter reservert."
          onPrivacyClick={() => console.log("Privacy Policy clicked")}
        />
      </div>
    </ThemeProvider>
  );
}
