From b5404657cf10c1f7e6b3f63a9faf6d0d15b1b8e0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 13:09:36 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 240 ++++++++++++++---------------------------
 1 file changed, 82 insertions(+), 158 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 58c21fa..d7fd494 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -28,209 +27,134 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Kezdőlap",
-          id: "home",
-          href: "/",
-        },
+          name: "Kezdőlap",          id: "/"},
         {
-          name: "Termékek",
-          id: "products",
-          href: "/products",
-        },
+          name: "Termékek",          id: "/products"},
         {
-          name: "Szolgáltatások",
-          id: "services",
-          href: "/services",
-        },
+          name: "Szolgáltatások",          id: "/services"},
         {
-          name: "Rólunk",
-          id: "about",
-          href: "/about",
-        },
+          name: "Rólunk",          id: "/about"},
         {
-          name: "Kapcsolat",
-          id: "contact",
-          href: "/contact",
-        },
+          name: "Kapcsolat",          id: "/contact"}
       ]}
       brandName="SZELEX Irodatechnika"
       button={{
-        text: "Kosár",
-        href: "/cart",
-      }}
+        text: "Kosár",        href: "/cart"}}
     />
   </div>
 
-  <div id="about-intro" data-section="about-intro">
-      <SplitAbout
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      title="SZELEX Irodatechnika: Több Mint Kereskedelem"
-      description="1993 óta a SZELEX Irodatechnika Orosháza és vonzáskörzete megbízható partnere a számítástechnikai és irodatechnikai megoldások terén. Célunk, hogy a legkorszerűbb technológiákat és a legmagasabb szintű szolgáltatást nyújtsuk ügyfeleinknek, legyen szó magánszemélyekről vagy nagyvállalatokról."
-      bulletPoints={[
-        {
-          title: "Szakértelem",
-          description: "Több évtizedes tapasztalat az iparágban.",
-        },
-        {
-          title: "Megbízhatóság",
-          description: "Minőségi termékek és garanciális szolgáltatások.",
-        },
-        {
-          title: "Komplex Megoldások",
-          description: "Hardver, szoftver, irodaszer és szerviz egy helyen.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-diverse-team-of-professional-it-techni-1774357530692-02fce26b.png?_wi=2"
-      imageAlt="A SZELEX Irodatechnika csapata"
-    />
-  </div>
-
-  <div id="about-metrics" data-section="about-metrics">
-      <MetricSplitMediaAbout
+  <div id="team" data-section="team">
+      <MediaAbout
       useInvertedBackground={true}
-      title="Számokban rólunk"
-      description="Büszkék vagyunk eredményeinkre, amelyek a minőség és ügyfélközpontúság iránti elkötelezettségünket tükrözik."
-      metrics={[
-        {
-          value: "25+",
-          title: "Év Tapasztalat",
-        },
-        {
-          value: "5000+",
-          title: "Elégedett Ügyfél",
-        },
-        {
-          value: "100%",
-          title: "Minőségi Garancia",
-        },
-      ]}
-      tag="Eredményeink"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-modern-clean-software-dashboard-interf-1774357532627-bed89fd0.png?_wi=4"
-      imageAlt="Modern irodai dashboard"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="blur-reveal"
+      tag="Csapatunk"
+      title="Szakértőink Kiemelt Szerepe"
+      description="Ismerje meg csapatunkat, akik mögöttünk állnak, és akikkel minden nap azon dolgozunk, hogy a legjobb szolgáltatást nyújtsuk Önnek. Szakértelmünkkel és elkötelezettségünkkel garantáljuk az elégedettséget."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-diverse-team-of-professional-it-techni-1774357530692-02fce26b.png"
+      imageAlt="A diverse team of professional IT technicians or customer service staff interacting positively and c"
     />
   </div>
 
-  <div id="about-team" data-section="about-team">
-      <TeamCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Ismerje meg szakértő csapatunkat"
-      description="Kollégáink a legmagasabb szintű tudással és elhivatottsággal állnak rendelkezésére, hogy megtalálják a legjobb megoldásokat."
-    />
-  </div>
-
-  <div id="about-testimonials" data-section="about-testimonials">
-      <TestimonialCardThirteen
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardOne
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Kiss Eszter",
-          handle: "@kis_eszter",
-          testimonial: "Professzionális és gyors kiszolgálás! A laptopom pillanatok alatt megjavították.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-smiling-fem-1774357529768-f0db5426.png?_wi=3",
+          id: "1",          name: "Papp Zoltán",          role: "Logisztikai Menedzser",          company: "Tech Solutions Kft.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-confident-m-1774357529925-c346c48b.png"
         },
         {
-          id: "2",
-          name: "Horváth Péter",
-          handle: "@hpeter88",
-          testimonial: "Minden irodaszeremet innen szerzem be, mindig friss készlet és segítőkész személyzet.",
-          rating: 4,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-confident-m-1774357529925-c346c48b.png?_wi=3",
+          id: "2",          name: "Horváth Éva",          role: "Marketing Specialista",          company: "Digitális Műhely",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-friendly-fe-1774357529557-6f6f8ed3.png"
         },
         {
-          id: "3",
-          name: "Varga Zsófia",
-          handle: "@zsofi_varga",
-          testimonial: "A legjobb ár-érték arányú nyomtatót találtam náluk, és a beüzemelésben is segítettek.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-friendly-fe-1774357529557-6f6f8ed3.png?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Molnár Dávid",
-          handle: "@molnar_david",
-          testimonial: "Rendszeres IT karbantartásban segítettek a cégünknek, azóta minden flottul megy.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-young-male--1774357531493-828bb2fb.png?_wi=2",
-        },
+          id: "3",          name: "Szabó Gergő",          role: "Rendszergazda",          company: "NetSecure Zrt.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-young-male--1774357531493-828bb2fb.png"
+        }
       ]}
       showRating={true}
