Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Werkwijze",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "Diensten", id: "#services" },
|
||||
{ name: "Werkwijze", id: "#process" },
|
||||
{ name: "Over ons", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="WebUpp"
|
||||
/>
|
||||
@@ -60,70 +45,20 @@ export default function LandingPage() {
|
||||
title="AI die écht werkt voor jouw bedrijf"
|
||||
description="Van uitleg tot volledige integratie — wij maken AI praktisch, begrijpelijk en winstgevend."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jan de Vries",
|
||||
handle: "@MKB-Tech",
|
||||
testimonial: "De AI-scan was een eye-opener. Onze workflows zijn nu 30% sneller.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
name: "Annelies Bakker",
|
||||
handle: "@DesignBuro",
|
||||
testimonial: "Eindelijk begrijpelijke taal over AI. Ze hebben het fantastisch geïmplementeerd.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Janssen",
|
||||
handle: "@RetailCo",
|
||||
testimonial: "WebUpp maakte onze klantenservice AI-gedreven in een week tijd.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie Willems",
|
||||
handle: "@Dienstverlener",
|
||||
testimonial: "Professioneel en persoonlijk. Precies wat we nodig hadden.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bas Veldhuizen",
|
||||
handle: "@MarketingPlus",
|
||||
testimonial: "Onze ROI is aanzienlijk gestegen dankzij hun AI-oplossingen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-male-blue-jacket-table-cafe_613910-16175.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Gratis AI-scan aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Jan de Vries", handle: "@MKB-Tech", testimonial: "De AI-scan was een eye-opener. Onze workflows zijn nu 30% sneller.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ name: "Annelies Bakker", handle: "@DesignBuro", testimonial: "Eindelijk begrijpelijke taal over AI. Ze hebben het fantastisch geïmplementeerd.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg" },
|
||||
{ name: "Mark Janssen", handle: "@RetailCo", testimonial: "WebUpp maakte onze klantenservice AI-gedreven in een week tijd.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg" },
|
||||
{ name: "Sophie Willems", handle: "@Dienstverlener", testimonial: "Professioneel en persoonlijk. Precies wat we nodig hadden.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg" },
|
||||
{ name: "Bas Veldhuizen", handle: "@MarketingPlus", testimonial: "Onze ROI is aanzienlijk gestegen dankzij hun AI-oplossingen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-male-blue-jacket-table-cafe_613910-16175.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Gratis AI-scan aanvragen", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conceptual-3d-illustration-karateka-woman-motion-design_183364-124094.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-karateka-woman-motion-design_183364-124094.jpg",
|
||||
alt: "Jan de Vries",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-64973.jpg",
|
||||
alt: "Annelies Bakker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/artificial-intelligence-vector-icon-set-isolated-white-background_8130-2308.jpg",
|
||||
alt: "Mark Janssen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/customer-support-doodle-concept-helpdesk-operator_107791-10967.jpg",
|
||||
alt: "Sophie Willems",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Bas Veldhuizen",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-karateka-woman-motion-design_183364-124094.jpg", alt: "Jan de Vries" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-64973.jpg", alt: "Annelies Bakker" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/artificial-intelligence-vector-icon-set-isolated-white-background_8130-2308.jpg", alt: "Mark Janssen" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/customer-support-doodle-concept-helpdesk-operator_107791-10967.jpg", alt: "Sophie Willems" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Bas Veldhuizen" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,21 +69,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Database,
|
||||
title: "AI Integratie",
|
||||
description: "Slimme workflows, automatisering, en maatwerk oplossingen die data omzetten in resultaat.",
|
||||
},
|
||||
{
|
||||
icon: GraduationCap,
|
||||
title: "Installatie & Training",
|
||||
description: "Claude en andere AI-tools veilig geïnstalleerd en jouw team getraind om er écht mee te werken.",
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Doorlopende Support",
|
||||
description: "Jouw vaste aanspreekpunt voor updates, optimalisatie en alle AI-gerelateerde vragen.",
|
||||
},
|
||||
{ icon: Database, title: "AI Integratie", description: "Slimme workflows, automatisering, en maatwerk oplossingen die data omzetten in resultaat." },
|
||||
{ icon: GraduationCap, title: "Installatie & Training", description: "Claude en andere AI-tools veilig geïnstalleerd en jouw team getraind om er écht mee te werken." },
|
||||
{ icon: Headphones, title: "Doorlopende Support", description: "Jouw vaste aanspreekpunt voor updates, optimalisatie en alle AI-gerelateerde vragen." },
|
||||
]}
|
||||
title="Wat we doen"
|
||||
description="Wij helpen bedrijven de kracht van AI te benutten met praktische diensten op maat."
|
||||
@@ -161,34 +84,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Nederlands gesproken",
|
||||
description: "Wij spreken de taal van jouw onderneming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-64973.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Geen tech-taal",
|
||||
title: "Begrijpelijk",
|
||||
description: "Focus op resultaat, niet op complexe jargon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-vector-icon-set-isolated-white-background_8130-2308.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Direct inzetbaar",
|
||||
title: "Praktisch",
|
||||
description: "Praktische tools voor jouw dagelijkse operatie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/customer-support-doodle-concept-helpdesk-operator_107791-10967.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Altijd menselijk",
|
||||
title: "Persoonlijk",
|
||||
description: "Persoonlijk contact staat centraal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
|
||||
},
|
||||
{ id: "1", value: "100%", title: "Nederlands gesproken", description: "Wij spreken de taal van jouw onderneming.", imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-64973.jpg" },
|
||||
{ id: "2", value: "Geen tech-taal", title: "Begrijpelijk", description: "Focus op resultaat, niet op complexe jargon.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-vector-icon-set-isolated-white-background_8130-2308.jpg" },
|
||||
{ id: "3", value: "Direct inzetbaar", title: "Praktisch", description: "Praktische tools voor jouw dagelijkse operatie.", imageSrc: "http://img.b2bpic.net/free-vector/customer-support-doodle-concept-helpdesk-operator_107791-10967.jpg" },
|
||||
{ id: "4", value: "Altijd menselijk", title: "Persoonlijk", description: "Persoonlijk contact staat centraal.", imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg" },
|
||||
]}
|
||||
title="Waarom WebUpp?"
|
||||
description="Wij staan voor helderheid en directe impact voor jouw onderneming."
|
||||
@@ -197,24 +96,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Kennismaking & AI-scan",
|
||||
description: "We analyseren gratis waar AI voor jouw bedrijf de grootste impact maakt.",
|
||||
},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Plan van Aanpak",
|
||||
description: "We maken concrete voorstellen met heldere doelen en planning.",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Implementatie & Training",
|
||||
description: "Wij bouwen, installeren en trainen jouw team totdat alles soepel draait.",
|
||||
},
|
||||
{ icon: Search, title: "Kennismaking & AI-scan", description: "We analyseren gratis waar AI voor jouw bedrijf de grootste impact maakt." },
|
||||
{ icon: ListChecks, title: "Plan van Aanpak", description: "We maken concrete voorstellen met heldere doelen en planning." },
|
||||
{ icon: Rocket, title: "Implementatie & Training", description: "Wij bouwen, installeren en trainen jouw team totdat alles soepel draait." },
|
||||
]}
|
||||
title="Hoe het werkt"
|
||||
description="Een gestructureerde aanpak om AI succesvol in jouw bedrijf te verankeren."
|
||||
@@ -225,13 +113,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"MKB",
|
||||
"ZZP",
|
||||
"Marketingbureaus",
|
||||
"E-commerce",
|
||||
"Dienstverleners",
|
||||
]}
|
||||
names={["MKB", "ZZP", "Marketingbureaus", "E-commerce", "Dienstverleners"]}
|
||||
title="Voor wie we werken"
|
||||
description="Wij ondersteunen diverse sectoren bij hun digitale transformatie."
|
||||
/>
|
||||
@@ -244,26 +126,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Jan de Vries, CEO MKB-Tech"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Jan de Vries",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
alt: "Annelies Bakker",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg",
|
||||
alt: "Mark Janssen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Sophie Willems",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148612947.jpg",
|
||||
alt: "Partner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Jan de Vries" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Annelies Bakker" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg", alt: "Mark Janssen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Sophie Willems" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148612947.jpg", alt: "Partner 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -276,35 +143,12 @@ export default function LandingPage() {
|
||||
title="Klaar om slimmer te werken?"
|
||||
description="Geen gedoe, gewoon doen. Vraag vandaag nog een gratis AI-scan aan."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Naam",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Bedrijfsnaam",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-mailadres",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefoonnummer",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Naam", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Bedrijfsnaam", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-mailadres", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefoonnummer" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Waar wil je hulp bij?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Waar wil je hulp bij?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conference-room-interior-modern-office-with-white-walls-monitor_181624-22217.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -313,37 +157,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "WebUpp",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Werkwijze",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "WebUpp", items: [
|
||||
{ label: "Home", href: "#home" },
|
||||
{ label: "Diensten", href: "#services" },
|
||||
{ label: "Werkwijze", href: "#process" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Juridisch",
|
||||
items: [
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
title: "Juridisch", items: [
|
||||
{ label: "Privacybeleid", href: "#" },
|
||||
{ label: "Algemene Voorwaarden", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user