2026-03-24 13:10:51 +00:00
2 changed files with 128 additions and 202 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -43,14 +43,14 @@ export default function AboutPage() {
    />
  </div>

-  <div id="team" data-section="team">
+  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
-      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."
+      tag="Rólunk"
+      title="Szakértelemmel az Ön Igényeiért"
+      description="Több mint 4.8 csillagos értékelésünk és elégedett vásárlóink bizonyítják, hogy a SZELEX Irodatechnika az Ön megbízható partnere. Gyors és precíz kiszolgálással, kedves, segítőkész személyzettel és magas szakmai tudással várjuk, mindig a legjobb áron. \"Nem csak eladunk, segítünk is!\""
      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"
+      imageAlt="Szakértő SZELEX csapat"
    />
  </div>

@@ -60,21 +60,28 @@ export default function AboutPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "1",          name: "Papp Zoltán",          role: "Logisztikai Menedzser",          company: "Tech Solutions Kft.",          rating: 5,
+          id: "1",          name: "Nagy Anna",          role: "Vállalkozó",          company: "Kft.",          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"
+        },
+        {
+          id: "2",          name: "Kovács Péter",          role: "IT Szakember",          company: "Zrt.",          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 Éva",          role: "Marketing Specialista",          company: "Digitális Műhely",          rating: 5,
+          id: "3",          name: "Tóth Eszter",          role: "Irodavezető",          company: "Bt.",          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: "Szabó Gergő",          role: "Rendszergazda",          company: "NetSecure Zrt.",          rating: 5,
+          id: "4",          name: "Kiss Gábor",          role: "Diák",          company: "Egyetem",          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"
+        },
+        {
+          id: "5",          name: "Varga Júlia",          role: "Magánszemély",          company: "",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-professional-headshot-of-a-kind-female-1774357529835-bbfcd598.png"
        }
      ]}
-      showRating={true}
-      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."
+      title="Amit Ügyfeleink Mondanak Rólunk"
+      description="Hallgassa meg, miért választanak minket! Elégedett vásárlóink tapasztalatai a legjobb bizonyíték szolgáltatásaink minőségére. \"Szakértelem + kedvező ár = SZELEX\""
      animationType="depth-3d"
      gridVariant="three-columns-all-equal-width"
      carouselMode="buttons"
@@ -83,7 +90,7 @@ export default function AboutPage() {

  <div id="contact" data-section="contact">
      <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Kapcsolat"
@@ -102,7 +109,7 @@ export default function AboutPage() {
  <div id="footer" data-section="footer">
      <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"
+      imageAlt="Abstract tech background"
      columns={[
        {
          title: "Termékek",          items: [
@@ -115,8 +122,8 @@ export default function AboutPage() {
            {
              label: "Tonerek",              href: "/products#toners"},
            {
-              label: "Irodaszerek",              href: "/products#officesupplies"},
-          ],
+              label: "Irodaszerek",              href: "/products#officesupplies"}
+          ]
        },
        {
          title: "Szolgáltatások",          items: [
@@ -127,8 +134,8 @@ export default function AboutPage() {
            {
              label: "Beszerelés",              href: "/services#installation"},
            {
-              label: "Tanácsadás",              href: "/services#consultation"},
-          ],
+              label: "Tanácsadás",              href: "/services#consultation"}
+          ]
        },
        {
          title: "Információk",          items: [
@@ -139,8 +146,8 @@ export default function AboutPage() {
            {
              label: "Gyakori Kérdések",              href: "/#faq"},
            {
-              label: "Kapcsolat",              href: "/contact"},
-          ],
+              label: "Kapcsolat",              href: "/contact"}
+          ]
        },
        {
          title: "Elérhetőség",          items: [
@@ -149,9 +156,9 @@ export default function AboutPage() {
            {
              label: "Telefon: +36 68 412 921",              href: "tel:+3668412921"},
            {
-              label: "Nyitvatartás: H-P: 09:00-17:00",              href: "#"},
-          ],
-        },
+              label: "Nyitvatartás: H-P: 09:00-17:00",              href: "#"}
+          ]
+        }
      ]}
      logoText="SZELEX Irodatechnika"
      copyrightText="© 2024 | SZELEX Irodatechnika"
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -2,12 +2,12 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import ProductCart from '@/components/ecommerce/cart/ProductCart';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';

