Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
148
src/app/page.tsx
148
src/app/page.tsx
@@ -10,7 +10,8 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, Flame, Heart, MapPin, Music, Utensils } from "lucide-react";
|
||||
import CardStack from '@/components/cardStack/CardStack';
|
||||
import { Clock, Flame, Heart, MapPin, Music, Utensils, Star, Wine } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Over ons", id: "#about"},
|
||||
{
|
||||
name: "Ervaringen", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Over ons", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Ervaringen", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Restaurant eLe"
|
||||
/>
|
||||
@@ -45,42 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Een stukje Spanje aan de Utrechtse gracht"
|
||||
description="Ervaar de passie, uitbundigheid en heerlijke smaken van de echte Spaanse keuken in het hart van Utrecht."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", alt: "Gasten"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Gasten"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Gasten"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-people-having-dinner-together_23-2148454086.jpg", alt: "Gasten"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-white-woman-stylish-summer-bohemain-autfit-posing-tropical-cafe_273443-3153.jpg", alt: "Gasten"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk het Menu", href: "#contact"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", alt: "Gasten" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Gasten" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Gasten" },
|
||||
]}
|
||||
buttons={[{ text: "Bekijk het Menu", href: "#menu" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Authentieke Tapas", icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Live Muziek", icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Oudegracht Locatie", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Spaanse Passie", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Dagelijks Geopend", icon: Clock,
|
||||
},
|
||||
{ type: "text-icon", text: "Authentieke Tapas", icon: Flame },
|
||||
{ type: "text-icon", text: "Live Muziek", icon: Music },
|
||||
{ type: "text-icon", text: "Oudegracht Locatie", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,31 +64,30 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Over Restaurant eLe"
|
||||
description="Restaurant eLe is een stukje Spanje in Utrecht. Wij combineren passie voor goed eten met de uitbundige Spaanse sfeer. Van onze parrilla Mar y Tierra tot de warme gastvrijheid: wij laten je thuis voelen aan de Oudegracht."
|
||||
description="Restaurant eLe is een stukje Spanje in Utrecht. Wij combineren passie voor goed eten met de uitbundige Spaanse sfeer."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-decoration-with-candle-nuts_23-2147690209.jpg"
|
||||
imageAlt="Authentiek Spaans tafellaken in restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
<div id="menu" data-section="menu">
|
||||
<CardStack
|
||||
title="Ons Menu"
|
||||
description="Een zorgvuldig samengestelde kaart vol Spaanse klassiekers en moderne favorieten."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentieke Spaanse Keuken", description: "Geniet van klassieke gerechten zoals calamares en gambas, bereid met passie.", icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "Levendige Sfeer", description: "Regelmatig live muziek en een uitbundige Spaanse ambiance die Utrecht mist.", icon: Music,
|
||||
},
|
||||
{
|
||||
title: "Top Locatie", description: "Gelegen aan de iconische Oudegracht in een sfeervol historisch pand.", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
title="Waarom kiezen voor eLe?"
|
||||
description="Wij staan voor meer dan alleen een maaltijd; we bieden een beleving."
|
||||
/>
|
||||
gridVariant="two-items-per-row"
|
||||
>
|
||||
<div className="p-8 bg-card rounded-xl border border-accent">
|
||||
<Wine className="mb-4 w-10 h-10 text-primary-cta" />
|
||||
<h3 className="text-2xl font-semibold mb-2">Tapas & Delicatessen</h3>
|
||||
<p>Van klassieke calamares tot huisgemaakte aioli en Spaanse olijven.</p>
|
||||
</div>
|
||||
<div className="p-8 bg-card rounded-xl border border-accent">
|
||||
<Flame className="mb-4 w-10 h-10 text-primary-cta" />
|
||||
<h3 className="text-2xl font-semibold mb-2">Parrilla Specials</h3>
|
||||
<p>Authentieke vlees- en visgerechten bereid op onze Spaanse grill.</p>
|
||||
</div>
|
||||
</CardStack>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
@@ -122,19 +96,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maury Caceres", role: "Gast", testimonial: "Aan de Oudegracht bevindt zich een stukje van Spanje! Voel je je gauw thuis!", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg"},
|
||||
{
|
||||
id: "2", name: "Luc Stoffels", role: "Gast", testimonial: "Wat een top sfeer en avond altijd! Fermin en Ele waren passie en uitbundigheid.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg"},
|
||||
{
|
||||
id: "3", name: "Abdel A", role: "Gast", testimonial: "Gefrituurde calamares was lekker, gambas konden ook nog wel. De Syrische ober was top.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-having-fun-while-toasting-with-champagne-taking-selfie-with-mobile-phone-meal-dining-table_637285-10244.jpg"},
|
||||
{
|
||||
id: "4", name: "Janet", role: "Gast", testimonial: "Lekker eten mooi muziekje erbij. Goede bankjes lekker sfeertje. Heerlijk gegeten.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg"},
|
||||
{
|
||||
id: "5", name: "Ineke", role: "Gast", testimonial: "Heerlijk gegeten en genoten van Spaanse live muziek en vriendelijk personeel. Top sfeer.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
|
||||
{ id: "1", name: "Maury Caceres", role: "Gast", testimonial: "Aan de Oudegracht bevindt zich een stukje van Spanje!" },
|
||||
{ id: "2", name: "Luc Stoffels", role: "Gast", testimonial: "Wat een top sfeer en avond altijd!" },
|
||||
]}
|
||||
title="Wat zeggen onze gasten?"
|
||||
description="We zijn trots op de warme woorden van onze trouwe bezoekers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,20 +108,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Kan ik reserveren?", content: "Ja, neem telefonisch contact met ons op via 030 231 2165."},
|
||||
{
|
||||
id: "q2", title: "Waar zijn jullie gevestigd?", content: "Wij bevinden ons aan de Oudegracht 211 in Utrecht."},
|
||||
{
|
||||
id: "q3", title: "Is er live muziek?", content: "Wij organiseren regelmatig avonden met live muziek voor die echte Spaanse sfeer."},
|
||||
{ id: "q1", title: "Kan ik reserveren?", content: "Ja, neem telefonisch contact met ons op via 030 231 2165." },
|
||||
{ id: "q2", title: "Waar zijn jullie gevestigd?", content: "Wij bevinden ons aan de Oudegracht 211 in Utrecht." },
|
||||
]}
|
||||
title="Veelgestelde Vragen"
|
||||
description="Heb je vragen over ons restaurant?"
|
||||
faqsAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserveer nu", href: "#contact"
|
||||
}
|
||||
{ text: "Direct Reserveren", href: "tel:0302312165" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,39 +122,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Wil je reserveren of heb je een vraag? Bel ons direct op 030 231 2165 of kom langs aan de Oudegracht 211."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel direct: 030 231 2165", href: "tel:0302312165"},
|
||||
]}
|
||||
buttons={[{ text: "Bel direct: 030 231 2165", href: "tel:0302312165" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Over ons", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials & Reviews", items: [
|
||||
{
|
||||
label: "Google Reviews", href: "https://www.google.com/maps/place/Restaurant+eLe"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigatie", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="Restaurant eLe"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user