"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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
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 HomePage() {
  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="hero" data-section="hero">
        <HeroOverlay
          title="Din lokale rørlegger i Sandnes og Stavanger"
          description="TK Rørleggerservice AS tilbyr autoriserte rørleggertjenester av høy kvalitet. Vi er ditt trygge valg for alt innen VVS, baderom og varmeanlegg i hele Rogaland."
          buttons={[
            { text: "Få tilbud", href: "/kontakt" },
            { text: "Ring oss nå", href: "tel:+4712345678" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990695.jpg?_wi=1"
          imageAlt="Plumber working on pipes"
          showBlur={true}
          useInvertedBackground={false}
          textPosition="bottom"
        />
      </div>

      <div id="services-grid" data-section="services-grid">
        <FeatureCardTen
          title="Våre hovedtjenester"
          description="Vi leverer omfattende rørleggertjenester for privat- og bedriftskunder. Klikk for å lære mer."
          features={[
            {
              title: "Rør og VVS",              description: "Nyinstallasjon, reparasjon og vedlikehold av rørsystemer.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-table_23-2147953425.jpg?_wi=1",                imageAlt: "Pipes and VVS systems"},
              items: [
                { icon: Hammer, text: "Nyanlegg" },
                { icon: Wrench, text: "Reparasjoner" },
                { icon: Search, text: "Lekkasjesøk" },
              ],
              reverse: false,
            },
            {
              title: "Baderom",              description: "Komplett oppgradering og rehabilitering av våtrom.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-before-taking-bath_23-2149239335.jpg?_wi=1",                imageAlt: "Modern bathroom interior"},
              items: [
                { icon: Bath, text: "Oppgradering" },
                { icon: ShowerHead, text: "Rehabilitering" },
                { icon: Sparkles, text: "Designhjelp" },
              ],
              reverse: true,
            },
            {
              title: "Varmeanlegg",              description: "Installasjon og service av vannbåren varme og varmtvannsberedere.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-man-couch_23-2149335086.jpg?_wi=1",                imageAlt: "Heating system pipes"},
              items: [
                { icon: Thermometer, text: "Vannbåren varme" },
                { icon: Footprints, text: "Gulvvarme" },
                { icon: HotTub, text: "Varmtvannsberedere" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Tillit og Kvalitet"
          description="Vi er en autorisert bedrift med lang erfaring, dedikert til å levere profesjonelle tjenester til fornøyde kunder over hele Rogaland."
          names={[
            "Autorisert Bedrift",            "Lang Erfaring",            "Lokal Forankring",            "Punktlig Leveranse",            "Fornøyde Kunder",            "Kvalitetssikret",            "Profesjonell Service"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Hva våre kunder sier"
          description="Vi er stolte av tilbakemeldingene vi får fra våre kunder. Deres tilfredshet er vår høyeste prioritet."
          testimonials={[
            {
              id: "1",              name: "Kristian Vik",              role: "Privatkunde",              company: "Sandnes",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-model-sexy-unshaven-man-dressed-white-summer-tshirt-jeans-clothes-fashion-male-posing-near-blue-wall-studio-isolated_158538-26836.jpg",              videoAriaLabel: "Testimonial video from Kristian Vik"},
            {
              id: "2",              name: "Rune Kristoffersen",              role: "Privatkunde",              company: "Stavanger",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5357.jpg",              videoAriaLabel: "Testimonial video from Rune Kristoffersen"},
            {
              id: "3",              name: "Marit Olsen",              role: "Bedriftseier",              company: "Rogaland Eiendom",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990697.jpg",              videoAriaLabel: "Testimonial video from Marit Olsen"},
            {
              id: "4",              name: "Lars Evensen",              role: "Huseier",              company: "Sandnes",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg",              videoAriaLabel: "Testimonial video from Lars Evensen"},
            {
              id: "5",              name: "Solveig Hansen",              role: "Forvalter",              company: "Stavanger Borettslag",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",              videoAriaLabel: "Testimonial video from Marit Olsen"},
          ]}
          kpiItems={[
            { value: "100%", label: "Kundetilfredshet" },
            { value: "7+", label: "Års Erfaring" },
            { value: "24/7", label: "Akuttvakt" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="home-contact" data-section="home-contact">
        <ContactSplit
          tag="Kontakt oss"
          title="Få et uforpliktende tilbud i dag"
          description="Trenger du rørlegger? Vi står klare til å hjelpe deg med ditt neste prosjekt, enten det er lite eller stort. Send oss en melding eller ring oss direkte."
          background={{ variant: "plain" }}
          mediaAnimation="opacity"
          mediaPosition="right"
          useInvertedBackground={false}
          inputPlaceholder="Din e-post"
          buttonText="Send forespørsel"
          termsText="Ved å kontakte oss bekrefter du at du godkjenner våre vilkår og betingelser."
          imageSrc="http://img.b2bpic.net/free-photo/young-adult-traveling-with-vaccination-passport_23-2149351529.jpg"
          imageAlt="Google Maps location of TK Rørleggerservice AS in Sandnes"
        />
      </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>
  );
}
