Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-31 22:27:54 +00:00

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Over Ons",
id: "#about",
},
name: "Over Ons", id: "#about"},
{
name: "Diensten",
id: "#features",
},
name: "Diensten", id: "#features"},
{
name: "Producten",
id: "#products",
},
name: "Producten", id: "#products"},
{
name: "Prijzen",
id: "#pricing",
},
name: "Prijzen", id: "#pricing"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="LuXXyMe Houthalen"
bottomLeftText="Luxe en Kwaliteit"
@@ -74,74 +58,50 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Ontdek Luxe en Exclusiviteit"
description="Welkom bij LuXXyMe Houthalen, uw bestemming voor unieke en hoogwaardige producten en diensten. Ervaar ongeëvenaarde kwaliteit en stijl die uw verwachtingen overtreft."
tag="Uw Luxe Partner"
buttons={[
{
text: "Bekijk Collectie",
href: "#products",
},
text: "Bekijk Collectie", href: "#products"},
{
text: "Maak een Afspraak",
href: "#contact",
},
text: "Maak een Afspraak", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2016.jpg"
imageAlt="Luxueus interieur"
mediaAnimation="entrance-slide"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
alt: "Tevreden klant 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", alt: "Tevreden klant 1"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
alt: "Tevreden klant 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg", alt: "Tevreden klant 2"},
{
src: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
alt: "Tevreden klant 3",
},
src: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg", alt: "Tevreden klant 3"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
alt: "Tevreden klant 4",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg", alt: "Tevreden klant 4"},
{
src: "http://img.b2bpic.net/free-photo/magnificent-young-woman-with-elegant-hairstyle-looking-away-smiling-standing-outdoor-portrait-inspired-fair-haired-lady-with-red-manicure-holding-wineglass_197531-4295.jpg",
alt: "Tevreden klant 5",
},
src: "http://img.b2bpic.net/free-photo/magnificent-young-woman-with-elegant-hairstyle-looking-away-smiling-standing-outdoor-portrait-inspired-fair-haired-lady-with-red-manicure-holding-wineglass_197531-4295.jpg", alt: "Tevreden klant 5"},
]}
avatarText="Meer dan 1000 tevreden klanten"
marqueeItems={[
{
type: "text-icon",
text: "Exclusieve Producten",
icon: Diamond,
type: "text-icon", text: "Exclusieve Producten", icon: Diamond,
},
{
type: "text-icon",
text: "Op Maat Gemaakte Diensten",
icon: Palette,
type: "text-icon", text: "Op Maat Gemaakte Diensten", icon: Palette,
},
{
type: "text-icon",
text: "Persoonlijke Aanpak",
icon: UserCheck,
type: "text-icon", text: "Persoonlijke Aanpak", icon: UserCheck,
},
{
type: "text-icon",
text: "Unieke Interieurs",
icon: Home,
type: "text-icon", text: "Unieke Interieurs", icon: Home,
},
{
type: "text-icon",
text: "Premium Kwaliteit",
icon: Sparkles,
type: "text-icon", text: "Premium Kwaliteit", icon: Sparkles,
},
]}
marqueeSpeed={40}
@@ -158,7 +118,7 @@ export default function LandingPage() {
icon={Diamond}
imageSrc="http://img.b2bpic.net/free-photo/upset-woman-apologizing-behavior-front-fans-filming-with-mobile-phone_482257-116246.jpg"
imageAlt="Vrouwelijke interieurontwerper"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
/>
</div>
@@ -168,23 +128,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interieuradvies",
description: "Deskundig advies voor het creëren van uw droominterieur met exclusieve materialen en meubels.",
imageSrc: "http://img.b2bpic.net/free-photo/people-negotiating-about-blueprint-house_23-2148301717.jpg",
imageAlt: "Luxe interieur",
},
title: "Interieuradvies", description: "Deskundig advies voor het creëren van uw droominterieur met exclusieve materialen en meubels.", imageSrc: "http://img.b2bpic.net/free-photo/people-negotiating-about-blueprint-house_23-2148301717.jpg", imageAlt: "Luxe interieur"},
{
title: "Persoonlijke Styling",
description: "Laat onze stylisten uw persoonlijke stijl vertalen naar een unieke look voor uzelf of uw woning.",
imageSrc: "http://img.b2bpic.net/free-photo/hands-school-materials_23-2147659179.jpg",
imageAlt: "Moderne kleding en accessoires",
},
title: "Persoonlijke Styling", description: "Laat onze stylisten uw persoonlijke stijl vertalen naar een unieke look voor uzelf of uw woning.", imageSrc: "http://img.b2bpic.net/free-photo/hands-school-materials_23-2147659179.jpg", imageAlt: "Moderne kleding en accessoires"},
{
title: "Maatwerk Producten",
description: "Ontdek handgemaakte producten die speciaal voor u zijn ontworpen, van meubels tot accessoires.",
imageSrc: "http://img.b2bpic.net/free-photo/home-chair-with-beautiful-flowerpot-decorative-items_169016-1689.jpg",
imageAlt: "Ambachtelijke producten",
},
title: "Maatwerk Producten", description: "Ontdek handgemaakte producten die speciaal voor u zijn ontworpen, van meubels tot accessoires.", imageSrc: "http://img.b2bpic.net/free-photo/home-chair-with-beautiful-flowerpot-decorative-items_169016-1689.jpg", imageAlt: "Ambachtelijke producten"},
]}
title="Onze Exclusieve Diensten"
description="Wij bieden een reeks op maat gemaakte diensten aan om aan al uw luxebehoeften te voldoen."
@@ -201,47 +149,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Luxe Geurkaars",
price: "€49.99",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covered-with-blanket_23-2149172498.jpg",
imageAlt: "Luxe geurkaars",
},
id: "p1", name: "Luxe Geurkaars", price: "€49.99", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-covered-with-blanket_23-2149172498.jpg", imageAlt: "Luxe geurkaars"},
{
id: "p2",
name: "Designer Handtas",
price: "€499.00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413128.jpg",
imageAlt: "Designer handtas",
},
id: "p2", name: "Designer Handtas", price: "€499.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413128.jpg", imageAlt: "Designer handtas"},
{
id: "p3",
name: "Kunst Print",
price: "€129.99",
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa-decoration_1339-5363.jpg",
imageAlt: "Kunst print",
},
id: "p3", name: "Kunst Print", price: "€129.99", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa-decoration_1339-5363.jpg", imageAlt: "Kunst print"},
{
id: "p4",
name: "Decoratieve Vaas",
price: "€79.50",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197516.jpg",
imageAlt: "Decoratieve vaas",
},
id: "p4", name: "Decoratieve Vaas", price: "€79.50", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197516.jpg", imageAlt: "Decoratieve vaas"},
{
id: "p5",
name: "Premium Huidverzorging",
price: "€189.00",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-essential-oil-aroma-diffuser-towels-candles_169016-43249.jpg",
imageAlt: "Premium huidverzorging",
},
id: "p5", name: "Premium Huidverzorging", price: "€189.00", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-essential-oil-aroma-diffuser-towels-candles_169016-43249.jpg", imageAlt: "Premium huidverzorging"},
{
id: "p6",
name: "Moderne Tafellamp",
price: "€250.00",
imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg",
imageAlt: "Moderne tafellamp",
},
id: "p6", name: "Moderne Tafellamp", price: "€250.00", imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg", imageAlt: "Moderne tafellamp"},
]}
title="Onze Collectie"
description="Ontdek een zorgvuldig geselecteerde collectie van luxe producten die elegantie en kwaliteit uitstralen."
@@ -255,61 +173,34 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
name: "Basis Consultatie",
price: "€99",
badge: "Populair",
badgeIcon: Sparkles,
id: "basic", name: "Basis Consultatie", price: "€99", badge: "Populair", badgeIcon: Sparkles,
features: [
"1 uur advies op locatie",
"Kleuren- en stijlanalyse",
"Digitale moodboard",
],
"1 uur advies op locatie", "Kleuren- en stijlanalyse", "Digitale moodboard"],
buttons: [
{
text: "Start Vandaag",
href: "#contact",
},
text: "Start Vandaag", href: "#contact"},
],
},
{
id: "premium",
name: "Premium Ontwerp",
price: "€499",
badge: "Meest Gekozen",
badgeIcon: Star,
id: "premium", name: "Premium Ontwerp", price: "€499", badge: "Meest Gekozen", badgeIcon: Star,
features: [
"Uitgebreid ontwerp pakket",
"3D Visualisatie van ruimtes",
"Begeleiding bij aankopen",
],
"Uitgebreid ontwerp pakket", "3D Visualisatie van ruimtes", "Begeleiding bij aankopen"],
buttons: [
{
text: "Meer Info",
href: "#contact",
},
text: "Meer Info", href: "#contact"},
],
},
{
id: "vip",
name: "VIP Exclusief",
price: "€1.299",
badge: "Exclusief",
badgeIcon: Crown,
id: "vip", name: "VIP Exclusief", price: "€1.299", badge: "Exclusief", badgeIcon: Crown,
features: [
"Volledige projectbegeleiding",
"Toegang tot exclusieve leveranciers",
"Onbeperkte consultaties",
"24/7 ondersteuning",
],
"Volledige projectbegeleiding", "Toegang tot exclusieve leveranciers", "Onbeperkte consultaties", "24/7 ondersteuning"],
buttons: [
{
text: "Contacteer Ons",
href: "#contact",
},
text: "Contacteer Ons", href: "#contact"},
],
},
]}
animationType="slide-up"
title="Onze Prijsplannen"
description="Kies het plan dat het beste bij uw behoeften past en ervaar de LuXXyMe service."
tag="Prijzen"
@@ -323,59 +214,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anja Van der Velde",
role: "Interieur Styliste",
company: "Elegant Wonen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
},
id: "1", name: "Anja Van der Velde", role: "Interieur Styliste", company: "Elegant Wonen", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg"},
{
id: "2",
name: "Tom De Groot",
role: "Vastgoed Ontwikkelaar",
company: "Stijlvolle Projecten",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
},
id: "2", name: "Tom De Groot", role: "Vastgoed Ontwikkelaar", company: "Stijlvolle Projecten", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "3",
name: "Sophie Martens",
role: "Mode Consultant",
company: "Chique Looks",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg",
},
id: "3", name: "Sophie Martens", role: "Mode Consultant", company: "Chique Looks", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg"},
{
id: "4",
name: "Bart Peeters",
role: "Galeriehouder",
company: "Kunstzinnig Huis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
},
id: "4", name: "Bart Peeters", role: "Galeriehouder", company: "Kunstzinnig Huis", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg"},
{
id: "5",
name: "Carla Jacobs",
role: "Ondernemer",
company: "Luxe Leven",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1363.jpg",
},
id: "5", name: "Carla Jacobs", role: "Ondernemer", company: "Luxe Leven", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1363.jpg"},
]}
kpiItems={[
{
value: "10+",
label: "Jaren Ervaring",
},
value: "10+", label: "Jaren Ervaring"},
{
value: "500+",
label: "Tevreden Klanten",
},
value: "500+", label: "Tevreden Klanten"},
{
value: "95%",
label: "Klanttevredenheid",
},
value: "95%", label: "Klanttevredenheid"},
]}
title="Wat Klanten Zeggen"
description="Lees de ervaringen van onze tevreden klanten en ontdek waarom zij kiezen voor LuXXyMe Houthalen."
@@ -388,24 +248,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Wat is de levertijd van producten?",
content: "De levertijd varieert per product. Voor op maat gemaakte items kan dit langer duren. Wij informeren u altijd over de verwachte levertijd.",
},
id: "q1", title: "Wat is de levertijd van producten?", content: "De levertijd varieert per product. Voor op maat gemaakte items kan dit langer duren. Wij informeren u altijd over de verwachte levertijd."},
{
id: "q2",
title: "Bieden jullie ook installatieservices aan?",
content: "Ja, voor geselecteerde producten en interieurprojecten bieden wij professionele installatieservices aan. Neem contact op voor meer details.",
},
id: "q2", title: "Bieden jullie ook installatieservices aan?", content: "Ja, voor geselecteerde producten en interieurprojecten bieden wij professionele installatieservices aan. Neem contact op voor meer details."},
{
id: "q3",
title: "Kan ik een afspraak maken voor een persoonlijk advies?",
content: "Absoluut! U kunt eenvoudig een afspraak maken via onze contactpagina. Wij kijken ernaar uit u te ontmoeten en uw wensen te bespreken.",
},
id: "q3", title: "Kan ik een afspraak maken voor een persoonlijk advies?", content: "Absoluut! U kunt eenvoudig een afspraak maken via onze contactpagina. Wij kijken ernaar uit u te ontmoeten en uw wensen te bespreken."},
]}
sideTitle="Veelgestelde Vragen"
sideDescription="Heeft u vragen over onze producten of diensten? Hier vindt u antwoorden op de meest voorkomende vragen."
faqsAnimation="entrance-slide"
faqsAnimation="slide-up"
/>
</div>
@@ -413,20 +264,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Contacteer Ons"
title="Neem Contact Op met LuXXyMe"
description="Wij staan klaar om al uw vragen te beantwoorden en u te helpen met uw luxe behoeften. Vul het formulier in of neem direct contact op."
buttons={[
{
text: "Stuur een Bericht",
href: "mailto:info@luxxyme.be",
},
text: "Stuur een Bericht", href: "mailto:info@luxxyme.be"},
{
text: "Bel Ons",
href: "tel:+3211234567",
},
text: "Bel Ons", href: "tel:+3211234567"},
]}
/>
</div>
@@ -436,58 +282,35 @@ export default function LandingPage() {
logoText="LuXXyMe Houthalen"
columns={[
{
title: "Navigatie",
items: [
title: "Navigatie", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Over Ons",
href: "#about",
},
label: "Over Ons", href: "#about"},
{
label: "Diensten",
href: "#features",
},
label: "Diensten", href: "#features"},
{
label: "Producten",
href: "#products",
},
label: "Producten", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacybeleid",
href: "#",
},
label: "Privacybeleid", href: "#"},
{
label: "Algemene Voorwaarden",
href: "#",
},
label: "Algemene Voorwaarden", href: "#"},
],
},
{
title: "Locatie",
items: [
title: "Locatie", items: [
{
label: "Houthalen-Helchteren",
href: "https://maps.google.com/?q=Houthalen-Helchteren",
},
label: "Houthalen-Helchteren", href: "https://maps.google.com/?q=Houthalen-Helchteren"},
{
label: "België",
href: "#",
},
label: "België", href: "#"},
],
},
]}