Merge version_1 into main #2
286
src/app/page.tsx
286
src/app/page.tsx
@@ -26,211 +26,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Saleya"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Over ons", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Saleya"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Proef de smaken van Marokko"
|
||||
description="In het hart van Culemborg, waar authentieke tradities en moderne smaken samenkomen."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-restaurant_23-2150491806.jpg",
|
||||
imageAlt: "Moroccan lunch ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-table-served-with-various-food-fried-eggs-with-tomatoes-sausages-cheese-fresh-salad-dessert-tea_140725-12147.jpg?_wi=1",
|
||||
imageAlt: "Moroccan breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-with-mint-dried-herbs-lemon-sweeties-cup-dark-blue-surface-high-angle-view_176474-6743.jpg?_wi=1",
|
||||
imageAlt: "Fresh mint tea",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-food-near-cups-drink_23-2148080968.jpg?_wi=1",
|
||||
imageAlt: "Authentic tagine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751959.jpg?_wi=1",
|
||||
imageAlt: "Harira soup bowl",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Proef de smaken van Marokko"
|
||||
description="In het hart van Culemborg, waar authentieke tradities en moderne smaken samenkomen."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-restaurant_23-2150491806.jpg", imageAlt: "Moroccan lunch ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-table-served-with-various-food-fried-eggs-with-tomatoes-sausages-cheese-fresh-salad-dessert-tea_140725-12147.jpg", imageAlt: "Moroccan breakfast" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tea-with-mint-dried-herbs-lemon-sweeties-cup-dark-blue-surface-high-angle-view_176474-6743.jpg", imageAlt: "Fresh mint tea" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-food-near-cups-drink_23-2148080968.jpg", imageAlt: "Authentic tagine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751959.jpg", imageAlt: "Harira soup bowl" },
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Welkom"
|
||||
title="Over Saleya"
|
||||
description="Lunchroom Saleya is een warme plek waar je kunt genieten van authentieke Marokkaanse smaken gecombineerd met moderne lunchgerechten."
|
||||
subdescription="Of je nu komt voor een uitgebreid ontbijt of een ontspannen lunch, wij zorgen dat je je welkom voelt."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312227.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Welkom"
|
||||
title="Over Saleya"
|
||||
description="Lunchroom Saleya is een warme plek waar je kunt genieten van authentieke Marokkaanse smaken gecombineerd met moderne lunchgerechten."
|
||||
subdescription="Of je nu komt voor een uitgebreid ontbijt of een ontspannen lunch, wij zorgen dat je je welkom voelt."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312227.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Ontbijt",
|
||||
name: "Marokkaans ontbijt",
|
||||
price: "€14.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-table-served-with-various-food-fried-eggs-with-tomatoes-sausages-cheese-fresh-salad-dessert-tea_140725-12147.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Specialiteit",
|
||||
name: "Msemmen met honing",
|
||||
price: "€6.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-jewish-food-high-angle_23-2148814477.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Dranken",
|
||||
name: "Verse muntthee",
|
||||
price: "€3.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-with-mint-dried-herbs-lemon-sweeties-cup-dark-blue-surface-high-angle-view_176474-6743.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Lunch",
|
||||
name: "Saleya Tagine",
|
||||
price: "€16.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-food-near-cups-drink_23-2148080968.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Soep",
|
||||
name: "Harira Soep",
|
||||
price: "€7.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751959.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Dranken",
|
||||
name: "Verse Jus d'orange",
|
||||
price: "€4.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-protein-breakfast-with-eggs-fruit_23-2148230513.jpg",
|
||||
},
|
||||
]}
|
||||
title="Populaire gerechten"
|
||||
description="Ontdek onze favoriete traditionele keuzes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Ontbijt", name: "Marokkaans ontbijt", price: "€14.50", rating: 5, reviewCount: "45 reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-table-served-with-various-food-fried-eggs-with-tomatoes-sausages-cheese-fresh-salad-dessert-tea_140725-12147.jpg" },
|
||||
{ id: "2", brand: "Specialiteit", name: "Msemmen met honing", price: "€6.50", rating: 5, reviewCount: "32 reviews", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-jewish-food-high-angle_23-2148814477.jpg" },
|
||||
{ id: "3", brand: "Dranken", name: "Verse muntthee", price: "€3.50", rating: 5, reviewCount: "88 reviews", imageSrc: "http://img.b2bpic.net/free-photo/tea-with-mint-dried-herbs-lemon-sweeties-cup-dark-blue-surface-high-angle-view_176474-6743.jpg" },
|
||||
{ id: "4", brand: "Lunch", name: "Saleya Tagine", price: "€16.00", rating: 4, reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-food-near-cups-drink_23-2148080968.jpg" },
|
||||
{ id: "5", brand: "Soep", name: "Harira Soep", price: "€7.00", rating: 5, reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751959.jpg" },
|
||||
{ id: "6", brand: "Dranken", name: "Verse Jus d'orange", price: "€4.00", rating: 5, reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-protein-breakfast-with-eggs-fruit_23-2148230513.jpg" },
|
||||
]}
|
||||
title="Populaire gerechten"
|
||||
description="Ontdek onze favoriete traditionele keuzes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Veelgestelde vragen"
|
||||
sideDescription="Hier vind je antwoorden op de meest voorkomende vragen over onze lunchroom."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Zijn jullie ook open in het weekend?",
|
||||
content: "Ja, wij zijn dagelijks geopend voor ontbijt en lunch, ook op zaterdag en zondag.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hebben jullie vegetarische opties?",
|
||||
content: "Absoluut! Onze kaart bevat diverse vegetarische Marokkaanse gerechten en ontbijtopties.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Moet ik reserveren?",
|
||||
content: "Reserveren is niet verplicht maar wel aanbevolen tijdens drukke weekenden of voor grotere groepen.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is er parkeergelegenheid?",
|
||||
content: "Er zijn diverse parkeergarages en parkeerplekken in de buurt van de Varkensmarkt in Culemborg.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Veelgestelde vragen"
|
||||
sideDescription="Hier vind je antwoorden op de meest voorkomende vragen over onze lunchroom."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Zijn jullie ook open in het weekend?", content: "Ja, wij zijn dagelijks geopend voor ontbijt en lunch, ook op zaterdag en zondag." },
|
||||
{ id: "f2", title: "Hebben jullie vegetarische opties?", content: "Absoluut! Onze kaart bevat diverse vegetarische Marokkaanse gerechten en ontbijtopties." },
|
||||
{ id: "f3", title: "Moet ik reserveren?", content: "Reserveren is niet verplicht maar wel aanbevolen tijdens drukke weekenden of voor grotere groepen." },
|
||||
{ id: "f4", title: "Is er parkeergelegenheid?", content: "Er zijn diverse parkeergarages en parkeerplekken in de buurt van de Varkensmarkt in Culemborg." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Varkensmarkt 5, Culemborg"
|
||||
description="Bel ons op 0345 525 380 of kom langs. Dagelijks geopend voor ontbijt en lunch."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Varkensmarkt 5, Culemborg"
|
||||
description="Bel ons op 0345 525 380 of kom langs. Dagelijks geopend voor ontbijt en lunch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Saleya"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Over ons", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Algemene Voorwaarden", href: "#" }] },
|
||||
]}
|
||||
logoText="Saleya"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user