Merge version_1 into main #1
376
src/app/page.tsx
376
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user