Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
@@ -31,58 +31,46 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Producten",
|
||||
id: "producten",
|
||||
},
|
||||
name: "Producten", id: "producten"},
|
||||
{
|
||||
name: "Kenmerken",
|
||||
id: "kenmerken",
|
||||
},
|
||||
name: "Kenmerken", id: "kenmerken"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "over-ons",
|
||||
},
|
||||
name: "Over Ons", id: "over-ons"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="3D Print Winkel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="3D Print Winkel"
|
||||
description="Jouw bron voor unieke, op maat gemaakte 3D geprinte creaties. Van decoratie tot functionele onderdelen, wij printen jouw ideeën tot leven."
|
||||
variant: "radial-gradient"}}
|
||||
title="Jouw Wereld, 3D Geprint"
|
||||
description="Ontdek de grenzeloze mogelijkheden van 3D printen. Van unieke kunstwerken tot praktische oplossingen, wij maken jouw ideeën tastbaar met precisie en passie."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Producten",
|
||||
href: "#producten",
|
||||
},
|
||||
text: "Bekijk Onze Collectie", href: "#producten"},
|
||||
{
|
||||
text: "Contact Opnemen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Vraag een Offerte Aan", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-with-illuminated-colored-glass-forms_1284-47460.jpg", imageAlt: "Abstracte 3D geprinte vormen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529729.jpg", imageAlt: "3D geprinte abstracte vaas"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-green-spa-ceramic-pottery-monster-leaf-coaster_23-2147844957.jpg", imageAlt: "3D geprinte sleutelhanger of onderzetter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perplexed-female-freelancer-while-working-laptop-from-home-office_482257-20495.jpg", imageAlt: "Persoon die een 3D printer bedient"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-with-illuminated-colored-glass-forms_1284-47460.jpg"
|
||||
imageAlt="Collectie van diverse 3D geprinte objecten"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -95,28 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Abstracte Vaas",
|
||||
price: "€ 29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529729.jpg",
|
||||
imageAlt: "3D geprinte abstracte vaas",
|
||||
rating: 5,
|
||||
id: "product-1", name: "Abstracte Vaas", price: "€ 29.99", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529729.jpg", imageAlt: "3D geprinte abstracte vaas", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Telefoonhouder",
|
||||
price: "€ 14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-with-mobile-phone-her-office_1301-5177.jpg",
|
||||
imageAlt: "3D geprinte telefoonhouder",
|
||||
rating: 4,
|
||||
id: "product-2", name: "Telefoonhouder", price: "€ 14.50", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-with-mobile-phone-her-office_1301-5177.jpg", imageAlt: "3D geprinte telefoonhouder", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Gepersonaliseerde Sleutelhanger",
|
||||
price: "€ 8.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-green-spa-ceramic-pottery-monster-leaf-coaster_23-2147844957.jpg",
|
||||
imageAlt: "3D geprinte sleutelhanger",
|
||||
rating: 5,
|
||||
id: "product-3", name: "Gepersonaliseerde Sleutelhanger", price: "€ 8.95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-green-spa-ceramic-pottery-monster-leaf-coaster_23-2147844957.jpg", imageAlt: "3D geprinte sleutelhanger", rating: 5,
|
||||
},
|
||||
]}
|
||||
title="Onze Populairste 3D Prints"
|
||||
@@ -131,29 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "Hoogwaardige Kwaliteit",
|
||||
author: "Precisie in elk detail",
|
||||
description: "Onze geavanceerde 3D printers garanderen de hoogste kwaliteit en duurzaamheid van elk product.",
|
||||
tags: [
|
||||
"Technologie",
|
||||
"Duurzaamheid",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-mason-logo_23-2149234392.jpg",
|
||||
imageAlt: "Icon van een 3D printer",
|
||||
},
|
||||
id: "feature-1", title: "Hoogwaardige Kwaliteit", author: "Precisie in elk detail", description: "Onze geavanceerde 3D printers garanderen de hoogste kwaliteit en duurzaamheid van elk product.", tags: [
|
||||
"Technologie", "Duurzaamheid"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-mason-logo_23-2149234392.jpg", imageAlt: "Icon van een 3D printer"},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Volledig Aanpasbaar",
|
||||
author: "Jouw idee, onze print",
|
||||
description: "Creëer unieke items door kleuren, materialen en ontwerpen naar wens aan te passen.",
|
||||
tags: [
|
||||
"Personalisatie",
|
||||
"Creativiteit",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-post-it-light-bulb-idea-concept_23-2148342858.jpg",
|
||||
imageAlt: "Icon van een gloeilamp",
|
||||
},
|
||||
id: "feature-2", title: "Volledig Aanpasbaar", author: "Jouw idee, onze print", description: "Creëer unieke items door kleuren, materialen en ontwerpen naar wens aan te passen.", tags: [
|
||||
"Personalisatie", "Creativiteit"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-post-it-light-bulb-idea-concept_23-2148342858.jpg", imageAlt: "Icon van een gloeilamp"},
|
||||
]}
|
||||
title="Waarom Kiezen Voor Onze 3D Prints?"
|
||||
description="Wij combineren innovatieve technologie met vakmanschap om producten te leveren die zowel mooi als functioneel zijn, perfect voor jouw unieke behoeften."
|
||||
@@ -168,17 +125,11 @@ export default function LandingPage() {
|
||||
description="Bij 3D Print Winkel geloven we in de kracht van creatie en personalisatie. Elk product wordt met zorg en precisie geprint, speciaal voor jou, en we streven ernaar om jouw visie tot leven te brengen met onze innovatieve technologieën."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovatieve Technologie",
|
||||
description: "We gebruiken de nieuwste 3D printtechnologieën voor superieure resultaten.",
|
||||
},
|
||||
title: "Innovatieve Technologie", description: "We gebruiken de nieuwste 3D printtechnologieën voor superieure resultaten."},
|
||||
{
|
||||
title: "Duurzaam en Lokaal",
|
||||
description: "Onze producten worden lokaal geproduceerd met duurzame materialen.",
|
||||
},
|
||||
title: "Duurzaam en Lokaal", description: "Onze producten worden lokaal geproduceerd met duurzame materialen."},
|
||||
{
|
||||
title: "Gespecialiseerd Team",
|
||||
description: "Ons team van experts staat klaar om je te helpen met elk project.",
|
||||
},
|
||||
title: "Gespecialiseerd Team", description: "Ons team van experts staat klaar om je te helpen met elk project."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/perplexed-female-freelancer-while-working-laptop-from-home-office_482257-20495.jpg"
|
||||
imageAlt="Persoon die een 3D printer bedient"
|
||||
@@ -193,33 +144,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jansen",
|
||||
role: "Designer",
|
||||
testimonial: "De kwaliteit van de 3D prints is uitstekend! Ze hebben mijn ontwerp perfect tot leven gebracht.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jansen", role: "Designer", testimonial: "De kwaliteit van de 3D prints is uitstekend! Ze hebben mijn ontwerp perfect tot leven gebracht.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Vermeer",
|
||||
role: "Hobbyist",
|
||||
testimonial: "Snelle service en fantastische resultaten. Dit is mijn go-to plek voor al mijn 3D printbehoeften.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5364.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Vermeer", role: "Hobbyist", testimonial: "Snelle service en fantastische resultaten. Dit is mijn go-to plek voor al mijn 3D printbehoeften.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5364.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma de Boer",
|
||||
role: "Interieurstyliste",
|
||||
testimonial: "Mijn gepersonaliseerde decoratiestuk is prachtig. Het past perfect bij mijn interieur!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-stylish-girl-posing-against-white-wall_176420-32875.jpg",
|
||||
},
|
||||
id: "3", name: "Emma de Boer", role: "Interieurstyliste", testimonial: "Mijn gepersonaliseerde decoratiestuk is prachtig. Het past perfect bij mijn interieur!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-stylish-girl-posing-against-white-wall_176420-32875.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Bakker",
|
||||
role: "Startup Oprichter",
|
||||
testimonial: "Betrouwbaar, innovatief en denken mee. Ik ben zeer tevreden met de prototypes die zij hebben geleverd.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-man-winking-looking-side-doing-you-gesture-isolated-orange-wall_141793-80238.jpg",
|
||||
},
|
||||
id: "4", name: "Thomas Bakker", role: "Startup Oprichter", testimonial: "Betrouwbaar, innovatief en denken mee. Ik ben zeer tevreden met de prototypes die zij hebben geleverd.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-man-winking-looking-side-doing-you-gesture-isolated-orange-wall_141793-80238.jpg"},
|
||||
]}
|
||||
title="Wat Onze Klanten Zeggen"
|
||||
description="Lees de ervaringen van tevreden klanten die blij zijn met hun unieke 3D geprinte items en onze service."
|
||||
@@ -231,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Wat zijn de levertijden?",
|
||||
content: "De levertijd varieert per product en complexiteit van het ontwerp, maar we streven ernaar om binnen 5-7 werkdagen te leveren.",
|
||||
},
|
||||
id: "faq-1", title: "Wat zijn de levertijden?", content: "De levertijd varieert per product en complexiteit van het ontwerp, maar we streven ernaar om binnen 5-7 werkdagen te leveren."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Welke materialen gebruiken jullie?",
|
||||
content: "We werken met diverse materialen, waaronder PLA, ABS en PETG, afhankelijk van de gewenste eigenschappen van het product. Neem contact op voor specifieke materialen.",
|
||||
},
|
||||
id: "faq-2", title: "Welke materialen gebruiken jullie?", content: "We werken met diverse materialen, waaronder PLA, ABS en PETG, afhankelijk van de gewenste eigenschappen van het product. Neem contact op voor specifieke materialen."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Kan ik een eigen ontwerp aanleveren?",
|
||||
content: "Ja, zeker! Je kunt je eigen 3D-model (STL, OBJ) aanleveren. We adviseren je graag over de mogelijkheden en haalbaarheid.",
|
||||
},
|
||||
id: "faq-3", title: "Kan ik een eigen ontwerp aanleveren?", content: "Ja, zeker! Je kunt je eigen 3D-model (STL, OBJ) aanleveren. We adviseren je graag over de mogelijkheden en haalbaarheid."},
|
||||
]}
|
||||
sideTitle="Veelgestelde Vragen"
|
||||
sideDescription="Heb je vragen over 3D printen, bestellingen of personalisatie? Hier vind je de antwoorden op de meest gestelde vragen, zodat je snel verder kunt."
|
||||
@@ -257,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact"
|
||||
title="Neem Contact Op"
|
||||
description="Heb je een speciaal verzoek, een vraag over een bestelling of wil je meer weten over de mogelijkheden? Stuur ons een bericht en we helpen je graag!"
|
||||
@@ -273,41 +194,25 @@ export default function LandingPage() {
|
||||
logoText="3D Print Winkel"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Producten",
|
||||
href: "#producten",
|
||||
},
|
||||
label: "Producten", href: "#producten"},
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#over-ons",
|
||||
},
|
||||
label: "Over Ons", href: "#over-ons"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Veelgestelde Vragen",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Veelgestelde Vragen", href: "#faq"},
|
||||
{
|
||||
label: "Retourbeleid",
|
||||
href: "#",
|
||||
},
|
||||
label: "Retourbeleid", href: "#"},
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacybeleid", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -317,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user