Merge version_2 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -10,6 +10,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
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 +30,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 +45,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,152 +57,46 @@ 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"
|
||||
products={[
|
||||
{ id: "1", brand: "Élmény", name: "Kezelőszoba", price: "", rating: 5, 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, 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, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdkksm" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user