Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -10,7 +10,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Coffee, Cookie, Leaf, MapPin } from "lucide-react";
|
||||
import { Coffee, Cookie, Leaf, MapPin, Gift, IceCream, Cake, BookOpen } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Assortiment",
|
||||
id: "products",
|
||||
},
|
||||
name: "Assortiment", id: "products"},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over ons", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LuxeCafé"
|
||||
/>
|
||||
@@ -54,85 +46,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pure genieten, van koffie tot chocolade"
|
||||
description="Your local destination for delicious moments — coffee, sweets, gifts, and more."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Soorten chocola",
|
||||
},
|
||||
value: "100+", label: "Soorten chocola"},
|
||||
{
|
||||
value: "Premium",
|
||||
label: "Koffiekwaliteit",
|
||||
},
|
||||
value: "Premium", label: "Koffiekwaliteit"},
|
||||
{
|
||||
value: "Elke dag",
|
||||
label: "Versheid",
|
||||
},
|
||||
value: "Elke dag", label: "Versheid"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ontdek ons assortiment",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ontdek ons assortiment", href: "#products"},
|
||||
{
|
||||
text: "Kom langs vandaag",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kom langs vandaag", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg",
|
||||
alt: "Klant 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg", alt: "Klant 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
alt: "Klant 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Klant 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg",
|
||||
alt: "Klant 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg", alt: "Klant 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg",
|
||||
alt: "Klant 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg", alt: "Klant 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg",
|
||||
alt: "Klant 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg", alt: "Klant 5"},
|
||||
]}
|
||||
avatarText="Meer dan 1.000 tevreden klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vers gebrand",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Vers gebrand", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ambachtelijk",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Ambachtelijk", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Duurzaam",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Duurzaam", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Lokaal",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Lokaal", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Huisgemaakt",
|
||||
icon: Cookie,
|
||||
type: "text-icon", text: "Huisgemaakt", icon: Cookie,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,40 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Coffee & To-Go",
|
||||
description: "Premium coffee, fresh and fast.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg?_wi=2",
|
||||
imageAlt: "warm cafe interior coffee chocolate",
|
||||
},
|
||||
title: "Coffee & To-Go", description: "Premium coffee, fresh and fast.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg", imageAlt: "warm cafe interior coffee chocolate"},
|
||||
{
|
||||
title: "Chocolates",
|
||||
description: "Artisan chocolates, sweets, and indulgences.",
|
||||
buttonIcon: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg?_wi=1",
|
||||
imageAlt: "artisan chocolate truffles luxury",
|
||||
},
|
||||
title: "Chocolates", description: "Artisan chocolates, sweets, and indulgences.", buttonIcon: Gift,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg", imageAlt: "artisan chocolate truffles luxury"},
|
||||
{
|
||||
title: "Ice Cream",
|
||||
description: "Delicious, refreshing, and loved by all.",
|
||||
buttonIcon: "IceCream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg?_wi=1",
|
||||
imageAlt: "fresh brewed coffee latte art",
|
||||
},
|
||||
title: "Ice Cream", description: "Delicious, refreshing, and loved by all.", buttonIcon: IceCream,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg", imageAlt: "fresh brewed coffee latte art"},
|
||||
{
|
||||
title: "Catering",
|
||||
description: "Delight your guests with our selection.",
|
||||
buttonIcon: "Cake",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pier_23-2151974570.jpg?_wi=1",
|
||||
imageAlt: "gourmet ice cream scoops summer",
|
||||
},
|
||||
title: "Catering", description: "Delight your guests with our selection.", buttonIcon: Cake,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pier_23-2151974570.jpg", imageAlt: "gourmet ice cream scoops summer"},
|
||||
{
|
||||
title: "Workshops",
|
||||
description: "Learn the art of chocolate making.",
|
||||
buttonIcon: "BookOpen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg",
|
||||
imageAlt: "smiling customer coffee shop portrait",
|
||||
},
|
||||
title: "Workshops", description: "Learn the art of chocolate making.", buttonIcon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg", imageAlt: "smiling customer coffee shop portrait"},
|
||||
]}
|
||||
title="Wat wij aanbieden"
|
||||
description="Van verfijnde koffie tot ambachtelijke chocolade en verrassende cadeautjes."
|
||||
@@ -192,50 +133,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxe",
|
||||
name: "Handmade Truffles",
|
||||
price: "€12.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Luxe", name: "Handmade Truffles", price: "€12.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "House Blend Coffee",
|
||||
price: "€8.90",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Signature", name: "House Blend Coffee", price: "€8.90", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Classic",
|
||||
name: "Gelato Selection",
|
||||
price: "€3.50",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pier_23-2151974570.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Classic", name: "Gelato Selection", price: "€3.50", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pier_23-2151974570.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Premium",
|
||||
name: "Dark Chocolate Bar",
|
||||
price: "€6.00",
|
||||
rating: 5,
|
||||
reviewCount: "62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg?_wi=3",
|
||||
},
|
||||
id: "p4", brand: "Premium", name: "Dark Chocolate Bar", price: "€6.00", rating: 5,
|
||||
reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Fresh",
|
||||
name: "Cold Brew",
|
||||
price: "€4.50",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg?_wi=3",
|
||||
},
|
||||
id: "p5", brand: "Fresh", name: "Cold Brew", price: "€4.50", rating: 4,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg"},
|
||||
]}
|
||||
title="Onze favorieten"
|
||||
description="Een greep uit onze ambachtelijke selectie."
|
||||
@@ -248,60 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jansen",
|
||||
date: "2023-10-12",
|
||||
title: "Heerlijk!",
|
||||
quote: "Heerlijke koffie en chocolaatjes — en zó vriendelijk!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
imageAlt: "relaxed customer interior portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Jansen", date: "2023-10-12", title: "Heerlijk!", quote: "Heerlijke koffie en chocolaatjes — en zó vriendelijk!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-female-listening-friends-story_23-2148395467.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageAlt: "relaxed customer interior portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "2023-09-05",
|
||||
title: "Superleuk",
|
||||
quote: "Superleuke winkel met een ruim assortiment.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg",
|
||||
imageAlt: "satisfied customer ice cream",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", date: "2023-09-05", title: "Superleuk", quote: "Superleuke winkel met een ruim assortiment.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageSrc: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg", imageAlt: "satisfied customer ice cream"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2023-08-20",
|
||||
title: "Verrukkelijk",
|
||||
quote: "Verrukkelijk ijs en niet duur!",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg",
|
||||
imageAlt: "friendly customer portrait cafe",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", date: "2023-08-20", title: "Verrukkelijk", quote: "Verrukkelijk ijs en niet duur!", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/parents-son-eating-sweets-breakfast_23-2148574092.jpg", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg", imageAlt: "friendly customer portrait cafe"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "2023-07-15",
|
||||
title: "Aanrader",
|
||||
quote: "Altijd een warm welkom en de beste koffie.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-details-autumn-home-decor-blurred-background_169016-23622.jpg?_wi=1",
|
||||
imageAlt: "warm cafe counter staff serving",
|
||||
},
|
||||
id: "t4", name: "David Kim", date: "2023-07-15", title: "Aanrader", quote: "Altijd een warm welkom en de beste koffie.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-details-autumn-home-decor-blurred-background_169016-23622.jpg", imageAlt: "warm cafe counter staff serving"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie de Vries",
|
||||
date: "2023-06-10",
|
||||
title: "Top service",
|
||||
quote: "De beste plek in de wijk om even te zitten.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-balcony-old-house-pals-spain_181624-40218.jpg",
|
||||
imageAlt: "warm inviting cafe shop entrance",
|
||||
},
|
||||
id: "t5", name: "Sophie de Vries", date: "2023-06-10", title: "Top service", quote: "De beste plek in de wijk om even te zitten.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-balcony-old-house-pals-spain_181624-40218.jpg", imageAlt: "warm inviting cafe shop entrance"},
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="Wat onze klanten over ons zeggen."
|
||||
@@ -313,7 +179,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Meer dan een winkel — een beleving"
|
||||
description="Step inside and discover a warm, welcoming space filled with delightful aromas, friendly faces, and shelves full of surprises. Whether you're grabbing a quick coffee, picking up a gift, or treating yourself — every visit feels special."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-details-autumn-home-decor-blurred-background_169016-23622.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-details-autumn-home-decor-blurred-background_169016-23622.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -321,13 +187,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Kom langs en proef het verschil. We staan voor je klaar met een glimlach, goede koffie en iets lekkers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan je bezoek",
|
||||
},
|
||||
text: "Plan je bezoek"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,13 +200,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LuxeCafé"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user