Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "services",
|
||||
},
|
||||
name: "Diensten", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Te Gek Wonen"
|
||||
/>
|
||||
@@ -55,103 +47,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welkom Bij Te Gek Wonen!"
|
||||
description="Bent u op zoek naar advies aan huis voor gordijnen en vloeren? Wij staan voor u klaar in Arnhem."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Barbara Beijer",
|
||||
handle: "@tegekwonen",
|
||||
testimonial: "Vriendelijke en behulpzame dames! Leuke accessoires en gordijnen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-working-with-flowers_23-2149591603.jpg",
|
||||
},
|
||||
name: "Barbara Beijer", handle: "@tegekwonen", testimonial: "Vriendelijke en behulpzame dames! Leuke accessoires en gordijnen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-working-with-flowers_23-2149591603.jpg"},
|
||||
{
|
||||
name: "Marcel Hesseling",
|
||||
handle: "@tegekwonen",
|
||||
testimonial: "Altijd een lach, een voorbeeld voor anderen!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg",
|
||||
},
|
||||
name: "Marcel Hesseling", handle: "@tegekwonen", testimonial: "Altijd een lach, een voorbeeld voor anderen!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg"},
|
||||
{
|
||||
name: "Jolanda Visser",
|
||||
handle: "@klant",
|
||||
testimonial: "Fantastisch advies bij het uitzoeken van onze gordijnen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-taking-decorations-from-cupboard_23-2147760974.jpg",
|
||||
},
|
||||
name: "Jolanda Visser", handle: "@klant", testimonial: "Fantastisch advies bij het uitzoeken van onze gordijnen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-taking-decorations-from-cupboard_23-2147760974.jpg"},
|
||||
{
|
||||
name: "Mark de Graaf",
|
||||
handle: "@klant",
|
||||
testimonial: "Topservice, snel geleverd en perfect geplaatst.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-chair_23-2149591627.jpg",
|
||||
},
|
||||
name: "Mark de Graaf", handle: "@klant", testimonial: "Topservice, snel geleverd en perfect geplaatst.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-chair_23-2149591627.jpg"},
|
||||
{
|
||||
name: "Sophie Janssen",
|
||||
handle: "@klant",
|
||||
testimonial: "Heerlijke winkel, kom er altijd met plezier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crocheting-yarn-desk-assortment_23-2149386359.jpg",
|
||||
},
|
||||
name: "Sophie Janssen", handle: "@klant", testimonial: "Heerlijke winkel, kom er altijd met plezier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crocheting-yarn-desk-assortment_23-2149386359.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Neem Contact Op",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Neem Contact Op", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-with-dried-flowers_52683-91337.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-with-dried-flowers_52683-91337.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-working-with-flowers-front-view_23-2149591602.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-working-with-flowers-front-view_23-2149591602.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626690.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626690.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-reading-nook-with-armchair-warm-lamp-books_23-2152031753.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-reading-nook-with-armchair-warm-lamp-books_23-2152031753.jpg", alt: "Klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-reading-nook-with-armchair-warm-lamp-light-books_23-2152031755.jpg",
|
||||
alt: "Klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-reading-nook-with-armchair-warm-lamp-light-books_23-2152031755.jpg", alt: "Klant"},
|
||||
]}
|
||||
avatarText="Meer dan 100 tevreden klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gordijnadvies",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Gordijnadvies", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vloeren inmeten",
|
||||
icon: Ruler,
|
||||
type: "text-icon", text: "Vloeren inmeten", icon: Ruler,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "DHL Servicepunt",
|
||||
icon: Package,
|
||||
type: "text-icon", text: "DHL Servicepunt", icon: Package,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Thuisbezorgd",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Thuisbezorgd", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Persoonlijk advies",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Persoonlijk advies", icon: Heart,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -165,7 +114,7 @@ export default function LandingPage() {
|
||||
description="Onze winkel in de wijk Alteveer is dé plek voor vertrouwde service en kwaliteit. De koffie staat altijd klaar."
|
||||
subdescription="Wij leveren producten, geven advies en komen thuis inmeten."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/content-woman-with-clipboard-managing-coffee-shop-business_1098-20957.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/content-woman-with-clipboard-managing-coffee-shop-business_1098-20957.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,41 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Raamproducten",
|
||||
price: "Vraag naar advies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-multi-colored-dense-fabrics-uniform-texture-choice-materials-different-colors_169016-16091.jpg",
|
||||
},
|
||||
id: "1", name: "Raamproducten", price: "Vraag naar advies", imageSrc: "http://img.b2bpic.net/free-photo/set-multi-colored-dense-fabrics-uniform-texture-choice-materials-different-colors_169016-16091.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vloeren",
|
||||
price: "Maatwerk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13496.jpg",
|
||||
},
|
||||
id: "2", name: "Vloeren", price: "Maatwerk", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13496.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Woonaccessoires",
|
||||
price: "Diverse prijzen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-brushed-distressed-wooden-parquet-floor-made-from-many-racks-herringbone-pattern_346278-175.jpg",
|
||||
},
|
||||
id: "3", name: "Woonaccessoires", price: "Diverse prijzen", imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-brushed-distressed-wooden-parquet-floor-made-from-many-racks-herringbone-pattern_346278-175.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gordijnrails",
|
||||
price: "Scherpe prijs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224056.jpg",
|
||||
},
|
||||
id: "4", name: "Gordijnrails", price: "Scherpe prijs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-sparks-glitter_23-2149224056.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Raambekleding op maat",
|
||||
price: "Op aanvraag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-books-vase-dried-flowers-decorative-cushes_169016-18267.jpg",
|
||||
},
|
||||
id: "5", name: "Raambekleding op maat", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/cozy-background-with-books-vase-dried-flowers-decorative-cushes_169016-18267.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Visgraatvloeren",
|
||||
price: "Offerte op maat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-5968.jpg",
|
||||
},
|
||||
id: "6", name: "Visgraatvloeren", price: "Offerte op maat", imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-5968.jpg"},
|
||||
]}
|
||||
title="Onze Collectie"
|
||||
description="Van gordijnen tot vloeren, wij hebben alles voor uw interieur."
|
||||
@@ -226,44 +151,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interieuradvies",
|
||||
description: "Persoonlijk advies bij u thuis voor gordijnen en vloeren.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-chatting-about-book_23-2147764643.jpg",
|
||||
},
|
||||
title: "Interieuradvies", description: "Persoonlijk advies bij u thuis voor gordijnen en vloeren.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girls-chatting-about-book_23-2147764643.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Home,
|
||||
text: "Thuis inmeten",
|
||||
},
|
||||
text: "Thuis inmeten"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Kleuradvies",
|
||||
},
|
||||
text: "Kleuradvies"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg?_wi=2",
|
||||
imageAlt: "professional interior measuring tools",
|
||||
},
|
||||
{
|
||||
title: "Pakketservice",
|
||||
description: "Officieel afhaalpunt voor DHL, DPD en Homerr.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-young-pink-haired-woman-wearing-wireless-headphones-nose-ring-gesturing-emotionally-while-conducting-webinar-via-video-conference-chat-cumputer_343059-1923.jpg",
|
||||
},
|
||||
title: "Pakketservice", description: "Officieel afhaalpunt voor DHL, DPD en Homerr.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-young-pink-haired-woman-wearing-wireless-headphones-nose-ring-gesturing-emotionally-while-conducting-webinar-via-video-conference-chat-cumputer_343059-1923.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Package,
|
||||
text: "Verzenden & Ophalen",
|
||||
},
|
||||
text: "Verzenden & Ophalen"},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Ruime openingstijden",
|
||||
},
|
||||
text: "Ruime openingstijden"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-woman-with-clipboard-managing-coffee-shop-business_1098-20957.jpg?_wi=2",
|
||||
imageAlt: "professional interior measuring tools",
|
||||
},
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
@@ -273,44 +184,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kim Driessen",
|
||||
handle: "@klant",
|
||||
testimonial: "Altijd een feestje om langs te komen!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg",
|
||||
},
|
||||
id: "1", name: "Kim Driessen", handle: "@klant", testimonial: "Altijd een feestje om langs te komen!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lotte Viergever",
|
||||
handle: "@klant",
|
||||
testimonial: "Ontzettend fijne service en denken echt met je mee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119043.jpg",
|
||||
},
|
||||
id: "2", name: "Lotte Viergever", handle: "@klant", testimonial: "Ontzettend fijne service en denken echt met je mee.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119043.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anne-Ellen",
|
||||
handle: "@klant",
|
||||
testimonial: "Fantastische winkel met originele spullen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rose-flower-with-cloth_23-2151053011.jpg",
|
||||
},
|
||||
id: "3", name: "Anne-Ellen", handle: "@klant", testimonial: "Fantastische winkel met originele spullen.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rose-flower-with-cloth_23-2151053011.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nicolette Kruit",
|
||||
handle: "@klant",
|
||||
testimonial: "Heerlijke winkel, blij dat ze in onze wijk zitten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-home-still-life-arrangement_23-2149188019.jpg",
|
||||
},
|
||||
id: "4", name: "Nicolette Kruit", handle: "@klant", testimonial: "Heerlijke winkel, blij dat ze in onze wijk zitten.", imageSrc: "http://img.b2bpic.net/free-photo/winter-home-still-life-arrangement_23-2149188019.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Boyd van den Hoogen",
|
||||
handle: "@klant",
|
||||
testimonial: "Zeer vriendelijk en top service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg",
|
||||
},
|
||||
id: "5", name: "Boyd van den Hoogen", handle: "@klant", testimonial: "Zeer vriendelijk en top service!", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Te Gek Wonen wordt gewaardeerd voor vriendelijkheid en uitstekende service."
|
||||
@@ -322,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Welke pakketdiensten hebben jullie?",
|
||||
content: "Wij zijn een officieel ophaal- en afhaalpunt voor DHL, DPD en Homerr.",
|
||||
},
|
||||
id: "f1", title: "Welke pakketdiensten hebben jullie?", content: "Wij zijn een officieel ophaal- en afhaalpunt voor DHL, DPD en Homerr."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Komen jullie ook aan huis?",
|
||||
content: "Ja, wij komen graag bij u thuis inmeten en advies geven voor uw interieur.",
|
||||
},
|
||||
id: "f2", title: "Komen jullie ook aan huis?", content: "Ja, wij komen graag bij u thuis inmeten en advies geven voor uw interieur."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wat zijn de openingstijden?",
|
||||
content: "Wij zijn dagelijks geopend tot 17:00 uur.",
|
||||
},
|
||||
id: "f3", title: "Wat zijn de openingstijden?", content: "Wij zijn dagelijks geopend tot 17:00 uur."},
|
||||
]}
|
||||
sideTitle="Veelgestelde vragen"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -346,16 +224,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Neem contact met ons op"
|
||||
description="Beethovenlaan 64, 6815 BM Arnhem. Bel ons: 026 382 4772"
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel nu",
|
||||
href: "tel:0263824772",
|
||||
},
|
||||
text: "Bel nu", href: "tel:0263824772"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,29 +241,19 @@ export default function LandingPage() {
|
||||
logoText="Te Gek Wonen"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diensten", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "DHL Punt",
|
||||
href: "#",
|
||||
},
|
||||
label: "DHL Punt", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user