133 lines
6.8 KiB
TypeScript
133 lines
6.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumLarge"
|
||
background="aurora"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "Home", id: "/" },
|
||
{ name: "Menu", id: "/menu" },
|
||
{ name: "Over Ons", id: "/about" },
|
||
{ name: "Contact", id: "/contact" },
|
||
]}
|
||
brandName="Atlantics BV"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero-section" data-section="hero-section">
|
||
<HeroSplitTestimonial
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
title="Beste Kebab in Lummen – Vers, Snel en Overheerlijk"
|
||
description="Al jaren een vaste waarde met 4.6⭐ uit 276 reviews"
|
||
testimonials={[
|
||
{ name: "Sarah", handle: "@sarah", testimonial: "Altijd super lekker eten!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dalgona-cookie_23-2149234603.jpg" },
|
||
{ name: "Tom", handle: "@tom", testimonial: "Beste kebab van Limburg!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-cook-holding-apple-pizza-white_114579-89101.jpg" },
|
||
{ name: "Jan", handle: "@jan_lummen", testimonial: "Snelle service en verse groenten.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg" },
|
||
{ name: "Emma", handle: "@emmadevries", testimonial: "De kapsalon is hier echt ongeëvenaard.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-dark-green-shirt-holding-plate-with-fruits_140725-21052.jpg" },
|
||
{ name: "Dieter", handle: "@dieterv", testimonial: "Ideale plek voor een snelle lunch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-glasses-gray-wall_114579-55336.jpg" }
|
||
]}
|
||
buttons={[
|
||
{ text: "Bestel Nu", href: "/menu" },
|
||
{ text: "Bekijk Menu", href: "/menu" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/platter-lula-potato-kebab-garnished-with-onion-sumac_140725-8845.jpg"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
title=""
|
||
description=""
|
||
leftCarouselItems={[]}
|
||
rightCarouselItems={[]}
|
||
background={{ variant: "plain" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-section" data-section="about-section">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Al 10+ jaar een vaste waarde in Lummen"
|
||
description="Wij combineren jarenlange ervaring met de beste ingrediënten om de perfecte kebab te bereiden voor onze loyale klanten."
|
||
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145558.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu-grid" data-section="menu-grid">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "1", brand: "Klassiek", name: "Kebab broodje", price: "€8.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-assortment_23-2149598944.jpg" },
|
||
{ id: "2", brand: "Klassiek", name: "Dürüm", price: "€9.00", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-sandwich-made-meat-grilled-spit-with-seasonings-blue-desk-sandwich-burger-meat-food-meal-lunch_140725-64485.jpg" },
|
||
{ id: "3", brand: "Klassiek", name: "Kapsalon", price: "€11.00", rating: 5, reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/egg-biryani-with-french-fires_505751-5130.jpg" },
|
||
{ id: "4", brand: "Pizza", name: "Pizza", price: "€12.50", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-margherita-pizza-with-fresh-basil_23-2151997964.jpg" }
|
||
]}
|
||
title="Onze Featured Gerechten"
|
||
description="Ontdek de favorieten van onze klanten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Jan", role: "Loyale klant", company: "Lummen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
|
||
{ id: "2", name: "Marie", role: "Customer", company: "Lummen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304419.jpg" },
|
||
{ id: "3", name: "Pieter", role: "Fan", company: "Limburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blowing-maple-leaves-looking-camera_23-2148229394.jpg" },
|
||
{ id: "4", name: "Sofie", role: "Fan", company: "Lummen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5044.jpg" },
|
||
{ id: "5", name: "Tom", role: "Fan", company: "Lummen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg" }
|
||
]}
|
||
kpiItems={[
|
||
{ value: "276+", label: "Tevreden Klanten" },
|
||
{ value: "10+", label: "Jaar Ervaring" },
|
||
{ value: "4.6", label: "Sterren Rating" }
|
||
]}
|
||
title="Wat onze klanten zeggen"
|
||
description="4.6/5 op basis van 276 reviews. Wij luisteren naar onze klanten en verbeteren continu."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{ title: "Menu", items: [{ label: "Kebab", href: "/menu" }, { label: "Pizza", href: "/menu" }, { label: "Snacks", href: "/menu" }] },
|
||
{ title: "Info", items: [{ label: "Contact", href: "/contact" }, { label: "Over Ons", href: "/about" }] }
|
||
]}
|
||
logoText="Atlantics BV"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|