Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -17,215 +17,130 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Daily Organized"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Daily Organized"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Daily Organized: Jouw Luxe Home Organizer uit Brabant"
|
||||
description="Wij zorgen voor praktische en stijlvolle ruimtes. Transformeer jouw huis tot een oase van rust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ontdek mijn diensten",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Boek een consult",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160095.jpg"
|
||||
imageAlt="Luxueus interieur voor home organizing"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Daily Organized: Jouw Luxe Home Organizer uit Brabant"
|
||||
description="Wij zorgen voor praktische en stijlvolle ruimtes. Transformeer jouw huis tot een oase van rust."
|
||||
buttons={[
|
||||
{ text: "Ontdek mijn diensten", href: "#services" },
|
||||
{ text: "Boek een consult", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160095.jpg"
|
||||
imageAlt="Luxueus interieur voor home organizing"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Over José"
|
||||
description="Met passie en precisie help ik jou om rust in je huis en in je hoofd te creëren. Als luxe home organizer combineer ik functionaliteit met een stijlvol design dat past bij jouw persoonlijke levensstijl."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg"
|
||||
imageAlt="José, professional home organizer"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Over José"
|
||||
description="Met passie en precisie help ik jou om rust in je huis en in je hoofd te creëren. Als luxe home organizer combineer ik functionaliteit met een stijlvol design dat past bij jouw persoonlijke levensstijl."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg"
|
||||
imageAlt="José, professional home organizer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Mijn Diensten"
|
||||
description="Van pantry tot walk-in closet: ik bied maatwerkoplossingen voor elk type ruimte."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Volledige Huis Organisatie",
|
||||
content: "Ik neem het hele huis onder handen voor een gestroomlijnd leven.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Kasten & Garderobe",
|
||||
content: "Een overzichtelijke kast die elke dag weer een plezier is om te openen.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Opruim Coaching",
|
||||
content: "Leer de technieken om jouw eigen opruimsysteem te onderhouden.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-vases-with-spring-flowers-living-room_169016-5983.jpg"
|
||||
imageAlt="Voorbeeld van georganiseerde ruimte"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Mijn Diensten"
|
||||
description="Van pantry tot walk-in closet: ik bied maatwerkoplossingen voor elk type ruimte."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Volledige Huis Organisatie", content: "Ik neem het hele huis onder handen voor een gestroomlijnd leven." },
|
||||
{ id: "2", title: "Kasten & Garderobe", content: "Een overzichtelijke kast die elke dag weer een plezier is om te openen." },
|
||||
{ id: "3", title: "Opruim Coaching", content: "Leer de technieken om jouw eigen opruimsysteem te onderhouden." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-vases-with-spring-flowers-living-room_169016-5983.jpg"
|
||||
imageAlt="Voorbeeld van georganiseerde ruimte"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anke V.",
|
||||
role: "Klant",
|
||||
testimonial: "De rust in huis is ongekend. José werkt zo efficiënt!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Klant",
|
||||
testimonial: "Eindelijk overzicht in onze keuken. Een echte aanrader.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie L.",
|
||||
role: "Klant",
|
||||
testimonial: "Prachtig design, alles heeft nu een logische plek.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-cooking-man_23-2147766909.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Eva J.",
|
||||
role: "Klant",
|
||||
testimonial: "José voelde perfect aan wat we nodig hadden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas K.",
|
||||
role: "Klant",
|
||||
testimonial: "Zeer professioneel en resultaatgericht. Mijn thuiskantoor is eindelijk productief.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Ervaringen van mensen die ik mocht helpen naar een opgeruimd leven."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anke V.", role: "Klant", testimonial: "De rust in huis is ongekend. José werkt zo efficiënt!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Klant", testimonial: "Eindelijk overzicht in onze keuken. Een echte aanrader.", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg" },
|
||||
{ id: "3", name: "Sophie L.", role: "Klant", testimonial: "Prachtig design, alles heeft nu een logische plek.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-cooking-man_23-2147766909.jpg" },
|
||||
{ id: "4", name: "Eva J.", role: "Klant", testimonial: "José voelde perfect aan wat we nodig hadden.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||
{ id: "5", name: "Thomas K.", role: "Klant", testimonial: "Zeer professioneel en resultaatgericht. Mijn thuiskantoor is eindelijk productief.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" }
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Ervaringen van mensen die ik mocht helpen naar een opgeruimd leven."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Hoe lang duurt een traject?",
|
||||
content: "Dit varieert afhankelijk van de grootte en de complexiteit van de ruimte.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Werk je ook buiten Brabant?",
|
||||
content: "Ja, ik werk door heel Nederland op aanvraag.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Moet ik zelf aanwezig zijn?",
|
||||
content: "Dat bepaal je helemaal zelf, we spreken af wat het beste werkt.",
|
||||
},
|
||||
]}
|
||||
title="Veelgestelde vragen"
|
||||
description="Hier vind je antwoorden op de meest gestelde vragen over mijn werkwijze."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/organized-cabinet-home_23-2148857488.jpg"
|
||||
imageAlt="Georganiseerde kastruimte"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Hoe lang duurt een traject?", content: "Dit varieert afhankelijk van de grootte en de complexiteit van de ruimte." },
|
||||
{ id: "2", title: "Werk je ook buiten Brabant?", content: "Ja, ik werk door heel Nederland op aanvraag." },
|
||||
{ id: "3", title: "Moet ik zelf aanwezig zijn?", content: "Dat bepaal je helemaal zelf, we spreken af wat het beste werkt." }
|
||||
]}
|
||||
title="Veelgestelde vragen"
|
||||
description="Hier vind je antwoorden op de meest gestelde vragen over mijn werkwijze."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/organized-cabinet-home_23-2148857488.jpg"
|
||||
imageAlt="Georganiseerde kastruimte"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Klaar voor een opgeruimd leven? Laten we kennismaken."
|
||||
buttons={[
|
||||
{
|
||||
text: "Stuur een bericht",
|
||||
href: "mailto:info@dailyorganized.nl",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Klaar voor een opgeruimd leven? Laten we kennismaken."
|
||||
buttons={[
|
||||
{ text: "Stuur een bericht", href: "mailto:info@dailyorganized.nl" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/earth-tone-floral-background-wallpaper_53876-102452.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Daily Organized",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Daily Organized. Luxe Home Organizer uit Brabant."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/earth-tone-floral-background-wallpaper_53876-102452.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Daily Organized", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Daily Organized. Luxe Home Organizer uit Brabant."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user