Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-11 15:36:16 +00:00

View File

@@ -33,27 +33,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Portfolio",
id: "portfolio",
},
name: "Portfolio", id: "portfolio"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
]}
brandName="Heemskerk Web Studio"
button={{
text: "Gratis demo",
href: "#contact",
}}
text: "Gratis demo", href: "#contact"}}
/>
</div>
@@ -61,98 +51,55 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Wij bouwen moderne websites die klanten opleveren"
description="Voor lokale bedrijven die willen groeien. Wij creëren razendsnelle, gebruiksvriendelijke websites die jouw conversie verhogen."
testimonials={[
{
name: "Sarah Jansen",
handle: "@restobar",
testimonial: "Onze nieuwe website trekt eindelijk meer klanten aan!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg?_wi=1",
},
name: "Sarah Jansen", handle: "@restobar", testimonial: "Onze nieuwe website trekt eindelijk meer klanten aan!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg"},
{
name: "Tom Barber",
handle: "@tomsbarber",
testimonial: "De snelheid en uitstraling zijn echt top.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg?_wi=1",
},
name: "Tom Barber", handle: "@tomsbarber", testimonial: "De snelheid en uitstraling zijn echt top.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg"},
{
name: "Emma Bakker",
handle: "@cafetaria",
testimonial: "Heemskerk heeft ons enorm geholpen met onze online vindbaarheid.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
},
name: "Emma Bakker", handle: "@cafetaria", testimonial: "Heemskerk heeft ons enorm geholpen met onze online vindbaarheid.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg"},
{
name: "Jan de Vries",
handle: "@klusbedrijf",
testimonial: "De service en nazorg zijn uitstekend, zeer aan te raden.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
},
name: "Jan de Vries", handle: "@klusbedrijf", testimonial: "De service en nazorg zijn uitstekend, zeer aan te raden.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
{
name: "Sophie Visser",
handle: "@boetiek",
testimonial: "Een website die precies past bij onze unieke stijl.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
},
name: "Sophie Visser", handle: "@boetiek", testimonial: "Een website die precies past bij onze unieke stijl.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg"},
]}
buttons={[
{
text: "Gratis demo aanvragen",
href: "#contact",
},
text: "Gratis demo aanvragen", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
alt: "Klant",
},
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg", alt: "Klant"},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-barista-girl-smiling-you-while-preparing-coffee-pouring-milk-making_1258-203425.jpg",
alt: "Klant",
},
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-barista-girl-smiling-you-while-preparing-coffee-pouring-milk-making_1258-203425.jpg", alt: "Klant"},
{
src: "http://img.b2bpic.net/free-photo/enjoying-process-creation-attractive-successful-young-ginger-female-artisan-artist-designer-with-hair-knot-feeling-happy-excited-about-creating-something-beautiful-new-her-studio_273609-953.jpg",
alt: "Klant",
},
src: "http://img.b2bpic.net/free-photo/enjoying-process-creation-attractive-successful-young-ginger-female-artisan-artist-designer-with-hair-knot-feeling-happy-excited-about-creating-something-beautiful-new-her-studio_273609-953.jpg", alt: "Klant"},
{
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
alt: "Klant",
},
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Klant"},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199282.jpg",
alt: "Klant",
},
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199282.jpg", alt: "Klant"},
]}
marqueeItems={[
{
type: "text",
text: "Razendsnel",
},
type: "text", text: "Razendsnel"},
{
type: "text",
text: "Responsive",
},
type: "text", text: "Responsive"},
{
type: "text",
text: "SEO Geoptimaliseerd",
},
type: "text", text: "SEO Geoptimaliseerd"},
{
type: "text",
text: "Modern Design",
},
type: "text", text: "Modern Design"},
{
type: "text",
text: "Betrouwbaar",
},
type: "text", text: "Betrouwbaar"},
]}
/>
</div>
@@ -164,49 +111,31 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Verouderde uitstraling",
description: "Bezoekers haken direct af door een slechte eerste indruk.",
icon: AlertCircle,
title: "Verouderde uitstraling", description: "Bezoekers haken direct af door een slechte eerste indruk.", icon: AlertCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/people-creating-food-content-upload-internet-food-lovers_23-2151461655.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-creating-food-content-upload-internet-food-lovers_23-2151461655.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg?_wi=2",
imageAlt: "restaurant website design",
},
{
title: "Geen mobiele ervaring",
description: "80% van je bezoekers komt via een telefoon, is jouw site responsive?",
icon: Smartphone,
title: "Geen mobiele ervaring", description: "80% van je bezoekers komt via een telefoon, is jouw site responsive?", icon: Smartphone,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-middleaged-guy-sports-clothing-pointing-fingers-up-showing-promo-banner-abou_1258-148784.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-middleaged-guy-sports-clothing-pointing-fingers-up-showing-promo-banner-abou_1258-148784.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg?_wi=2",
imageAlt: "restaurant website design",
},
{
title: "Slechte vindbaarheid",
description: "Een trage website betekent lagere posities in Google.",
icon: Search,
title: "Slechte vindbaarheid", description: "Een trage website betekent lagere posities in Google.", icon: Search,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163387.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163387.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg?_wi=2",
imageAlt: "restaurant website design",
},
]}
title="Waarom een goede website essentieel is"
@@ -222,41 +151,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Website Design",
price: "Eenmalig",
imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100639.jpg",
},
id: "p1", name: "Website Design", price: "Eenmalig", imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100639.jpg"},
{
id: "p2",
name: "Hosting & Security",
price: "Maandelijks",
imageSrc: "http://img.b2bpic.net/free-photo/your-best-give-up-life-goes-live-your-life_53876-13852.jpg",
},
id: "p2", name: "Hosting & Security", price: "Maandelijks", imageSrc: "http://img.b2bpic.net/free-photo/your-best-give-up-life-goes-live-your-life_53876-13852.jpg"},
{
id: "p3",
name: "Updates & Support",
price: "On-demand",
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg",
},
id: "p3", name: "Updates & Support", price: "On-demand", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg"},
{
id: "p4",
name: "SEO Optimalisatie",
price: "Maandelijks",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691641.jpg",
},
id: "p4", name: "SEO Optimalisatie", price: "Maandelijks", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691641.jpg"},
{
id: "p5",
name: "Copywriting",
price: "Per pagina",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg",
},
id: "p5", name: "Copywriting", price: "Per pagina", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-drinks-coffee-barbershop_613910-14697.jpg"},
{
id: "p6",
name: "Logo & Branding",
price: "Eenmalig",
imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827373.jpg",
},
id: "p6", name: "Logo & Branding", price: "Eenmalig", imageSrc: "http://img.b2bpic.net/free-photo/neon-style-american-football-player_23-2151827373.jpg"},
]}
title="Onze Diensten"
description="Alles wat je nodig hebt voor een succesvolle online groei."
@@ -270,31 +175,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1",
title: "Contact",
items: [
"Vul het formulier in",
"Wij bellen je terug",
],
id: "m1", value: "1", title: "Contact", items: [
"Vul het formulier in", "Wij bellen je terug"],
},
{
id: "m2",
value: "2",
title: "Concept",
items: [
"Bekijk de gratis demo",
"Feedback verwerken",
],
id: "m2", value: "2", title: "Concept", items: [
"Bekijk de gratis demo", "Feedback verwerken"],
},
{
id: "m3",
value: "3",
title: "Live",
items: [
"Website online",
"Hosting & beheer",
],
id: "m3", value: "3", title: "Live", items: [
"Website online", "Hosting & beheer"],
},
]}
title="Hoe wij werken"
@@ -307,30 +197,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Restaurant Italia",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336609.jpg",
},
id: "1", name: "Restaurant Italia", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336609.jpg"},
{
id: "2",
name: "Barbershop Street",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
},
id: "2", name: "Barbershop Street", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg"},
{
id: "3",
name: "FitLife Gym",
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-laptop-screen_23-2149416725.jpg",
},
id: "3", name: "FitLife Gym", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-laptop-screen_23-2149416725.jpg"},
{
id: "4",
name: "Boutique Café",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg",
},
id: "4", name: "Boutique Café", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg"},
{
id: "5",
name: "Style Barber",
imageSrc: "http://img.b2bpic.net/free-photo/simplicity-attitude-be-positive-word_53876-21327.jpg",
},
id: "5", name: "Style Barber", imageSrc: "http://img.b2bpic.net/free-photo/simplicity-attitude-be-positive-word_53876-21327.jpg"},
]}
cardTitle="Eerder werk"
cardTag="Portfolio"
@@ -345,55 +220,22 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "start",
tag: "Basic",
price: "€499",
period: "eenmalig",
description: "Perfect voor de startende ondernemer.",
button: {
text: "Kies pakket",
href: "#contact",
},
featuresTitle: "Inbegrepen:",
features: [
"1 pagina website",
"Mobiel vriendelijk",
"Basis SEO",
],
id: "start", tag: "Basic", price: "€499", period: "eenmalig", description: "Perfect voor de startende ondernemer.", button: {
text: "Kies pakket", href: "#contact"},
featuresTitle: "Inbegrepen:", features: [
"1 pagina website", "Mobiel vriendelijk", "Basis SEO"],
},
{
id: "pro",
tag: "Business",
price: "€999",
period: "eenmalig",
description: "De complete oplossing voor groei.",
button: {
text: "Kies pakket",
href: "#contact",
},
featuresTitle: "Alles uit Basic, plus:",
features: [
"Tot 5 pagina's",
"Snelle hosting",
"Google Maps integratie",
],
id: "pro", tag: "Business", price: "€999", period: "eenmalig", description: "De complete oplossing voor groei.", button: {
text: "Kies pakket", href: "#contact"},
featuresTitle: "Alles uit Basic, plus:", features: [
"Tot 5 pagina's", "Snelle hosting", "Google Maps integratie"],
},
{
id: "host",
tag: "Hosting",
price: "€20",
period: "/maand",
description: "Veilige hosting en updates.",
button: {
text: "Kies pakket",
href: "#contact",
},
featuresTitle: "Service:",
features: [
"SSL certificaat",
"Dagelijkse backups",
"Uptime garantie",
],
id: "host", tag: "Hosting", price: "€20", period: "/maand", description: "Veilige hosting en updates.", button: {
text: "Kies pakket", href: "#contact"},
featuresTitle: "Service:", features: [
"SSL certificaat", "Dagelijkse backups", "Uptime garantie"],
},
]}
title="Duidelijke pakketten"
@@ -408,13 +250,9 @@ export default function LandingPage() {
description="Als gedreven webdesigner help ik lokale ondernemers groeien met moderne websites. Geen poespas, gewoon websites die werken."
metrics={[
{
value: "100+",
title: "Projecten",
},
value: "100+", title: "Projecten"},
{
value: "100%",
title: "Klanttevredenheid",
},
value: "100%", title: "Klanttevredenheid"},
]}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -426,14 +264,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
text="Klaar voor een moderne website die wél klanten oplevert? Vraag nu een gratis demo aan."
buttons={[
{
text: "Vraag gratis demo aan",
href: "mailto:luca@heemskerkweb.nl",
},
text: "Vraag gratis demo aan", href: "mailto:luca@heemskerkweb.nl"},
]}
/>
</div>
@@ -442,29 +277,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "Over ons",
href: "#about",
},
label: "Over ons", href: "#about"},
{
label: "Diensten",
href: "#services",
},
label: "Diensten", href: "#services"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Email: luca@heemskerkweb.nl",
href: "mailto:luca@heemskerkweb.nl",
},
label: "Email: luca@heemskerkweb.nl", href: "mailto:luca@heemskerkweb.nl"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
]}