-      title="Ügyfeleink mondták rólunk"
-      description="A SZELEX Irodatechnika célja az Ön elégedettsége. Olvassa el, mit gondolnak rólunk!"
+      title="Ügyfeleink Mesélik: Siker Történetek"
+      description="Olvassa el, hogyan segítettünk partnereinknek elérni céljaikat, és miért választanak minket újra és újra. A megbízhatóság és a szakértelem a siker kulcsa."
+      animationType="depth-3d"
+      gridVariant="three-columns-all-equal-width"
+      carouselMode="buttons"
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
+      tag="Kapcsolat"
+      title="Lépjen Velünk Kapcsolatba!"
+      description="Kérdése van? Segítségre van szüksége? Keressen minket elérhetőségeinken, vagy látogasson el üzletünkbe Orosházán. Várjuk megkeresését!"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-modern-welcoming-office-reception-area-1774357530798-6676bcc3.png"
+      imageAlt="Modern irodai recepció"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      inputPlaceholder="Az Ön e-mail címe"
+      buttonText="Üzenet küldése"
+      termsText="Az üzenet küldésével elfogadja az adatvédelmi nyilatkozatot."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/an-abstract-technological-background-wit-1774357529438-c3124827.png"
+      imageAlt="An abstract technological background with subtle geometric patterns and flowing lines in shades of b"
       columns={[
         {
-          title: "Termékek",
-          items: [
+          title: "Termékek",          items: [
             {
-              label: "Laptopok",
-              href: "/products#laptops",
-            },
+              label: "Laptopok",              href: "/products#laptops"},
             {
-              label: "Asztali gépek",
-              href: "/products#desktops",
-            },
+              label: "Asztali Számítógépek",              href: "/products#desktops"},
             {
-              label: "Nyomtatók",
-              href: "/products#printers",
-            },
+              label: "Nyomtatók",              href: "/products#printers"},
             {
-              label: "Irodaszerek",
-              href: "/products#officesupplies",
-            },
+              label: "Tonerek",              href: "/products#toners"},
+            {
+              label: "Irodaszerek",              href: "/products#officesupplies"},
           ],
         },
         {
-          title: "Szolgáltatások",
-          items: [
+          title: "Szolgáltatások",          items: [
             {
-              label: "Számítógép javítás",
-              href: "/services#repair",
-            },
+              label: "Gépjavítás",              href: "/services#repair"},
             {
-              label: "Hálózat kiépítés",
-              href: "/services#network",
-            },
+              label: "Összeszerelés",              href: "/services#assembly"},
             {
-              label: "Szoftver telepítés",
-              href: "/services#software",
-            },
+              label: "Beszerelés",              href: "/services#installation"},
             {
-              label: "Tanácsadás",
-              href: "/services#consultation",
-            },
+              label: "Tanácsadás",              href: "/services#consultation"},
           ],
         },
         {
-          title: "Cégünkről",
-          items: [
+          title: "Információk",          items: [
             {
-              label: "Rólunk",
-              href: "/about",
-            },
+              label: "Rólunk",              href: "/about"},
             {
-              label: "Kapcsolat",
-              href: "/contact",
-            },
+              label: "Vélemények",              href: "/#testimonials"},
             {
-              label: "Adatvédelem",
-              href: "/privacy",
-            },
+              label: "Gyakori Kérdések",              href: "/#faq"},
+            {
+              label: "Kapcsolat",              href: "/contact"},
+          ],
+        },
+        {
+          title: "Elérhetőség",          items: [
+            {
+              label: "Cím: Orosháza, Vörösmarty u. 2, 5900",              href: "https://www.google.com/maps/search/Orosháza,+Vörösmarty+u.+2,+5900"},
+            {
+              label: "Telefon: +36 68 412 921",              href: "tel:+3668412921"},
+            {
+              label: "Nyitvatartás: H-P: 09:00-17:00",              href: "#"},
           ],
         },
       ]}
       logoText="SZELEX Irodatechnika"
-      copyrightText="© 2024 SZELEX Irodatechnika. Minden jog fenntartva."
+      copyrightText="© 2024 | SZELEX Irodatechnika"
     />
   </div>
       </ReactLenis>
-- 
2.49.1