"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Clock, Facebook, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Termékeink",
          id: "#products",
        },
        {
          name: "Rólunk",
          id: "#about",
        },
        {
          name: "Miért mi?",
          id: "#why-us",
        },
        {
          name: "Kapcsolat",
          id: "#contact",
        },
      ]}
      brandName="Vass Árpádné"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Prémium vízvezeték anyagok"
      description="Kecskeméti szakmai anyagkereskedésünk évtizedes tapasztalattal, megbízható minőséggel és személyes kiszolgálással várja a mestereket és kivitelezőket."
      testimonials={[
        {
          name: "Nagy Gábor",
          handle: "Vízvezeték szerelő",
          testimonial: "Megbízható minőség, évtizedes szakértelem.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-worker-holding-tool_23-2149103833.jpg",
          imageAlt: "plumbing pipe tools professional background",
        },
        {
          name: "Kiss András",
          handle: "Kivitelező",
          testimonial: "Kiváló termékválaszték, szakértő kiszolgálás.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062999.jpg",
          imageAlt: "plumbing pipe tools professional background",
        },
        {
          name: "Szabó Éva",
          handle: "Építtető",
          testimonial: "Mindig megtalálom, amire éppen szükség van.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/water-retro-nobody-bathroom-vintage_1203-4969.jpg",
          imageAlt: "plumbing pipe tools professional background",
        },
        {
          name: "Tóth Péter",
          handle: "Fűtésszerelő",
          testimonial: "Gyors kiszolgálás, korrektség, megbízhatóság.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/burst-copper-pipes-from-cold-closeup_169016-3996.jpg",
          imageAlt: "plumbing pipe tools professional background",
        },
        {
          name: "Molnár Zsolt",
          handle: "Mesterszerelő",
          testimonial: "Szakmai segítség minden alkatrészhez.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062986.jpg",
          imageAlt: "plumbing pipe tools professional background",
        },
      ]}
      tag="Kecskemét · Est. 1994"
      buttons={[
        {
          text: "Termékeink",
          href: "#products",
        },
        {
          text: "Kapcsolat",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-blurry-worker-holding-tool_23-2149103833.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
          alt: "A man installs a heating system",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-working-bike-shop-medium-shot_23-2148932654.jpg",
          alt: "Man working at bike shop",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
          alt: "Installation of heating system",
        },
        {
          src: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11837.jpg",
          alt: "Mechanics repairing a car",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-blurry-worker-holding-tool_23-2149103833.jpg",
          alt: "Heating system maintenance detail",
        },
      ]}
      avatarText="Több mint 1000 elégedett partner"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Rólunk"
      title="Kecskeméti szakmai anyagkereskedés"
      buttons={[
        {
          text: "Árajánlat kérés",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Csövek és Idomok",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062999.jpg",
        },
        {
          id: "2",
          name: "Csaptelepek",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/water-retro-nobody-bathroom-vintage_1203-4969.jpg",
        },
        {
          id: "3",
          name: "Szerelvények",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/burst-copper-pipes-from-cold-closeup_169016-3996.jpg",
        },
        {
          id: "4",
          name: "Csőidom készletek",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062986.jpg",
        },
        {
          id: "5",
          name: "Ipari szerelvények",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132396.jpg",
        },
        {
          id: "6",
          name: "Fitting készlet",
          price: "Kérjen árat",
          imageSrc: "http://img.b2bpic.net/free-photo/spare-part-water-pump-isolated-white_627829-7477.jpg",
        },
      ]}
      title="Termékkategóriák"
      description="Mindent egy helyen a vízvezeték szereléshez."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Users,
          title: "Személyes Kiszolgálás",
          description: "Tapasztalt szakemberekkel találkozik.",
        },
        {
          icon: Clock,
          title: "Gyors Megbízhatóság",
          description: "Ha szükség van rá, nálunk megtalálja.",
        },
        {
          icon: Award,
          title: "Prémium Minőség",
          description: "A megbízható szakmai partner évtizedek óta.",
        },
      ]}
      title="A különbség, amit érez"
      description="Nem vagyunk névtelen webáruház. Személyesen ismerjük vevőinket."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "30+",
          description: "Év tapasztalat",
        },
        {
          id: "m2",
          value: "1000+",
          description: "Elégedett szakember",
        },
        {
          id: "m3",
          value: "5000+",
          description: "Termék választék",
        },
      ]}
      title="Statisztikák"
      description="Évek tapasztalata számokban."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Hol található az üzlet?",
          content: "Kecskemét, Csongrádi utca 7.",
        },
        {
          id: "f2",
          title: "Milyen a nyitvatartás?",
          content: "H–P: 07:00–17:00, Szo: 08:00–12:00.",
        },
        {
          id: "f3",
          title: "Van szakmai segítségnyújtás?",
          content: "Természetesen, tapasztalt csapatunk készséggel segít.",
        },
      ]}
      title="Gyakori kérdések"
      description="Mindent a vízvezeték szerelési anyagokról."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Elérhetőségek"
      title="Látogasson el hozzánk"
      description="Cím: 6000 Kecskemét, Csongrádi utca 7. Telefon: +36 20 931 5530. A Google Maps eléréséhez kattintson a térképre."
      imageSrc="http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906317.jpg"
      mediaAnimation="slide-up"
      buttonText="Térkép megnyitása"
      onSubmit={(email) => { window.open('https://www.google.com/maps/search/?api=1&query=Kecskem%C3%A9t,+Csongr%C3%A1di+utca+7,+6000', '_blank'); }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Vass Árpádné"
      copyrightText="© 2025 Vass Árpádné. Minden jog fenntartva."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
