bender/f57e873e-fe1b-4cbd-a2c2-74ef41136425
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 19:19:30 +00:00
parent edd251d0c1
commit 971c933b09
1 changed files with 57 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Kezelések",
id: "#services",
},
name: "Kezelések", id: "#services"},
{
name: "Rólunk",
id: "#about",
},
name: "Rólunk", id: "#about"},
{
name: "Kapcsolat",
id: "#contact",
},
name: "Kapcsolat", id: "#contact"},
]}
brandName="KLIN Szemészeti Magánrendelő"
/>
@@ -48,112 +42,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Tiszta látás szemüveg *nélkül*"
description="Dr. Hidasi Vanda szemorvos és csapata 1996 óta végez lézeres látásjavító műtéteket a KLIN Szemészeti Magánrendelőben. No-touch PRK technika SCHWIND AMARIS készülékkel — vágás nélkül, a szaruhártya érintése nélkül."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-eye-s-checkup_23-2150758542.jpg",
imageAlt: "modern eye clinic examination room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gate-seats-terminal-transportation-sit_1258-121.jpg",
imageAlt: "modern eye clinic examination room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758537.jpg",
imageAlt: "Medium shot woman getting her eyes checked",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758548.jpg",
imageAlt: "Side view woman getting her eyes checked",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eye-test-with-specialist_23-2148429571.jpg",
imageAlt: "Front view of eye test with specialist",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-eye-s-checkup_23-2150758542.jpg", imageAlt: "modern eye clinic examination room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gate-seats-terminal-transportation-sit_1258-121.jpg", imageAlt: "modern eye clinic examination room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758537.jpg", imageAlt: "Medium shot woman getting her eyes checked" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758548.jpg", imageAlt: "Side view woman getting her eyes checked" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-eye-test-with-specialist_23-2148429571.jpg", imageAlt: "Front view of eye test with specialist" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/chairs-front-wall_23-2148003045.jpg",
imageAlt: "modern eye clinic examination room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758539.jpg",
imageAlt: "modern eye clinic examination room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230053.jpg",
imageAlt: "Devices ready for patient consultation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-ophthalmologist-s-office_23-2150917650.jpg",
imageAlt: "Doctor preparing ophthalmologist's office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230006.jpg",
imageAlt: "Devices ready for patient consultation",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/chairs-front-wall_23-2148003045.jpg", imageAlt: "modern eye clinic examination room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758539.jpg", imageAlt: "modern eye clinic examination room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230053.jpg", imageAlt: "Devices ready for patient consultation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-ophthalmologist-s-office_23-2150917650.jpg", imageAlt: "Doctor preparing ophthalmologist's office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230006.jpg", imageAlt: "Devices ready for patient consultation" }
]}
buttons={[
{
text: "Időpontot kérek",
href: "#contact",
},
{
text: "Kezeléseink megismerése",
href: "#services",
},
{ text: "Időpontot kérek", href: "#contact" },
{ text: "Kezeléseink megismerése", href: "#services" }
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/still-life-ophthalmologist-s-office_23-2150917641.jpg",
alt: "Still life of ophthalmologist's office",
},
{
src: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135805.jpg",
alt: "Client in ophthalmologist's office",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-ophthalmologist-s-office_23-2150758580.jpg",
alt: "Medium shot woman working in ophthalmologist's office",
},
{
src: "http://img.b2bpic.net/free-photo/patient-ophthalmologist-s-office_23-2150917665.jpg",
alt: "Patient in ophthalmologist's office",
},
{
src: "http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools_482257-27168.jpg",
alt: "Nobody in doctors office with medical equipment and tools",
},
{ src: "http://img.b2bpic.net/free-photo/still-life-ophthalmologist-s-office_23-2150917641.jpg", alt: "Still life of ophthalmologist's office" },
{ src: "http://img.b2bpic.net/free-photo/client-ophthalmologist-s-office_52683-135805.jpg", alt: "Client in ophthalmologist's office" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-ophthalmologist-s-office_23-2150758580.jpg", alt: "Medium shot woman working in ophthalmologist's office" },
{ src: "http://img.b2bpic.net/free-photo/patient-ophthalmologist-s-office_23-2150917665.jpg", alt: "Patient in ophthalmologist's office" },
{ src: "http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools_482257-27168.jpg", alt: "Nobody in doctors office with medical equipment and tools" }
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/paper-texture_23-2151858813.jpg",
alt: "Paper texture",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812665.jpg",
alt: "Abstract paper background concept",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/extreme-close-up-bent-paper-cut-style_23-2148319033.jpg",
alt: "Extreme close-up bent paper cut style",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-87846.jpg",
alt: "Abstract luxury gradient blue background smooth dark blue with black vignette studio banner",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored-well-use-as-studio-room-product-presentation-banner_1258-63759.jpg",
alt: "A soft vintage gradient blur background",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/paper-texture_23-2151858813.jpg", alt: "Paper texture" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812665.jpg", alt: "Abstract paper background concept" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/extreme-close-up-bent-paper-cut-style_23-2148319033.jpg", alt: "Extreme close-up bent paper cut style" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-87846.jpg", alt: "Abstract luxury gradient blue background smooth dark blue with black vignette studio banner" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored-well-use-as-studio-room-product-presentation-banner_1258-63759.jpg", alt: "A soft vintage gradient blur background" }
]}
/>
</div>
@@ -163,6 +85,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A *magánrendelő*"
description="Klinikánk Szegeden 1995 óta áll a páciensek szolgálatában, a szakmai precizitás és a biztonság jegyében."
metrics={[]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-blue-texture-paper_24972-420.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
@@ -175,33 +98,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Lézeres látásjavítás",
descriptions: [
"No-touch PRK technika.",
"Vágásmentes beavatkozások.",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758541.jpg",
},
{
id: "f2",
title: "JettPlasma kezelés",
descriptions: [
"Plasma-alapú bőrfiatalítás.",
"Szemhéj és bőrfelület.",
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-featuring-modern-equipment-vitamins_482257-126492.jpg",
},
{
id: "f3",
title: "Egyéb kezelések",
descriptions: [
"CXL, lencseimplantáció.",
"Általános szemvizsgálat.",
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917653.jpg",
},
{ id: "f1", title: "Lézeres látásjavítás", descriptions: ["No-touch PRK technika.", "Vágásmentes beavatkozások."], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-her-eyes-checked_23-2150758541.jpg" },
{ id: "f2", title: "JettPlasma kezelés", descriptions: ["Plasma-alapú bőrfiatalítás.", "Szemhéj és bőrfelület."], imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-featuring-modern-equipment-vitamins_482257-126492.jpg" },
{ id: "f3", title: "Egyéb kezelések", descriptions: ["CXL, lencseimplantáció.", "Általános szemvizsgálat."], imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917653.jpg" }
]}
title="Modern szemészeti kezelések *egy helyen*"
description="Szakértő csapatunk korszerű technológiákkal kínál megoldásokat látásproblémáira."
@@ -213,6 +112,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="*Modern technológia*"
description="A KLIN klinikán a legmagasabb minőségű optikai eszközöket használjuk a precíz diagnosztika érdekében."
metrics={[]}
imageSrc="http://img.b2bpic.net/free-photo/optics-still-life-concept_23-2148320338.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
@@ -221,36 +121,13 @@ export default function LandingPage() {
<div id="approach" data-section="approach">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "a1",
title: "01 — No-touch PRK fókusz",
descriptions: [
"2013 óta kizárólag a no-touch PRK módszerrel dolgozunk.",
"A szaruhártya érintése nélkül, vágás nélkül.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150923343.jpg",
},
{
id: "a2",
title: "02 — SCHWIND AMARIS",
descriptions: [
"500 Hz lézer, Wavefront analizátor.",
"Egyénre szabott kezelési terv.",
],
imageSrc: "http://img.b2bpic.net/free-photo/lens-eyesight-checkup_23-2150801420.jpg",
},
{
id: "a3",
title: "03 — Egyénre szabott ellátás",
descriptions: [
"Stabil minőség a mindennapokban.",
"Szigorú szakmai protokollok.",
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230048.jpg",
},
{ id: "a1", title: "01 — No-touch PRK fókusz", descriptions: ["2013 óta kizárólag a no-touch PRK módszerrel dolgozunk.", "A szaruhártya érintése nélkül, vágás nélkül."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-ophthalmologist-s-tools_23-2150923343.jpg" },
{ id: "a2", title: "02 — SCHWIND AMARIS", descriptions: ["500 Hz lézer, Wavefront analizátor.", "Egyénre szabott kezelési terv."], imageSrc: "http://img.b2bpic.net/free-photo/lens-eyesight-checkup_23-2150801420.jpg" },
{ id: "a3", title: "03 — Egyénre szabott ellátás", descriptions: ["Stabil minőség a mindennapokban.", "Szigorú szakmai protokollok."], imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230048.jpg" }
]}
title="Tudatos szakosodás *egyetlen módszerre*"
description="Elhivatottságunk alapja a szakmai biztonság és a páciensek hosszú távú elégedettsége."
@@ -262,6 +139,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="*Szakmai precizitás*"
description="Több évtizedes tapasztalat, amiben megbízhat."
metrics={[]}
imageSrc="http://img.b2bpic.net/free-photo/reusable-menstrual-cup-product_23-2149408760.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
@@ -274,14 +152,8 @@ export default function LandingPage() {
title="Több mint *30 év* klinikai tapasztalat"
description="Dr. Hidasi Vanda PhD szemész szakorvos 1995 óta vezeti magánrendelőnket. Szakmai elhivatottságát a folyamatos technológiai fejlesztés és a páciensek iránti figyelem jellemzi."
metrics={[
{
value: "1995",
title: "Alapítás éve",
},
{
value: "PhD",
title: "Szakmai fokozat",
},
{ value: "1995", title: "Alapítás éve" },
{ value: "PhD", title: "Szakmai fokozat" }
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-ophthalmologist-s-office_23-2150917669.jpg"
mediaAnimation="blur-reveal"
@@ -294,6 +166,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="*Tiszta vonalak, tiszta gondolatok*"
description="Nyugodt, klinikai környezet Szegeden."
metrics={[]}
imageSrc="http://img.b2bpic.net/free-photo/peachy-blur-gradient-background-soft-vintage-style_53876-108717.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
@@ -306,21 +179,9 @@ export default function LandingPage() {
title="Statisztikáink"
tag="BIZALOM"
metrics={[
{
id: "m1",
value: "1995",
description: "Szeged szemészeti magánrendelője",
},
{
id: "m2",
value: "1996",
description: "Lézeres látásjavítás kezdete",
},
{
id: "m3",
value: "Több ezer",
description: "Sikeres beavatkozás",
},
{ id: "m1", value: "1995", description: "Szeged szemészeti magánrendelője" },
{ id: "m2", value: "1996", description: "Lézeres látásjavítás kezdete" },
{ id: "m3", value: "Több ezer", description: "Sikeres beavatkozás" }
]}
metricsAnimation="blur-reveal"
/>
@@ -331,6 +192,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="*Önbizalom új látással*"
description="Lépjen a tisztább látás felé velünk."
metrics={[]}
imageSrc="http://img.b2bpic.net/free-photo/numbers-table-with-glasses-magnifier_23-2148320311.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
@@ -343,24 +205,12 @@ export default function LandingPage() {
title="Kérdése van? *Beszéljünk személyesen.*"
description="A konzultáción minden kérdését átbeszélhetjük. Időpontot telefonon vagy az űrlapon foglalhat."
inputs={[
{
name: "name",
type: "text",
placeholder: "Név",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Telefonszám",
required: true,
},
{ name: "name", type: "text", placeholder: "Név", required: true },
{ name: "phone", type: "tel", placeholder: "Telefonszám", required: true }
]}
textarea={{
name: "message",
placeholder: "Kérdése vagy üzenete",
rows: 4,
required: false,
name: "message", placeholder: "Kérdése vagy üzenete", rows: 4,
required: false
}}
imageSrc="http://img.b2bpic.net/free-photo/empty-desk-with-table-medical-paperwork-clinical-appointment_482257-22694.jpg"
/>
@@ -371,35 +221,18 @@ export default function LandingPage() {
logoText="KLIN Szemészeti Magánrendelő"
columns={[
{
title: "Navigáció",
items: [
{
label: "Kezelések",
href: "#services",
},
{
label: "Rólunk",
href: "#about",
},
{
label: "Kapcsolat",
href: "#contact",
},
],
title: "Navigáció", items: [
{ label: "Kezelések", href: "#services" },
{ label: "Rólunk", href: "#about" },
{ label: "Kapcsolat", href: "#contact" }
]
},
{
title: "Kapcsolat",
items: [
{
label: "+36 62 652 463",
href: "tel:+3662652463",
},
{
label: "Szeged, Kelemen László u. 7.",
href: "#",
},
],
},
title: "Kapcsolat", items: [
{ label: "+36 62 652 463", href: "tel:+3662652463" },
{ label: "Szeged, Kelemen László u. 7.", href: "#" }
]
}
]}
copyrightText="© 2026 KLIN Szemészeti Kft. — Cégjegyzékszám: 06-09-008103"
/>