Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-30 14:44:29 +00:00

View File

@@ -14,269 +14,137 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Over Ons",
id: "about",
},
{
name: "Sfeer",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Restaurant eLe"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Over Ons", id: "about" },
{ name: "Sfeer", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="Restaurant eLe"
button={{ text: "Reserveer" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Een stukje Spanje in hartje Utrecht"
description="Ervaar de passie, live muziek en heerlijke Spaanse gerechten bij Restaurant eLe aan de sfeervolle Oudegracht."
buttons={[
{
text: "Reserveer nu",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-white-woman-stylish-summer-bohemain-autfit-posing-tropical-cafe_273443-3153.jpg"
imageAlt="Restaurant eLe sfeerbeeld"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/shisha-place-with-full-furniture_140725-9261.jpg",
alt: "Shisha place with full furniture",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg",
alt: "Side view wild berries in an clay pot on the table",
},
{
src: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",
alt: "catering tablecloth plate drink background",
},
{
src: "http://img.b2bpic.net/free-photo/restaurant-table-12-persons-with-blue-chairs-fireplace-white-brick-walls-wide-window_140725-8456.jpg",
alt: "Restaurant table for 12 persons with blue chairs, fireplace, white brick walls and wide window",
},
{
src: "http://img.b2bpic.net/free-photo/french-windows-provencal-style_1101-866.jpg",
alt: "French windows provencal style",
},
]}
avatarText="Gewaardeerd door meer dan 500+ gasten"
marqueeItems={[
{
type: "text",
text: "Authentiek",
},
{
type: "text",
text: "Lekker",
},
{
type: "text",
text: "Sfeervol",
},
{
type: "text",
text: "Passie",
},
{
type: "text",
text: "Utrecht",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Een stukje Spanje in hartje Utrecht"
description="Ervaar de passie, live muziek en heerlijke Spaanse gerechten bij Restaurant eLe aan de sfeervolle Oudegracht."
buttons={[{ text: "Reserveer nu", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/pretty-white-woman-stylish-summer-bohemain-autfit-posing-tropical-cafe_273443-3153.jpg"
imageAlt="Restaurant eLe sfeerbeeld"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/shisha-place-with-full-furniture_140725-9261.jpg", alt: "Shisha place with full furniture" },
{ src: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg", alt: "Side view wild berries in an clay pot on the table" },
{ src: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg", alt: "catering tablecloth plate drink background" },
{ src: "http://img.b2bpic.net/free-photo/restaurant-table-12-persons-with-blue-chairs-fireplace-white-brick-walls-wide-window_140725-8456.jpg", alt: "Restaurant table for 12 persons with blue chairs, fireplace, white brick walls and wide window" },
{ src: "http://img.b2bpic.net/free-photo/french-windows-provencal-style_1101-866.jpg", alt: "French windows provencal style" }
]}
avatarText="Gewaardeerd door meer dan 500+ gasten"
marqueeItems={[
{ type: "text", text: "Authentiek" },
{ type: "text", text: "Lekker" },
{ type: "text", text: "Sfeervol" },
{ type: "text", text: "Passie" },
{ type: "text", text: "Utrecht" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Passie voor Spanje"
description="Restaurant eLe is meer dan alleen een diner; het is een ervaring. Geïnspireerd door passie en de rijke Spaanse cultuur, bieden wij een plek waar u zich direct thuis voelt aan de Oudegracht."
bulletPoints={[
{
title: "Authentieke Keuken",
description: "Geniet van traditionele parrilla Mar y Tierra bereid met liefde.",
},
{
title: "Live Sfeer",
description: "Regelmatig Spaanse live muziek voor de ultieme beleving.",
},
{
title: "Warme Gastvrijheid",
description: "Wij verwelkomen u met open armen in ons stukje Spanje.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cheff-cutting-pineapple-into-slices-burning-leafy-top_140725-4958.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Passie voor Spanje"
description="Restaurant eLe is meer dan alleen een diner; het is een ervaring. Geïnspireerd door passie en de rijke Spaanse cultuur, bieden wij een plek waar u zich direct thuis voelt aan de Oudegracht."
bulletPoints={[
{ title: "Authentieke Keuken", description: "Geniet van traditionele parrilla Mar y Tierra bereid met liefde." },
{ title: "Live Sfeer", description: "Regelmatig Spaanse live muziek voor de ultieme beleving." },
{ title: "Warme Gastvrijheid", description: "Wij verwelkomen u met open armen in ons stukje Spanje." }
]}
imageSrc="http://img.b2bpic.net/free-photo/cheff-cutting-pineapple-into-slices-burning-leafy-top_140725-4958.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Verse Zeegerechten",
description: "Onze calamares en gambas worden dagelijks vers bereid.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-potato-spanish-tortilla_23-2149715046.jpg",
},
{
title: "Spaanse Live Muziek",
description: "Geniet tijdens het eten van sfeervolle live optredens.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-plays-guitar-girl-top-view_169016-21496.jpg",
},
{
title: "Karakteristieke Locatie",
description: "Geniet van een sfeervol plekje aan de gracht.",
imageSrc: "http://img.b2bpic.net/free-photo/chair-front-decorative-table_23-2147730952.jpg",
},
]}
title="Onze Specialiteiten & Sfeer"
description="Ontdek waarom gasten al jarenlang kiezen voor de unieke sfeer van eLe."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Verse Zeegerechten", description: "Onze calamares en gambas worden dagelijks vers bereid.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-potato-spanish-tortilla_23-2149715046.jpg" },
{ title: "Spaanse Live Muziek", description: "Geniet tijdens het eten van sfeervolle live optredens.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-plays-guitar-girl-top-view_169016-21496.jpg" },
{ title: "Karakteristieke Locatie", description: "Geniet van een sfeervol plekje aan de gracht.", imageSrc: "http://img.b2bpic.net/free-photo/chair-front-decorative-table_23-2147730952.jpg" }
]}
title="Onze Specialiteiten & Sfeer"
description="Ontdek waarom gasten al jarenlang kiezen voor de unieke sfeer van eLe."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maury Caceres",
role: "Gast",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
},
{
id: "2",
name: "Luc Stoffels",
role: "Gast",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
},
{
id: "3",
name: "Abdel A",
role: "Gast",
company: "Google Review",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg",
},
{
id: "4",
name: "Janet",
role: "Gast",
company: "Google Review",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
},
{
id: "5",
name: "Ineke",
role: "Gast",
company: "Google Review",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
]}
title="Gastervaringen"
description="Wat onze gasten zeggen over Restaurant eLe."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Maury Caceres", role: "Gast", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg" },
{ id: "2", name: "Luc Stoffels", role: "Gast", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg" },
{ id: "3", name: "Abdel A", role: "Gast", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517444.jpg" },
{ id: "4", name: "Janet", role: "Gast", company: "Google Review", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
{ id: "5", name: "Ineke", role: "Gast", company: "Google Review", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" }
]}
title="Gastervaringen"
description="Wat onze gasten zeggen over Restaurant eLe."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Google Reviews 4.2",
"Authentiek Spaans",
"Live Muziek",
"Oudegracht",
"Top Sfeer",
"Verse Producten",
"Warme Ontvangst",
]}
title="Beoordelingen"
description="Gewaardeerd met een 4.2 door onze gasten op Google."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Google Reviews 4.2", "Authentiek Spaans", "Live Muziek", "Oudegracht", "Top Sfeer", "Verse Producten", "Warme Ontvangst"]}
title="Beoordelingen"
description="Gewaardeerd met een 4.2 door onze gasten op Google."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Neem contact op"
description="Vragen of reserveren? Wij staan u graag te woord."
inputs={[
{
name: "naam",
type: "text",
placeholder: "Uw naam",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Uw e-mailadres",
required: true,
},
]}
textarea={{
name: "bericht",
placeholder: "Uw bericht of reserveringsverzoek",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/day-city-view_1417-1755.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Neem contact op"
description="Vragen of reserveren? Wij staan u graag te woord."
inputs={[
{ name: "naam", type: "text", placeholder: "Uw naam", required: true },
{ name: "email", type: "email", placeholder: "Uw e-mailadres", required: true }
]}
textarea={{ name: "bericht", placeholder: "Uw bericht of reserveringsverzoek", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/day-city-view_1417-1755.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Restaurant eLe"
leftLink={{
text: "Oudegracht 211, Utrecht",
href: "https://maps.google.com",
}}
rightLink={{
text: "Tel: 030 231 2165",
href: "tel:0302312165",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Restaurant eLe"
leftLink={{ text: "Oudegracht 211, Utrecht", href: "https://maps.google.com" }}
rightLink={{ text: "Tel: 030 231 2165", href: "tel:0302312165" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}