-export default function LandingPage() {
+export default function CartPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
@@ -22,185 +22,104 @@ export default function LandingPage() {
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Kezdőlap",
-          id: "home",
-          href: "/",
-        },
-        {
-          name: "Termékek",
-          id: "products",
-          href: "/products",
-        },
-        {
-          name: "Szolgáltatások",
-          id: "services",
-          href: "/services",
-        },
-        {
-          name: "Rólunk",
-          id: "about",
-          href: "/about",
-        },
-        {
-          name: "Kapcsolat",
-          id: "contact",
-          href: "/contact",
-        },
-      ]}
-      brandName="SZELEX Irodatechnika"
-      button={{
-        text: "Kosár",
-        href: "/cart",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Kezdőlap", id: "/" },
+              { name: "Termékek", id: "/products" },
+              { name: "Szolgáltatások", id: "/services" },
+              { name: "Rólunk", id: "/about" },
+              { name: "Kapcsolat", id: "/contact" }
+            ]}
+            brandName="SZELEX Irodatechnika"
+            button={{
+              text: "Kosár",              href: "/cart"
+            }}
+          />
+        </div>

-  <div id="cart-detail" data-section="cart-detail">
-      <ProductCart
-      isOpen={true}
-      onClose={() => {}}
-      items={[
-        {
-          id: "laptop-pro",
-          name: "Laptop Pro 15.6",
-          variants: [
-            "Szín: Fekete",
-            "Memória: 16GB",
-          ],
-          price: "349.990 Ft",
-          quantity: 1,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-sleek-modern-laptop-with-a-minimalist--1774357532125-3c007dc3.png?_wi=4",
-          imageAlt: "Laptop Pro 15.6",
-        },
-        {
-          id: "toner-kit",
-          name: "Toner utántöltő készlet",
-          price: "18.490 Ft",
-          quantity: 2,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-collection-of-neatly-arranged-toner-ca-1774357531510-a56251d4.png?_wi=4",
-          imageAlt: "Toner utántöltő készlet",
-        },
-      ]}
-      total="386.970 Ft"
-      buttons={[
-        {
-          text: "Tovább a pénztárhoz",
-          href: "/checkout",
-        },
-        {
-          text: "Folytatás a vásárlást",
-          href: "/products",
-        },
-      ]}
-      title="Kosár"
-      emptyMessage="A kosara üres. Kezdjen el vásárolni!"
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            tag="Termékeink"
+            title="Fő Termékkategóriák"
+            description="Fedezze fel széles választékunkat a legmodernebb számítástechnikai és irodatechnikai eszközökből. Mindig a legjobb minőséget kínáljuk, kedvező áron."
+            products={[
+              { id: "product-1", name: "Laptopok", price: "Kiváló Minőség", variant: "Új és Használt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-sleek-modern-laptop-with-a-minimalist--1774357532125-3c007dc3.png", imageAlt: "Modern laptop" },
+              { id: "product-2", name: "Asztali Számítógépek", price: "Egyedi Konfiguráció", variant: "Gamer és Irodai", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-powerful-desktop-computer-setup-featur-1774357530869-7419d125.png", imageAlt: "Asztali számítógép" },
+              { id: "product-3", name: "Nyomtatók és Fénymásolók", price: "Minden Típus", variant: "Tintasugaras, Lézer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-high-quality-multifunctional-office-pr-1774357530986-9166b9b8.png", imageAlt: "Irodai nyomtató" },
+              { id: "product-4", name: "Tonerek és Patronok", price: "Eredeti és Utángyártott", variant: "Széles Választék", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-collection-of-neatly-arranged-toner-ca-1774357531510-a56251d4.png", imageAlt: "Tonerek és tintapatronok" },
+              { id: "product-5", name: "Adattárolók", price: "SSD, HDD, Pendrive", variant: "Nagy Kapacitás", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-display-of-various-data-storage-device-1774357530844-d7c34a4a.png", imageAlt: "Adattároló eszközök" },
+              { id: "product-6", name: "Irodaszerek", price: "Minden, ami Kell", variant: "Papír, Írószerek, Mappák", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-minimalist-composition-of-essential-wh-1774357531542-1d3f3d2c.png", imageAlt: "Irodaszerek" }
+            ]}
+            carouselMode="buttons"
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+          />
+        </div>

-  <div id="related-products" data-section="related-products">
-      <ProductCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "desktop-power-rec",
-          name: "Desktop Power PC",
-          price: "499.990 Ft",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-powerful-desktop-computer-setup-featur-1774357530869-7419d125.png?_wi=4",
-          imageAlt: "Desktop Power PC",
-        },
-        {
-          id: "printer-laser-rec",
-          name: "LaserJet Pro M404n",
-          price: "85.990 Ft",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-high-quality-multifunctional-office-pr-1774357530986-9166b9b8.png?_wi=3",
-          imageAlt: "LaserJet Pro nyomtató",
-        },
-        {
-          id: "ssd-drive-rec",
-          name: "SSD meghajtó 1TB",
-          price: "32.990 Ft",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/a-display-of-various-data-storage-device-1774357530844-d7c34a4a.png?_wi=4",
-          imageAlt: "1TB SSD meghajtó",
-        },
-      ]}
-      title="Vásárlóink ezeket is szeretik"
-      description="Tekintse meg a legnépszerűbb kiegészítőinket és ajánlatainkat."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            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
-      columns={[
-        {
-          title: "Termékek",
-          items: [
-            {
-              label: "Laptopok",
-              href: "/products#laptops",
-            },
-            {
-              label: "Asztali gépek",
-              href: "/products#desktops",
-            },
-            {
-              label: "Nyomtatók",
-              href: "/products#printers",
-            },
-            {
-              label: "Irodaszerek",
-              href: "/products#officesupplies",
-            },
-          ],
-        },
-        {
-          title: "Szolgáltatások",
-          items: [
-            {
-              label: "Számítógép javítás",
-              href: "/services#repair",
-            },
-            {
-              label: "Hálózat kiépítés",
-              href: "/services#network",
-            },
-            {
-              label: "Szoftver telepítés",
-              href: "/services#software",
-            },
-            {
-              label: "Tanácsadás",
-              href: "/services#consultation",
-            },
-          ],
-        },
-        {
-          title: "Cégünkről",
-          items: [
-            {
-              label: "Rólunk",
-              href: "/about",
-            },
-            {
-              label: "Kapcsolat",
-              href: "/contact",
-            },
-            {
-              label: "Adatvédelem",
-              href: "/privacy",
-            },
-          ],
-        },
-      ]}
-      logoText="SZELEX Irodatechnika"
-      copyrightText="© 2024 SZELEX Irodatechnika. Minden jog fenntartva."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOPvnqiu5V4DekurJLJPgbrkZZ/an-abstract-technological-background-wit-1774357529438-c3124827.png"
+            imageAlt="Abstract tech background"
+            columns={[
+              {
+                title: "Termékek",                items: [
+                  { label: "Laptopok", href: "/products#laptops" },
+                  { label: "Asztali Számítógépek", href: "/products#desktops" },
+                  { label: "Nyomtatók", href: "/products#printers" },
+                  { label: "Tonerek", href: "/products#toners" },
+                  { label: "Irodaszerek", href: "/products#officesupplies" }
+                ]
+              },
+              {
+                title: "Szolgáltatások",                items: [
+                  { label: "Gépjavítás", href: "/services#repair" },
+                  { label: "Összeszerelés", href: "/services#assembly" },
+                  { label: "Beszerelés", href: "/services#installation" },
+                  { label: "Tanácsadás", href: "/services#consultation" }
+                ]
+              },
+              {
+                title: "Információk",                items: [
+                  { label: "Rólunk", href: "/about" },
+                  { label: "Vélemények", href: "/#testimonials" },
+                  { 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"
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );