Merge version_2 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Ervaring",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Reserveer",
|
||||
id: "reserve",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Ervaring", id: "experience" },
|
||||
{ name: "Reserveer", id: "reserve" },
|
||||
]}
|
||||
brandName="KOUROS"
|
||||
/>
|
||||
@@ -52,20 +40,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Authentieke Griekse smaak. Onvergetelijke avonden."
|
||||
description="Ontdek waarom Kouros altijd volgeboekt is. Een culinaire reis naar de essentie van Griekenland."
|
||||
tag="Vaak volgeboekt – reserveer op tijd"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserveer een tafel",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
text: "Bestel nu",
|
||||
href: "#reserve",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-thai-street-food_53876-18298.jpg?_wi=1"
|
||||
title="Authentieke Griekse smaak."
|
||||
description="Ervaar verfijnde Griekse gastronomie in een modern jasje. Kouros combineert traditie met een eigentijdse flair."
|
||||
tag="Vaak volgeboekt"
|
||||
buttons={[{ text: "Reserveer nu", href: "#reserve" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-4r3kt8ke.jpg"
|
||||
showDimOverlay={true}
|
||||
tagIcon={Calendar}
|
||||
/>
|
||||
@@ -74,21 +53,14 @@ export default function LandingPage() {
|
||||
<div id="experience" data-section="experience">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Waar geweldig eten en gastvrijheid samenkomen"
|
||||
description="Kouros is meer dan een restaurant; het is een plek waar passie voor de Griekse keuken en warme, vriendelijke service centraal staan. Wij geloven in constante kwaliteit en aandacht voor detail."
|
||||
title="Culinaire verfijning"
|
||||
description="We serveren de essentie van de Middellandse Zee met uitsluitend dagverse producten en een passie voor kwaliteit."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Authentieke Griekse kwaliteit",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Passie in elk detail",
|
||||
},
|
||||
{ value: "100%", title: "Dagvers" },
|
||||
{ value: "Top", title: "Service" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-3qf98dyc.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,40 +68,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Kouros Mixed Grill",
|
||||
price: "vanaf €24,50",
|
||||
variant: "Gegrild vlees",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100159.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Souvlaki Traditie",
|
||||
price: "€18,50",
|
||||
variant: "Gegrild vlees",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100159.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Verse Griekse Salade",
|
||||
price: "€12,50",
|
||||
variant: "Verse salades",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100159.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Gegrilde Calamari",
|
||||
price: "€19,50",
|
||||
variant: "Vis en seafood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100159.jpg?_wi=4",
|
||||
},
|
||||
{ id: "m1", name: "Signature Grill", price: "€26,50", variant: "Vlees", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-4r3kt8ke.jpg" },
|
||||
{ id: "m2", name: "Luxe Mezze", price: "€19,50", variant: "Voorgerecht", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-3qf98dyc.png" },
|
||||
{ id: "m3", name: "Daily Special", price: "€22,00", variant: "Special", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-4r3kt8ke.jpg" },
|
||||
]}
|
||||
title="Onze Klassiekers"
|
||||
description="Perfect gegrild, extreem mals en rijk van smaak."
|
||||
title="Onze Signature Gerechten"
|
||||
description="Proef de moderne interpretatie van Griekse klassiekers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,122 +85,28 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "12-05-2024",
|
||||
title: "Lekkerste Griek",
|
||||
quote: "Ongelooflijk smaakvol eten, duidelijk met zorg bereid.",
|
||||
tag: "Lokaal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081866.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-thai-street-food_53876-18298.jpg?_wi=2",
|
||||
imageAlt: "greek grill fire food",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael D.",
|
||||
date: "20-05-2024",
|
||||
title: "Top kwaliteit",
|
||||
quote: "Mals en sappig vlees – beter dan de meeste Griekse restaurants.",
|
||||
tag: "Regelmatige gast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100159.jpg?_wi=5",
|
||||
imageAlt: "greek food platter luxury",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "02-06-2024",
|
||||
title: "Gastvrij",
|
||||
quote: "Vriendelijk en attent personeel dat je welkom laat voelen.",
|
||||
tag: "Nieuwkomer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylush-successful-ambitious-attractive-young-female-marketing-specialist-sit-restaurant-modern-cafe-eat-healthy-salad-drink-coffee-smiling-delighted-business-meeting-lunch-discuss-work_197531-22203.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg?_wi=2",
|
||||
imageAlt: "luxury restaurant interior",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "15-06-2024",
|
||||
title: "Blijf komen",
|
||||
quote: "Altijd druk – reserveren aanbevolen, maar het is het waard!",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-food-wine_23-2148454126.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081866.jpg",
|
||||
imageAlt: "happy diner restaurant",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucas P.",
|
||||
date: "20-06-2024",
|
||||
title: "Absolute aanrader",
|
||||
quote: "De sfeer is hier geweldig en het eten is nog beter.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-dark-skinned-girl-with-toothy-gentle-smile_273609-28712.jpg",
|
||||
imageAlt: "happy customer dining",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", date: "2024", title: "Puik", quote: "Nieuwe favoriet in de stad.", tag: "Lokaal", avatarSrc: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-3qf98dyc.png" },
|
||||
{ id: "t2", name: "Mark L.", date: "2024", title: "Luxe", quote: "Echt een aanrader voor fijnproevers.", tag: "Gast", avatarSrc: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhwEKjGjrU0DmZDNYJg7XTlKVM/uploaded-1774955498978-4r3kt8ke.jpg" },
|
||||
]}
|
||||
title="Geliefd door locals"
|
||||
description="Wat onze gasten zeggen over de Kouros ervaring."
|
||||
title="Wat gasten zeggen"
|
||||
description="Kwaliteit die spreekt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Reserveer je tafel in enkele seconden. Beperkte beschikbaarheid vanavond, wees op tijd."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserveer direct tafel",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Reserveer nu voor een exclusieve ervaring."
|
||||
buttons={[{ text: "Boek tafel", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reserveer",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Openingstijden",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Locatie",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Reserveer", href: "#reserve" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Locatie", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="KOUROS"
|
||||
/>
|
||||
@@ -261,4 +114,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user