Merge version_1 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -17,35 +17,30 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Kezdőlap",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Kezdőlap", id: "hero"},
|
||||
{
|
||||
name: "Rólunk",
|
||||
id: "about",
|
||||
},
|
||||
name: "Rólunk", id: "about"},
|
||||
{
|
||||
name: "Folyamat",
|
||||
id: "features",
|
||||
},
|
||||
name: "Folyamat", id: "features"},
|
||||
{
|
||||
name: "Vélemények",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Vélemények", id: "testimonials"},
|
||||
{
|
||||
name: "GYIK",
|
||||
id: "faq",
|
||||
},
|
||||
name: "GYIK", id: "faq"},
|
||||
{
|
||||
name: "Kapcsolat",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kapcsolat", id: "contact"},
|
||||
]}
|
||||
brandName="Pszichodráma Műhely"
|
||||
/>
|
||||
@@ -54,60 +49,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fedezd fel önmagad a pszichodráma erejével"
|
||||
description="Biztonságos csoportos önismereti út, ahol a történetek megelevenednek, és új perspektívákat nyerhetsz életed nehézségeire."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg", alt: "Anna"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2148686510.jpg",
|
||||
alt: "Gábor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2148686510.jpg", alt: "Gábor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-watering-can_23-2149412582.jpg",
|
||||
alt: "Mária",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-watering-can_23-2149412582.jpg", alt: "Mária"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg",
|
||||
alt: "Péter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg", alt: "Péter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg",
|
||||
alt: "Eszter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg", alt: "Eszter"},
|
||||
]}
|
||||
avatarText="Csatlakozz 50+ elégedett résztvevőnkhöz"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jelentkezem a csoportba",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jelentkezem a csoportba", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Biztonságos tér",
|
||||
},
|
||||
type: "text", text: "Biztonságos tér"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professzionális vezetés",
|
||||
},
|
||||
type: "text", text: "Professzionális vezetés"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Önismeret",
|
||||
},
|
||||
type: "text", text: "Önismeret"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Közösségi gyógyulás",
|
||||
},
|
||||
type: "text", text: "Közösségi gyógyulás"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Új nézőpontok",
|
||||
},
|
||||
type: "text", text: "Új nézőpontok"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Miért válaszd a pszichodrámát?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ismerj meg minket",
|
||||
href: "#",
|
||||
},
|
||||
text: "Ismerj meg minket", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,23 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Bemelegítés",
|
||||
description: "Laza, kreatív játékokkal készítjük elő a csoportot a mélyebb munkára.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/peace-day-composition-with-children-holding-hands-around-world_23-2147892738.jpg",
|
||||
},
|
||||
id: "1", title: "Bemelegítés", description: "Laza, kreatív játékokkal készítjük elő a csoportot a mélyebb munkára.", imageSrc: "http://img.b2bpic.net/free-vector/peace-day-composition-with-children-holding-hands-around-world_23-2147892738.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Dramatikus játék",
|
||||
description: "Szerepjáték és történetmesélés, ahol a valódi élethelyzetek megelevenednek.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-therapy-medium-shot_23-2148913045.jpg",
|
||||
},
|
||||
id: "2", title: "Dramatikus játék", description: "Szerepjáték és történetmesélés, ahol a valódi élethelyzetek megelevenednek.", imageSrc: "http://img.b2bpic.net/free-photo/people-therapy-medium-shot_23-2148913045.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Megosztás és integráció",
|
||||
description: "A játék tapasztalatainak megbeszélése és beépítése a hétköznapi életbe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-spring-forest_1157-35139.jpg",
|
||||
},
|
||||
id: "3", title: "Megosztás és integráció", description: "A játék tapasztalatainak megbeszélése és beépítése a hétköznapi életbe.", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-spring-forest_1157-35139.jpg"},
|
||||
]}
|
||||
title="A folyamat lépései"
|
||||
description="Hogyan dolgozunk a csoportban?"
|
||||
@@ -165,45 +123,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna",
|
||||
role: "Pszichológus",
|
||||
company: "Önismereti csoport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Anna", role: "Pszichológus", company: "Önismereti csoport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gábor",
|
||||
role: "Mérnök",
|
||||
company: "Önismereti csoport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2148686510.jpg",
|
||||
},
|
||||
id: "2", name: "Gábor", role: "Mérnök", company: "Önismereti csoport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-discussing_23-2148686510.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mária",
|
||||
role: "Tanár",
|
||||
company: "Önismereti csoport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-watering-can_23-2149412582.jpg",
|
||||
},
|
||||
id: "3", name: "Mária", role: "Tanár", company: "Önismereti csoport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-watering-can_23-2149412582.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Péter",
|
||||
role: "Vállalkozó",
|
||||
company: "Önismereti csoport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg",
|
||||
},
|
||||
id: "4", name: "Péter", role: "Vállalkozó", company: "Önismereti csoport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Júlia",
|
||||
role: "Művész",
|
||||
company: "Önismereti csoport",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Júlia", role: "Művész", company: "Önismereti csoport", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg"},
|
||||
]}
|
||||
title="Résztvevőink mondták"
|
||||
description="Olvass arról, hogyan változtatta meg a csoport az életüket."
|
||||
@@ -215,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Szükséges-e színészi tehetség?",
|
||||
content: "Egyáltalán nem! A drámajátékokhoz nem kellenek előadói képességek.",
|
||||
},
|
||||
id: "1", title: "Szükséges-e színészi tehetség?", content: "Egyáltalán nem! A drámajátékokhoz nem kellenek előadói képességek."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mennyi ideig tart egy ciklus?",
|
||||
content: "Egy csoportos folyamat általában 10-15 alkalomból áll.",
|
||||
},
|
||||
id: "2", title: "Mennyi ideig tart egy ciklus?", content: "Egy csoportos folyamat általában 10-15 alkalomból áll."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Mikor indul a következő csoport?",
|
||||
content: "Folyamatosan indulnak csoportjaink, kérjük, vedd fel velünk a kapcsolatot.",
|
||||
},
|
||||
id: "3", title: "Mikor indul a következő csoport?", content: "Folyamatosan indulnak csoportjaink, kérjük, vedd fel velünk a kapcsolatot."},
|
||||
]}
|
||||
sideTitle="Gyakori kérdések"
|
||||
sideDescription="Minden, amit tudnod kell a jelentkezésről és a csoport működéséről."
|
||||
@@ -240,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Jelentkezés"
|
||||
title="Készen állsz az önismereti útra?"
|
||||
description="Lépj velünk kapcsolatba, és kérj időpontot egy kötetlen interjúra."
|
||||
@@ -252,13 +175,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Pszichodráma Műhely"
|
||||
leftLink={{
|
||||
text: "Adatvédelmi nyilatkozat",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Adatvédelmi nyilatkozat", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Kapcsolat",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Kapcsolat", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user