From 1a8dfeb4ff336570eddca99cb8f027b4b75c3d25 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 07:53:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 476 +++++++++++++++--------------------------------
 1 file changed, 150 insertions(+), 326 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a6cfa56..7c5fd76 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,343 +17,167 @@ import { CheckCircle, Star, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="mediumLargeSizeLargeTitles"
-        background="aurora"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Kezdőlap",
-          id: "hero",
-        },
-        {
-          name: "Rólunk",
-          id: "about",
-        },
-        {
-          name: "Szolgáltatások",
-          id: "features",
-        },
-        {
-          name: "Kapcsolat",
-          id: "contact",
-        },
-      ]}
-      brandName="Dendro-Logik"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Kezdőlap", id: "hero" },
+              { name: "Rólunk", id: "about" },
+              { name: "Szolgáltatások", id: "features" },
+              { name: "Kapcsolat", id: "contact" },
+            ]}
+            brandName="Dendro-Logik"
+            button={{
+              text: "Kapcsolat",              href: "#contact"}}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Fenntartható Erdőgazdálkodás Szakértelemmel"
-      description="A Dendro-Logik Kft. professzionális erdészeti megoldásokat kínál Gyula környékén. Szakértelmünk a természet és a hatékonyság találkozása."
-      kpis={[
-        {
-          value: "15+",
-          label: "Év tapasztalat",
-        },
-        {
-          value: "500+",
-          label: "Kezelt hektár",
-        },
-        {
-          value: "100%",
-          label: "Fenntarthatóság",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Ajánlatkérés",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qaggo9"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "asset://hero-avatar-1",
-          alt: "Szakértő 1",
-        },
-        {
-          src: "asset://hero-avatar-2",
-          alt: "Szakértő 2",
-        },
-        {
-          src: "asset://hero-avatar-3",
-          alt: "Szakértő 3",
-        },
-        {
-          src: "asset://hero-avatar-4",
-          alt: "Szakértő 4",
-        },
-        {
-          src: "asset://hero-avatar-5",
-          alt: "Szakértő 5",
-        },
-      ]}
-      avatarText="Szakértő csapatunk készen áll."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fenntartható",
-        },
-        {
-          type: "text",
-          text: "Precíz",
-        },
-        {
-          type: "text",
-          text: "Innovatív",
-        },
-        {
-          type: "text",
-          text: "Helyi",
-        },
-        {
-          type: "text",
-          text: "Megbízható",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Fenntartható Erdőgazdálkodás Szakértelemmel"
+            description="A Dendro-Logik Kft. professzionális erdészeti megoldásokat kínál Gyula környékén. Szakértelmünk a természet és a hatékonyság találkozása."
+            kpis={[
+              { value: "15+", label: "Év tapasztalat" },
+              { value: "500+", label: "Kezelt hektár" },
+              { value: "100%", label: "Fenntarthatóság" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Ajánlatkérés", href: "#contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qaggo9"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "asset://hero-avatar-1", alt: "Szakértő 1" },
+              { src: "asset://hero-avatar-2", alt: "Szakértő 2" },
+              { src: "asset://hero-avatar-3", alt: "Szakértő 3" },
+              { src: "asset://hero-avatar-4", alt: "Szakértő 4" },
+              { src: "asset://hero-avatar-5", alt: "Szakértő 5" },
+            ]}
+            avatarText="Szakértő csapatunk készen áll."
+            marqueeItems={[
+              { type: "text", text: "Fenntartható" },
+              { type: "text", text: "Precíz" },
+              { type: "text", text: "Innovatív" },
+              { type: "text", text: "Helyi" },
+              { type: "text", text: "Megbízható" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Rólunk",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighecb",
-          alt: "Erdészeti munkálatok",
-        },
-        {
-          type: "text",
-          content: "Szakértelmünk az erdő jövőjét szolgálja.",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Rólunk" },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighecb", alt: "Erdészeti munkálatok" },
+              { type: "text", content: "Szakértelmünk az erdő jövőjét szolgálja." },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Nem szakértő erdőirtás",
-          "Fenntarthatatlan gazdálkodás",
-          "Elhanyagolt erdőterületek",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Szakértő erdőállomány-gondozás",
-          "Fenntartható fahasználat",
-          "Tervezett erdőtelepítés",
-        ],
-      }}
-      title="Erdészeti Szolgáltatásaink"
-      description="Teljes körű erdészeti megoldások a tervezéstől a megvalósításig."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["Nem szakértő erdőirtás", "Fenntarthatatlan gazdálkodás", "Elhanyagolt erdőterületek"] }}
+            positiveCard={{ items: ["Szakértő erdőállomány-gondozás", "Fenntartható fahasználat", "Tervezett erdőtelepítés"] }}
+            title="Erdészeti Szolgáltatásaink"
+            description="Teljes körű erdészeti megoldások a tervezéstől a megvalósításig."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "120",
-          title: "Projekt sikeresen befejezve",
-          description: "Gyula és vonzáskörzetében.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "45",
-          title: "Partner",
-          description: "Hosszútávú együttműködés.",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Ügyfél elégedettség",
-          description: "Folyamatos minőségellenőrzés.",
-          icon: Star,
-        },
-      ]}
-      title="Mérhető Eredmények"
-      description="Az erdőgazdálkodásban az adatok és a természet egyensúlya elengedhetetlen."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "120", title: "Projekt sikeresen befejezve", description: "Gyula és vonzáskörzetében.", icon: CheckCircle },
+              { id: "m2", value: "45", title: "Partner", description: "Hosszútávú együttműködés.", icon: Users },
+              { id: "m3", value: "98%", title: "Ügyfél elégedettség", description: "Folyamatos minőségellenőrzés.", icon: Star },
+            ]}
+            title="Mérhető Eredmények"
+            description="Az erdőgazdálkodásban az adatok és a természet egyensúlya elengedhetetlen."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Kovács János",
-          handle: "Erdőtulajdonos",
-          testimonial: "Precíz és szakszerű munka, a legjobb döntés volt a Dendro-Logikot választani.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87ju5z",
-        },
-        {
-          id: "2",
-          name: "Nagy Eszter",
-          handle: "Önkormányzati képviselő",
-          testimonial: "Kiváló szakmai hozzáállás, rugalmas csapat és hosszú távú gondolkodás.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7t1ea",
-        },
-        {
-          id: "3",
-          name: "Szabó Péter",
-          handle: "Agrármérnök",
-          testimonial: "A fenntarthatósági szempontok kiemelt kezelése számomra a legfontosabb volt.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfawf",
-        },
-        {
-          id: "4",
-          name: "Tóth László",
-          handle: "Gazdálkodó",
-          testimonial: "Gyors, megbízható és szakértő csapat. Csak ajánlani tudom őket.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7y38fi",
-        },
-        {
-          id: "5",
-          name: "Fekete Mária",
-          handle: "Erdőgazdálkodó",
-          testimonial: "Mindent a legnagyobb rendben és szakértelemmel végeztek el.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ll05f",
-        },
-      ]}
-      title="Ügyfeleink Mondták"
-      description="Megbízhatóság és szakértelem az erdőgazdálkodásban."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Kovács János", handle: "Erdőtulajdonos", testimonial: "Precíz és szakszerű munka, a legjobb döntés volt a Dendro-Logikot választani.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87ju5z" },
+              { id: "2", name: "Nagy Eszter", handle: "Önkormányzati képviselő", testimonial: "Kiváló szakmai hozzáállás, rugalmas csapat és hosszú távú gondolkodás.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7t1ea" },
+              { id: "3", name: "Szabó Péter", handle: "Agrármérnök", testimonial: "A fenntarthatósági szempontok kiemelt kezelése számomra a legfontosabb volt.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esfawf" },
+              { id: "4", name: "Tóth László", handle: "Gazdálkodó", testimonial: "Gyors, megbízható és szakértő csapat. Csak ajánlani tudom őket.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7y38fi" },
+              { id: "5", name: "Fekete Mária", handle: "Erdőgazdálkodó", testimonial: "Mindent a legnagyobb rendben és szakértelemmel végeztek el.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ll05f" },
+            ]}
+            title="Ügyfeleink Mondták"
+            description="Megbízhatóság és szakértelem az erdőgazdálkodásban."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Magyar Erdészeti Szövetség",
-        "Gyula Város Önkormányzata",
-        "Nemzeti Park Igazgatóság",
-        "Alföldi Erdőgazdaság Zrt.",
-        "Agrár Kamara",
-        "Zöld Jövő Alapítvány",
-        "Faipari Szakmai Egyesület",
-      ]}
-      title="Partnereink"
-      description="Szakmai együttműködés a hazai erdőkért."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Magyar Erdészeti Szövetség",              "Gyula Város Önkormányzata",              "Nemzeti Park Igazgatóság",              "Alföldi Erdőgazdaság Zrt.",              "Agrár Kamara",              "Zöld Jövő Alapítvány",              "Faipari Szakmai Egyesület"]}
+            title="Partnereink"
+            description="Szakmai együttműködés a hazai erdőkért."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Milyen területeken dolgoznak?",
-          content: "Főként Gyula és vonzáskörzetében, Békés vármegyében vállalunk erdészeti munkákat.",
-        },
-        {
-          id: "f2",
-          title: "Hogyan kérhetek ajánlatot?",
-          content: "Telefonon vagy e-mailben történő megkeresés után helyszíni felmérést követően adunk ajánlatot.",
-        },
-        {
-          id: "f3",
-          title: "Milyen szakértelemmel rendelkeznek?",
-          content: "Csapatunk magasan képzett erdőmérnökökből és szakértő szakmunkásokból áll.",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      title="Gyakori Kérdések"
-      description="Tudjon meg többet szolgáltatásainkról."
-      faqsAnimation="slide-up"
-      imageSrc="asset://faq-media"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Milyen területeken dolgoznak?", content: "Főként Gyula és vonzáskörzetében, Békés vármegyében vállalunk erdészeti munkákat." },
+              { id: "f2", title: "Hogyan kérhetek ajánlatot?", content: "Telefonon vagy e-mailben történő megkeresés után helyszíni felmérést követően adunk ajánlatot." },
+              { id: "f3", title: "Milyen szakértelemmel rendelkeznek?", content: "Csapatunk magasan képzett erdőmérnökökből és szakértő szakmunkásokból áll." },
+            ]}
+            mediaAnimation="slide-up"
+            title="Gyakori Kérdések"
+            description="Tudjon meg többet szolgáltatásainkról."
+            faqsAnimation="slide-up"
+            imageSrc="asset://faq-media"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Lépjen kapcsolatba velünk még ma! Dendro-Logik Kft. – A szakértő erdészeti partner."
-      buttons={[
-        {
-          text: "Hívjon minket: +36 20 123 4567",
-          href: "tel:+36201234567",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Lépjen kapcsolatba velünk még ma! Dendro-Logik Kft. – A szakértő erdészeti partner."
+            buttons={[{ text: "Hívjon minket: +36 20 123 4567", href: "tel:+36201234567" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Szolgáltatások",
-          items: [
-            {
-              label: "Erdőgondozás",
-              href: "#features",
-            },
-            {
-              label: "Favágás",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Céginformáció",
-          items: [
-            {
-              label: "Rólunk",
-              href: "#about",
-            },
-            {
-              label: "Kapcsolat",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Dendro-Logik Kft."
-      bottomRightText="Gyula, Magyarország"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Szolgáltatások", items: [{ label: "Erdőgondozás", href: "#features" }, { label: "Favágás", href: "#features" }] },
+              { title: "Céginformáció", items: [{ label: "Rólunk", href: "#about" }, { label: "Kapcsolat", href: "#contact" }] },
+            ]}
+            bottomLeftText="© 2024 Dendro-Logik Kft."
+            bottomRightText="Gyula, Magyarország"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );