"use client";

import { Hammer } from "lucide-react";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Hjem", id: "hero" },
            { name: "Om Os", id: "about" },
            { name: "Produkter", id: "products" },
            { name: "Kontakt", id: "contact" },
            { name: "Siden", id: "pricing" },
          ]}
          brandName="Haderslev Tømmer"
          bottomLeftText="Haderslev, Danmark"
          bottomRightText="info@haderslev-tommar.dk"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Kvalitetstømmer til Haderslev"
          description="Vi leverer præmium tømmer og byggematerialer til private og kommercielle projekter siden 1998. Lokal ekspertise med nationale ressourcer."
          tag="Etableret 1998"
          imageSrc="http://img.b2bpic.net/free-photo/stack-wooden-planks-sawmill-lumber-yard_342744-510.jpg?_wi=1"
          imageAlt="Professionel tømmerlagring"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Få Tilbud", href: "contact" },
            { text: "Se Produkter", href: "products" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Om Haderslev Tømmer"
          title="Din pålidelige tømmerforhandler i Haderslev"
          description="Anders Jensen"
          subdescription="Direktør & Ejer"
          icon={Hammer}
          imageSrc="http://img.b2bpic.net/free-photo/stack-wooden-planks-sawmill-lumber-yard_342744-510.jpg?_wi=2"
          imageAlt="Anders Jensen"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Hvorfor Vælge Os"
          description="Vi tilbyder høj kvalitet, konkurrencedygtige priser og fremragende kundeservice"
          features={[
            {
              id: "1",              title: "Certificeret Kvalitet",              tags: ["Certificeret", "FSC"],
              imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-high-resolution-natural-old-plank-background-design_53876-103952.jpg"},
            {
              id: "2",              title: "Hurtig Levering",              tags: ["Transport", "Danmark"],
              imageSrc: "http://img.b2bpic.net/free-photo/box-truck-cold-winter-road-fast-delivery_169016-71365.jpg"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Vores Produkter"
          description="Udvalgt tilbud af kvalitetstømmer og byggematerialer"
          tag="Premium Valg"
          products={[
            {
              id: "1",              name: "Fyrretræs Planker",              price: "Fra 89 kr/m",              imageSrc: "http://img.b2bpic.net/free-photo/stack-wooden-planks-sawmill-lumber-yard_342744-510.jpg?_wi=3"},
            {
              id: "2",              name: "Konstruktions Bjælker",              price: "Fra 199 kr/m",              imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773771.jpg"},
            {
              id: "3",              name: "Gulvbrædder",              price: "Fra 129 kr/m",              imageSrc: "http://img.b2bpic.net/free-photo/weathered-whitewashed-wooden-planks-texture_84443-73824.jpg"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Hvad Vore Kunder Siger"
          description="Tillid fra håndværkere og bygherrer omkring Haderslev"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Niels Hansen",              handle: "@niels_build",              testimonial: "Fantastisk kvalitet og service! Levering var præcis til tiden.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg?_wi=1"},
            {
              id: "2",              name: "Maria Schmidt",              handle: "@maria_arch",              testimonial: "De bedste priser i området. Anbefaler dem til alle mine projekter.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=1"},
            {
              id: "3",              name: "Lars Petersen",              handle: "@lars_carpenter",              testimonial: "Professionelt team og højkvalitets materialer. Altid min første valg.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg?_wi=2"},
            {
              id: "4",              name: "Sophia Andersen",              handle: "@sophia_dev",              testimonial: "Exceptional customer support. They helped me choose the perfect materials.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=2"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Kontakt Os I Dag"
          description="Få svar på dine spørgsmål om tømmer og byggematerialer. Udfyld formularen og vi kontakter dig inden 24 timer."
          inputs={[
            { name: "name", type: "text", placeholder: "Dit navn", required: true },
            { name: "email", type: "email", placeholder: "Din e-mail", required: true },
          ]}
          textarea={{
            name: "message",            placeholder: "Beskriv dit projekt eller spørgsmål...",            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/close-shot-wood-cutting-machine-factory_181624-42577.jpg"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Henvendelse"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Haderslev Tømmer"
          columns={[
            {
              title: "Produkter",              items: [
                { label: "Fyrretræs", href: "#products" },
                { label: "Bjælker", href: "#products" },
                { label: "Gulvbrædder", href: "#products" },
              ],
            },
            {
              title: "Virksomhed",              items: [
                { label: "Om Os", href: "#about" },
                { label: "Kontakt", href: "#contact" },
                { label: "Karriere", href: "#" },
              ],
            },
            {
              title: "Kontakt",              items: [
                { label: "Telefon: +45 7621 3000", href: "tel:+4576213000" },
                { label: "E-mail: info@haderslev-tommar.dk", href: "mailto:info@haderslev-tommar.dk" },
                { label: "Åbningstider: Man-Fre 8-17", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Haderslev Tømmer. Alle rettigheder forbeholdt."
        />
      </div>
    </ThemeProvider>
  );
}
