148 lines
6.4 KiB
TypeScript
148 lines
6.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Locaties", id: "contact"},
|
|
]}
|
|
brandName="HES-D's BBQ"
|
|
button={{ text: "Bestel Nu", href: "#menu" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="HES-D's BBQ"
|
|
description="Authentic Flavours 🇸🇷. The King of BBQ."
|
|
buttons={[
|
|
{
|
|
text: "Bestel Nu", href: "#menu"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beef-chicken-kebab-bbq-with-roasted-grilled-potatoes-tomatoes-eggplants_114579-985.jpg"
|
|
imageAlt="The King of BBQ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Authentieke Smaak"
|
|
description="Wij serveren de meest authentieke BBQ gerechten in Paramaribo. Kom langs bij een van onze locaties voor een onvergetelijke maaltijd."
|
|
bulletPoints={[
|
|
{
|
|
title: "Openingstijden", description: "Ma-Za: 11:00-04:00 | Zon: 13:00-01:00"},
|
|
{
|
|
title: "Takeout & In-store", description: "Geen reserveringen nodig, kom gezellig langs."},
|
|
{
|
|
title: "Worstwaren", description: "Dagelijks vanaf 18:00 uur (Ringweg: vanaf 12:00)"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-roasting-barbecue-grill-cottage-countryside_176420-1837.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Patat Carbonade", price: "Vanaf SRD 50", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-meat-cutlets-baked-with-potatoes-tomatoes-black-plate-spices-garlics-cutlery-set-green-black-mix-colors-background_179666-46894.jpg"},
|
|
{
|
|
id: "p2", name: "Portie Bout", price: "Vanaf SRD 65", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-5868.jpg"},
|
|
{
|
|
id: "p3", name: "Portie Mix Vlees", price: "SRD 120", imageSrc: "http://img.b2bpic.net/free-photo/barbecue-with-green-pepper_181624-2534.jpg"},
|
|
]}
|
|
title="Ons Menu"
|
|
description="Vers van de grill."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John D.", role: "Fan", testimonial: "Beste BBQ in de stad!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-shopping-online-using-laptop-while-having-meal-cafe-smiling-cheerfully_273609-1350.jpg?_wi=1"},
|
|
{
|
|
id: "2", name: "Maria S.", role: "Fan", testimonial: "Altijd vers en lekker.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-with-smoked-salmon-fillet-grilled-fish-lamb-steak-wine_140725-501.jpg"},
|
|
{
|
|
id: "3", name: "Kevin P.", role: "Fan", testimonial: "Snelle service tot laat in de nacht.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg"},
|
|
{
|
|
id: "4", name: "Anil R.", role: "Fan", testimonial: "De carbonade is legendarisch.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187175.jpg"},
|
|
{
|
|
id: "5", name: "Sarah V.", role: "Fan", testimonial: "Geweldige sfeer en het vlees is perfect gegrild.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pretty-woman-shopping-online-using-laptop-while-having-meal-cafe-smiling-cheerfully_273609-1350.jpg?_wi=2"},
|
|
]}
|
|
title="Wat onze klanten zeggen"
|
|
description="Ervaringen van onze trouwe BBQ-liefhebbers in Paramaribo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Locaties & Contact"
|
|
description="Bezoek ons bij een van onze filialen."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Uw naam", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Uw email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Vragen of suggesties?", rows: 4,
|
|
required: true,
|
|
}}
|
|
mediaAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-roasting-barbecue-grill-cottage-countryside_176420-1837.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="HES-D's BBQ"
|
|
copyrightText="© 2025 HES-D's BBQ | Paramaribo"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|