Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function LandingPage() {
   return (
@@ -29,22 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Sergiu Cucler Masaj"
     />
@@ -55,72 +43,11 @@ export default function LandingPage() {
       title="Professzionális Masszázs Cluj-Napocán"
       description="Fájdalommentes élet, lelki ellazulás és fizikai revitalizáció Sergiu Cucler szakértő kezeivel."
       testimonials={[
-        {
-          name: "Ciprian Ciutre",
-          handle: "@ciprian",
-          testimonial: "Teljes bizalommal ajánlom! Nagyon profi, pihentető és gondosan elvégzett masszázs.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a95wjg&_wi=1",
-          imageAlt: "calm massage therapy room",
-        },
-        {
-          name: "Marcel Negrean",
-          handle: "@marcel",
-          testimonial: "Ha valaki professzionalizmussal és szenvedéllyel dolgozik, akkor ez Mr. Sergiu.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p17uth&_wi=1",
-          imageAlt: "calm massage therapy room",
-        },
-        {
-          name: "CashCow47",
-          handle: "@cashcow",
-          testimonial: "A masszázs elsőrangú volt, a hátam olyan, mintha új lett volna.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm&_wi=1",
-          imageAlt: "calm massage therapy room",
-        },
-        {
-          name: "Elena M.",
-          handle: "@elena",
-          testimonial: "Csodálatos élmény, minden izomfájdalmam megszűnt egyetlen alkalom után.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0957y&_wi=1",
-          imageAlt: "calm massage therapy room",
-        },
-        {
-          name: "Adrian V.",
-          handle: "@adrian",
-          testimonial: "Sergiu igazi szakértő, figyelmes és nagyon precíz a mozdulataiban.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qclddm&_wi=1",
-          imageAlt: "calm massage therapy room",
-        },
+        { name: "Ciprian Ciutre", handle: "@ciprian", testimonial: "Teljes bizalommal ajánlom! Nagyon profi, pihentető és gondosan elvégzett masszázs.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a95wjg&_wi=1", imageAlt: "calm massage therapy room" },
+        { name: "Marcel Negrean", handle: "@marcel", testimonial: "Ha valaki professzionalizmussal és szenvedéllyel dolgozik, akkor ez Mr. Sergiu.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p17uth&_wi=1", imageAlt: "calm massage therapy room" }
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a95wjg&_wi=2"
       imageAlt="calm massage therapy room"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm",
-          alt: "portrait smiling client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0957y",
-          alt: "person portrait headshot",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qclddm",
-          alt: "client portrait closeup",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0m9scm",
-          alt: "person smiling portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7ofae",
-          alt: "customer professional portrait",
-        },
-      ]}
-      avatarText="Több mint 66 elégedett vendégünk"
     />
   </div>
 
@@ -128,68 +55,29 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Szakértelem és Gondoskodás"
-      description="Több mint 66 pozitív vélemény, elkötelezett tisztelettudó hozzáállás, és terápiás technikák, amelyek valódi enyhülést hoznak a hát és izompanaszokra."
+      description="Több mint 66 pozitív vélemény, elkötelezett tisztelettudó hozzáállás, és terápiás technikák."
       metrics={[
-        {
-          value: "5.0",
-          title: "Átlagos Értékelés",
-        },
-        {
-          value: "66+",
-          title: "Elégedett Vendég",
-        },
-        {
-          value: "50min",
-          title: "Terápiás kezelések",
-        },
+        { value: "5.0", title: "Átlagos Értékelés" },
+        { value: "66+", title: "Elégedett Vendég" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p17uth&_wi=2"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
-      imageAlt="massage therapist hands on back"
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          label: "Terápiás",
-          title: "Gyógyító masszázs",
-          items: [
-            "Izomlazítás",
-            "Fájdalomcsillapítás",
-            "Stresszoldás",
-          ],
-        },
-        {
-          id: "2",
-          label: "Pihentető",
-          title: "Relaxációs masszázs",
-          items: [
-            "Nyugalom",
-            "Mentális feltöltődés",
-            "Kellemes hangulat",
-          ],
-        },
-        {
-          id: "3",
-          label: "Professzionális",
-          title: "Speciális technikák",
-          items: [
-            "Érzékeny területek kezelése",
-            "Egyéni igények",
-            "Szakértő szakember",
-          ],
-        },
-      ]}
-      title="Szolgáltatásaink"
-      description="Célunk a testi és lelki egyensúly helyreállítása személyre szabott technikákkal."
-    />
+  <div id="gallery" data-section="gallery">
+      <ProductCardTwo 
+        title="Szolgáltatási Környezet"
+        description="Fedezd fel a terápiás atmoszférát, ahol a gyógyulás és a nyugalom találkozik."
+        textboxLayout="default"
+        gridVariant="three-columns-all-equal-width"
+        animationType="slide-up"
+        useInvertedBackground={false}
+        products={[
+          { id: "1", brand: "Élmény", name: "Kezelőszoba", price: "", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a95wjg" },
+          { id: "2", brand: "Élmény", name: "Relaxációs Tér", price: "", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p17uth" },
+          { id: "3", brand: "Élmény", name: "Professzionális Felszerelés", price: "", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm" }
+        ]}
+      />
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -198,82 +86,17 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Ciprian Ciutre",
-          handle: "@ciprian",
-          testimonial: "Nagyon profi, pihentető és gondosan elvégzett masszázs.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm&_wi=2",
-        },
-        {
-          id: "2",
-          name: "Marcel Negrean",
-          handle: "@marcel",
-          testimonial: "Különleges karakterű férfi, professzionalizmus és szenvedély.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0957y&_wi=2",
-        },
-        {
-          id: "3",
-          name: "CashCow47",
-          handle: "@cashcow",
-          testimonial: "Felismerte az érzékeny területeket, sikeresen fellazította azokat.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qclddm&_wi=2",
-        },
-        {
-          id: "4",
-          name: "Vendég 4",
-          handle: "@vendeg4",
-          testimonial: "A legjobb masszázs élményem Kolozsváron, köszönöm!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0m9scm",
-        },
-        {
-          id: "5",
-          name: "Vendég 5",
-          handle: "@vendeg5",
-          testimonial: "Rendszeresen visszatérek, mert szakértő a munkájában.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7ofae",
-        },
+        { id: "1", name: "Ciprian Ciutre", handle: "@ciprian", testimonial: "Nagyon profi masszázs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm&_wi=2" }
       ]}
       title="Vendégeink mondták"
       description="Olvasd el, mit mondanak rólam elégedett pácienseim."
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Hol található a rendelő?",
-          content: "Strada Fântânele 1, scara 3, 400327 Cluj-Napoca.",
-        },
-        {
-          id: "2",
-          title: "Hogyan foglalhatok időpontot?",
-          content: "Telefonon a 0745 157 306-os számon.",
-        },
-        {
-          id: "3",
-          title: "Milyen típusú masszázsokat kínál?",
-          content: "Terápiás és relaxációs masszázsokat egyaránt végzek.",
-        },
-      ]}
-      title="Gyakori Kérdések"
-      description="Minden, amit a kezelésekről tudni érdemes."
-      faqsAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a95wjg&_wi=3"
-      imageAlt="calm massage therapy room"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Kapcsolat"
       title="Kérj időpontot még ma!"
       description="Lépj kapcsolatba Sergiu Cucler-rel és érezd újra jól magad a bőrödben."
@@ -283,36 +106,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Elérhetőség",
-          items: [
-            {
-              label: "Strada Fântânele 1",
-              href: "#",
-            },
-            {
-              label: "0745 157 306",
-              href: "tel:0745157306",
-            },
-          ],
-        },
-        {
-          title: "Navigáció",
-          items: [
-            {
-              label: "Rólunk",
-              href: "#about",
-            },
-            {
-              label: "Vélemények",
-              href: "#testimonials",
-            },
-            {
-              label: "Kapcsolat",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Elérhetőség", items: [{ label: "Strada Fântânele 1", href: "#" }, { label: "0745 157 306", href: "tel:0745157306" }] },
+        { title: "Navigáció", items: [{ label: "Rólunk", href: "#about" }, { label: "Galéria", href: "#gallery" }, { label: "Vélemények", href: "#testimonials" }, { label: "Kapcsolat", href: "#contact" }] }
       ]}
       bottomLeftText="© Sergiu Cucler Masázs"
       bottomRightText="Cluj-Napoca"
@@ -321,4 +116,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}