226 lines
11 KiB
TypeScript
226 lines
11 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { Clock, MapPin, Phone, Star, Users } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Grand Café De Stroat"
|
||
navItems={[
|
||
{ name: "Over ons", id: "about" },
|
||
{ name: "Wat te doen", id: "features" },
|
||
{ name: "Sfeer", id: "gallery" },
|
||
{ name: "Recensies", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{ text: "📞 Bel nu", href: "tel:+31641104150" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="Grand Café De Stroat"
|
||
description="Kom langs voor een drankje, een potje biljart en een gezellige avond met vrienden en familie."
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-serving-couple_23-2147680617.jpg", imageAlt: "Warm interior of Grand Café De Stroat with cozy seating"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{ text: "📞 Bel voor reservering", href: "tel:+31641104150" },
|
||
{ text: "📅 Reserveer een tafel", href: "#contact" }
|
||
]}
|
||
autoplayDelay={3000}
|
||
showDimOverlay={true}
|
||
ariaLabel="Hero section showcasing Grand Café De Stroat"
|
||
/>
|
||
</div>
|
||
|
||
<div id="quick-info" data-section="quick-info">
|
||
<AboutMetric
|
||
title="Essentiële informatie"
|
||
metrics={[
|
||
{ icon: MapPin, label: "Adres", value: "Azelosestraat 38, 7622 NE Borne" },
|
||
{ icon: Phone, label: "Telefoon", value: "06 41104150" },
|
||
{ icon: Clock, label: "Geopend", value: "Do-Zo vanaf 16:00" },
|
||
{ icon: Star, label: "Rating", value: "⭐ 4.3/5 Google" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<FeatureCardSeven
|
||
title="Het gezelligste café van Borne"
|
||
description="Grand Café De Stroat is het favoriete verzamelplaats voor locals in het centrum van Borne. We bieden een warme, gastvrije sfeer waar vrienden samenkomen voor dranken, spel en gezelligheid. Onze vriendelijke crew zorgt ervoor dat je je thuis voelt."
|
||
tag="Dorpscafé"
|
||
tagIcon={Users}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Biljarten", description: "Klassieke pooltafel voor gezellige avonden met vrienden", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-beer-pong-game-table-bar_23-2148037626.jpg?_wi=1", imageAlt: "Billiards table at Grand Café"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Darten", description: "Speelborden beschikbaar voor competitie en plezier", imageSrc: "http://img.b2bpic.net/free-photo/group-people-spending-time-together_329181-8440.jpg?_wi=1", imageAlt: "Darts board entertainment"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="what-to-do" data-section="what-to-do">
|
||
<FeatureCardSeven
|
||
title="Wat je hier kunt doen"
|
||
description="Van het perfecte drankje tot spelletjes en sociale ontmoetingen – Grand Café De Stroat biedt alles voor een onvergetelijke avond."
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "🍺 Dranken & Bier", description: "Vers getapt bier en een selectie van klassieke dranken", imageSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497640.jpg", imageAlt: "Beer and drinks selection"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "👥 Sociale Sfeer", description: "Vriendelijke plek waar locals graag samenkomen", imageSrc: "http://img.b2bpic.net/free-photo/group-people-spending-time-together_329181-8440.jpg?_wi=2", imageAlt: "Social gathering atmosphere"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "🎱 Spelletjes", description: "Biljart, darten en meer voor avondvermak", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-beer-pong-game-table-bar_23-2148037626.jpg?_wi=2", imageAlt: "Games and recreation"
|
||
}
|
||
]}
|
||
animationType="opacity"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
title="De sfeer van Grand Café De Stroat"
|
||
description="Ontdek de warme, uitnodigende sfeer van ons café. Bekijk foto's van ons interieur, onze bar, en de gezellige momenten die hier plaatsvinden."
|
||
products={[
|
||
{
|
||
id: "1", name: "Interieur", price: "", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg", imageAlt: "Café interior seating area"
|
||
},
|
||
{
|
||
id: "2", name: "Bar & Dranken", price: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346968.jpg", imageAlt: "Bar counter with drinks"
|
||
},
|
||
{
|
||
id: "3", name: "Gezellige Avonden", price: "", imageSrc: "http://img.b2bpic.net/free-photo/friends-table-bar_23-2147680585.jpg", imageAlt: "Friends gathering and socializing"
|
||
},
|
||
{
|
||
id: "4", name: "Spelletjes", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-playing-table-football_23-2147680607.jpg", imageAlt: "Games and entertainment"
|
||
},
|
||
{
|
||
id: "5", name: "Sfeer", price: "", imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg", imageAlt: "Evening atmosphere and lighting"
|
||
},
|
||
{
|
||
id: "6", name: "Selectie", price: "", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-beer-menu-template_23-2149671108.jpg", imageAlt: "Beverage selection"
|
||
}
|
||
]}
|
||
gridVariant="bento-grid"
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Erg leuk personeel, lekker bier en gewoon een fijne plek om met vrienden naartoe te gaan. Je voelt je hier echt welkom!"
|
||
rating={5}
|
||
author="Jan Hendrikse"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-dressed-gardening-clothes_23-2148396885.jpg", alt: "Jan Hendrikse" },
|
||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-good-looking-young-man_1262-3489.jpg", alt: "Klant 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", alt: "Klant 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-while-nature-adventure_23-2148647990.jpg", alt: "Klant 4" }
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Bel of reserveer nu"
|
||
ctaDescription="Heb je een vraag of wil je een tafel reserveren? Bel ons direct of vul het contactformulier in. We helpen je graag!"
|
||
ctaButton={{ text: "📞 06 41104150 Bellen", href: "tel:+31641104150" }}
|
||
ctaIcon={Phone}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Wat zijn jullie openingstijden?", content: "We zijn geopend op donderdag, vrijdag, zaterdag en zondag vanaf 16:00 uur. Bel ons voor speciale openingstijden op feestdagen."
|
||
},
|
||
{
|
||
id: "2", title: "Kunnen we reserveren voor een groep?", content: "Ja! We begroten graag groepen. Bel ons op 06 41104150 voor reserveringen en speciale arrangementen."
|
||
},
|
||
{
|
||
id: "3", title: "Hebben jullie biljart en darten?", content: "Ja, we hebben biljart- en dartsborden beschikbaar. Zowel spelen als toerskaken zijn mogelijk!"
|
||
},
|
||
{
|
||
id: "4", title: "Wat is het adres?", content: "Grand Café De Stroat, Azelosestraat 38, 7622 NE Borne. Gemakkelijk bereikbaar in het centrum van Borne."
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Grand Café De Stroat"
|
||
columns={[
|
||
{
|
||
title: "Informatie", items: [
|
||
{ label: "Over ons", href: "#about" },
|
||
{ label: "Wat te doen", href: "#features" },
|
||
{ label: "Galerie", href: "#gallery" },
|
||
{ label: "Recensies", href: "#testimonials" }
|
||
]
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "📞 Bel ons: 06 41104150", href: "tel:+31641104150" },
|
||
{ label: "📍 Azelosestraat 38, Borne", href: "https://maps.google.com/?q=Azelosestraat+38,+7622+NE+Borne" },
|
||
{ label: "🕒 Do-Zo 16:00+", href: "#quick-info" }
|
||
]
|
||
},
|
||
{
|
||
title: "Pagina's", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Gebruikersvoorwaarden", href: "#" },
|
||
{ label: "Contactformulier", href: "#contact" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 Grand Café De Stroat | Borne"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |