bender/4ccba66a-5b49-4e02-8c36-99a0c6d35bcb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-21 14:11:52 +00:00
parent 5634e60eec
commit 25e2cbdb3e
1 changed files with 110 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/pages/HomePage.tsx
View File

@@ -11,239 +11,130 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Drazsé Cukrászda és Falatozó"
description="Ráckeve szívében várjuk vendégeinket friss süteményekkel, házi készítésű ételekkel és barátságos hangulattal."
primaryButton={{
text: "Napi ajánlat",
href: "#products",
}}
secondaryButton={{
text: "Helyszínünk",
href: "#contact",
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110867.jpg"
/>
</SectionErrorBoundary>
</div>
brand="Drazsé Cukrászda és Falatozó"
description="Ráckeve szívében várjuk vendégeinket friss süteményekkel, házi készítésű ételekkel és barátságos hangulattal."
primaryButton={{ text: "Napi ajánlat", href: "#products" }}
secondaryButton={{ text: "Helyszínünk", href: "#contact" }}
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110867.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Rólunk"
title="Hagyomány és szenvedély a konyhában"
description="Cukrászdánkban a minőségre helyezzük a hangsúlyt. Süteményeinket naponta frissen készítjük, emellett pedig falatozónkban melegszendvicsekkel, pizzával és egyéb ínycsiklandó fogásokkal várjuk az éheseket."
imageSrc="http://img.b2bpic.net/free-photo/appetizing-homemade-chocolate-cake-hands-woman-closeup-home-holiday-concept_169016-46284.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Rólunk"
title="Hagyomány és szenvedély a konyhában"
description="Cukrászdánkban a minőségre helyezzük a hangsúlyt. Süteményeinket naponta frissen készítjük, emellett pedig falatozónkban melegszendvicsekkel, pizzával és egyéb ínycsiklandó fogásokkal várjuk az éheseket."
imageSrc="http://img.b2bpic.net/free-photo/appetizing-homemade-chocolate-cake-hands-woman-closeup-home-holiday-concept_169016-46284.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesComparison
tag="Amit kínálunk"
title="Miért látogasson el hozzánk?"
description="Folyamatosan fejlesztjük kínálatunkat, hogy mindenki megtalálja a számítását, legyen szó édes kényeztetésről vagy egy gyors ebédről."
negativeItems={[
"Ipari adalékanyagok",
"Várakozási idő csúcsidőben",
"Korlátozott parkolási hely",
"Zajos forgalmi utca",
"Hétfőn zárva",
]}
positiveItems={[
"Friss, házi alapanyagok",
"Ingyenes Wi-Fi",
"Bankkártyás fizetés",
"Kutyabarát környezet",
"Széles vegetáriánus kínálat",
]}
/>
</SectionErrorBoundary>
</div>
tag="Amit kínálunk"
title="Miért látogasson el hozzánk?"
description="Folyamatosan fejlesztjük kínálatunkat, hogy mindenki megtalálja a számítását, legyen szó édes kényeztetésről vagy egy gyors ebédről."
negativeItems={[
"Ipari adalékanyagok", "Várakozási idő csúcsidőben", "Korlátozott parkolási hely", "Zajos forgalmi utca", "Hétfőn zárva"]}
positiveItems={[
"Friss, házi alapanyagok", "Ingyenes Wi-Fi", "Bankkártyás fizetés", "Kutyabarát környezet", "Széles vegetáriánus kínálat"]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Kínálatunk"
title="Kóstolja meg különlegességeinket"
description="Nézzen körül gazdag választékunkban, a klasszikus krémestől a ropogós pizzáig."
items={[
{
title: "Kézműves sütemények",
description: "Friss, hagyományos receptúrák.",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fudge-cake_1339-7272.jpg",
},
{
title: "Friss pizzák",
description: "Ropogós tészta, gazdag feltét.",
imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza_2829-14292.jpg",
},
{
title: "Prémium kávék",
description: "Tökéletes pörkölés minden csészében.",
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251693.jpg",
},
{
title: "Macaron válogatás",
description: "Színpompás, lágy ízek.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-appetizing-bakery-food_23-2149299434.jpg",
},
{
title: "Melegszendvicsek",
description: "Gyors, laktató falatok.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-juice_23-2148633419.jpg",
},
{
title: "Házi fagylalt",
description: "Krémes hűsítő élmény.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-watermelon-with-blueberries_169016-4917.jpg",
},
{
title: "Tea különlegességek",
description: "Nyugtató délutáni élmény.",
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Kínálatunk"
title="Kóstolja meg különlegességeinket"
description="Nézzen körül gazdag választékunkban, a klasszikus krémestől a ropogós pizzáig."
items={[
{ title: "Kézműves sütemények", description: "Friss, hagyományos receptúrák.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fudge-cake_1339-7272.jpg" },
{ title: "Friss pizzák", description: "Ropogós tészta, gazdag feltét.", imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza_2829-14292.jpg" },
{ title: "Prémium kávék", description: "Tökéletes pörkölés minden csészében.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-table_23-2148251693.jpg" },
{ title: "Macaron válogatás", description: "Színpompás, lágy ízek.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-appetizing-bakery-food_23-2149299434.jpg" },
{ title: "Melegszendvicsek", description: "Gyors, laktató falatok.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-with-juice_23-2148633419.jpg" },
{ title: "Házi fagylalt", description: "Krémes hűsítő élmény.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-watermelon-with-blueberries_169016-4917.jpg" },
{ title: "Tea különlegességek", description: "Nyugtató délutáni élmény.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
tag="Csapatunk"
title="Kik állnak a Drazsé mögött?"
description="Szenvedélyes csapatunk mindent megtesz azért, hogy az itt töltött idő igazi élmény legyen."
members={[
{
name: "Kovács Anna",
role: "Főcukrász",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-cook-chef-uniform-holding-pointing-plate-cake-isolated-pink-space_141793-44850.jpg",
},
{
name: "Szabó Gábor",
role: "Üzletvezető",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-headphones-looking-front-smiling-with-confident-expression-standing-pink-wall_141793-52548.jpg",
},
{
name: "Nagy Eszter",
role: "Barista",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-pouring-flour-into-eggs-dough-dark-pastry-cake-pie-bakery-worker-hotcake-cuisine-job_179666-43866.jpg",
},
{
name: "Kiss Péter",
role: "Pizzamester",
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-male-cook-wearing-chef-uniform-holding-batch-eggs_141793-38190.jpg",
},
{
name: "Tóth Bence",
role: "Pincér",
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-male-employee-with-headset_53876-128803.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Csapatunk"
title="Kik állnak a Drazsé mögött?"
description="Szenvedélyes csapatunk mindent megtesz azért, hogy az itt töltött idő igazi élmény legyen."
members={[
{ name: "Kovács Anna", role: "Főcukrász", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-cook-chef-uniform-holding-pointing-plate-cake-isolated-pink-space_141793-44850.jpg" },
{ name: "Szabó Gábor", role: "Üzletvezető", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-headphones-looking-front-smiling-with-confident-expression-standing-pink-wall_141793-52548.jpg" },
{ name: "Nagy Eszter", role: "Barista", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-pouring-flour-into-eggs-dough-dark-pastry-cake-pie-bakery-worker-hotcake-cuisine-job_179666-43866.jpg" },
{ name: "Kiss Péter", role: "Pizzamester", imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-male-cook-wearing-chef-uniform-holding-batch-eggs_141793-38190.jpg" },
{ name: "Tóth Bence", role: "Pincér", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-male-employee-with-headset_53876-128803.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Vendégeink mondták"
title="Miért szeretnek minket?"
description="Hálásak vagyunk minden visszajelzésért, ami segít minket a fejlődésben."
testimonials={[
{
name: "Csilla",
role: "Helyi lakos",
quote: "Nagyon meg voltunk elégedve a süteményekkel, nagy volt a választék.",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
},
{
name: "Iván",
role: "Visszatérő vendég",
quote: "Hangulatos hely, szívesen térünk be ide egy kávéra.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16389.jpg",
},
{
name: "Erika",
role: "Családos vendég",
quote: "Gyerekeim imádják a fagylaltot, mindig friss és finom.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg",
},
{
name: "Zoltán",
role: "Látogató",
quote: "Kellemes meglepetés volt a falatozó rész, jó ételek.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-food_23-2148866916.jpg",
},
{
name: "Mária",
role: "Törzsvendég",
quote: "Barátságos kiszolgálás, remek hely a mindennapi kikapcsolódáshoz.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Vendégeink mondták"
title="Miért szeretnek minket?"
description="Hálásak vagyunk minden visszajelzésért, ami segít minket a fejlődésben."
testimonials={[
{ name: "Csilla", role: "Helyi lakos", quote: "Nagyon meg voltunk elégedve a süteményekkel, nagy volt a választék.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg" },
{ name: "Iván", role: "Visszatérő vendég", quote: "Hangulatos hely, szívesen térünk be ide egy kávéra.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16389.jpg" },
{ name: "Erika", role: "Családos vendég", quote: "Gyerekeim imádják a fagylaltot, mindig friss és finom.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg" },
{ name: "Zoltán", role: "Látogató", quote: "Kellemes meglepetés volt a falatozó rész, jó ételek.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-food_23-2148866916.jpg" },
{ name: "Mária", role: "Törzsvendég", quote: "Barátságos kiszolgálás, remek hely a mindennapi kikapcsolódáshoz.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="GYIK"
title="Gyakori kérdések"
description="Itt megtalálja a leggyakrabban felmerülő kérdésekre a válaszokat."
categories={[
{
name: "Általános",
items: [
{
question: "Mikor tartanak nyitva?",
answer: "Minden nap várjuk vendégeinket 19:00-ig.",
},
{
question: "Van-e lehetőség bankkártyás fizetésre?",
answer: "Természetesen, minden szokásos bankkártyát elfogadunk.",
},
],
},
{
name: "Szolgáltatások",
items: [
{
question: "Behozhatom a kutyámat?",
answer: "Igen, nálunk a kutyák is szívesen látott vendégek.",
},
{
question: "Van-e Wi-Fi?",
answer: "Ingyenes Wi-Fi hozzáférést biztosítunk minden vendégünknek.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="GYIK"
title="Gyakori kérdések"
description="Válaszok a leggyakrabban feltett kérdésekre."
categories={[
{
name: "Általános", items: [
{ question: "Mikor tartanak nyitva?", answer: "Minden nap várjuk vendégeinket 19:00-ig." },
{ question: "Van-e lehetőség bankkártyás fizetésre?", answer: "Természetesen, minden szokásos bankkártyát elfogadunk." }
]
},
{
name: "Szolgáltatások", items: [
{ question: "Behozhatom a kutyámat?", answer: "Igen, nálunk a kutyák is szívesen látott vendégek." },
{ question: "Van-e Wi-Fi?", answer: "Ingyenes Wi-Fi hozzáférést biztosítunk minden vendégünknek." }
]
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Kapcsolat"
text="Kérdése van, vagy rendelne valamit? Vegye fel velünk a kapcsolatot!"
primaryButton={{
text: "Hívjon minket most",
href: "tel:+36705845137",
}}
secondaryButton={{
text: "Google Térkép",
href: "https://maps.app.goo.gl/5W5W+X5",
}}
/>
</SectionErrorBoundary>
</div>
tag="Kapcsolat"
text="Kérdése van, vagy rendelne valamit? Vegye fel velünk a kapcsolatot!"
primaryButton={{ text: "Hívjon minket most", href: "tel:+36705845137" }}
secondaryButton={{ text: "Google Térkép", href: "https://maps.app.goo.gl/5W5W+X5" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}