From 081de0950d110fedfa0a8bb7bb5d84f4a643bf43 Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Fri, 24 Apr 2026 16:06:18 +0200
Subject: [PATCH] Add motivation section

---
 app/page.tsx              |  2 ++
 components/motivation.tsx | 48 +++++++++++++++++++++++++++++++++++++++
 lib/cv-data.ts            |  8 ++++++-
 3 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 components/motivation.tsx

diff --git a/app/page.tsx b/app/page.tsx
index 88748bf..5be616d 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,6 @@
 import { Nav } from "@/components/nav";
 import { Hero } from "@/components/hero";
+import { MotivationSection } from "@/components/motivation";
 import { ExperienceSection } from "@/components/experience";
 import { SkillsSection } from "@/components/skills";
 import { AppsSection } from "@/components/apps";
@@ -11,6 +12,7 @@ export default function Home() {
     <>
       <Nav />
       <Hero />
+      <MotivationSection />
       <ExperienceSection />
       <SkillsSection />
       <AppsSection />
diff --git a/components/motivation.tsx b/components/motivation.tsx
new file mode 100644
index 0000000..f750e9b
--- /dev/null
+++ b/components/motivation.tsx
@@ -0,0 +1,48 @@
+import { FadeIn } from "./fade-in";
+import { CV_DATA } from "@/lib/cv-data";
+
+export function MotivationSection() {
+  return (
+    <section
+      id="motivatie"
+      className="mx-auto max-w-[900px]"
+      style={{ padding: "20px clamp(20px, 6vw, 80px) 100px" }}
+    >
+      <FadeIn>
+        <div
+          className="pl-6"
+          style={{ borderLeft: "2px solid rgba(194,51,155,0.45)" }}
+        >
+          <p
+            className="text-[13px] font-semibold uppercase mb-3"
+            style={{ color: "#c2339b", letterSpacing: 3 }}
+          >
+            Motivatie
+          </p>
+          <h2
+            className="font-serif font-normal mb-7"
+            style={{
+              fontSize: "clamp(28px, 3.5vw, 40px)",
+              color: "#e8e4df",
+              letterSpacing: -1,
+            }}
+          >
+            Waar ik naar zoek
+          </h2>
+
+          <div className="max-w-[760px]">
+            {CV_DATA.motivation.map((paragraph) => (
+              <p
+                key={paragraph}
+                className="text-[15px] leading-[1.8] mb-5 last:mb-0"
+                style={{ color: "rgba(255,255,255,0.55)" }}
+              >
+                {paragraph}
+              </p>
+            ))}
+          </div>
+        </div>
+      </FadeIn>
+    </section>
+  );
+}
diff --git a/lib/cv-data.ts b/lib/cv-data.ts
index 53b5883..0c503a7 100644
--- a/lib/cv-data.ts
+++ b/lib/cv-data.ts
@@ -2,7 +2,13 @@ export const CV_DATA = {
   name: "Janpeter Visser",
   tagline: "Software Engineer · Full Stack Developer",
   intro:
-    "Ik bouw al tientallen jaren software, maar de laatste tijd voelt het weer als het begin — dankzij AI. Met Claude en ChatGPT maak ik kleine tools die ergens echt bij helpen: voor vrijwilligers, voor mezelf, en soms gewoon uit nieuwsgierigheid.",
+    "Software engineer en full stack developer met ruim dertig jaar ervaring in het bouwen, onderhouden en verbeteren van software. Sterk in het aanbrengen van structuur, het doorgronden van bestaande systemen en het ontwikkelen van praktische webapplicaties. Werkt met TypeScript, React, Next.js, C#, databases en AI-tools zoals Claude Code en ChatGPT. Beschikbaar voor een duurzame parttime inzet.",
+  motivation: [
+    "Met mijn achtergrond als software engineer en full stack developer ben ik op zoek naar een rol waarin ik mijn brede ervaring opnieuw gericht kan inzetten. Ik heb ruim dertig jaar ervaring met het ontwerpen, bouwen en verbeteren van software, van bedrijfskritische webapplicaties en klantportalen tot moderne full stack toepassingen met TypeScript, React, Next.js, C# en databases.",
+    "Wat mij typeert is dat ik snel structuur aanbreng in complexe systemen. Ik vind het interessant om bestaande software begrijpelijker, stabieler en bruikbaarder te maken, maar ook om nieuwe tools te bouwen die direct waarde leveren. De laatste tijd werk ik veel met AI-tools zoals Claude Code en ChatGPT, onder andere in eigen projecten zoals Scrum4Me en de Inspannings Monitor. Daardoor combineer ik jarenlange technische ervaring met een moderne, praktische manier van ontwikkelen.",
+    "Ik zoek bij voorkeur een parttime rol waarin ik duurzaam en geconcentreerd kan bijdragen, met een inzetbaarheid van ongeveer 50%. In zo'n vorm kom ik het beste tot mijn recht: met duidelijke prioriteiten, heldere communicatie en werk waarin kwaliteit, continuïteit en betrouwbaarheid belangrijk zijn.",
+    "Ik breng rust, ervaring en technisch overzicht mee, en werk graag samen met mensen die software willen maken die echt gebruikt wordt.",
+  ],
   contact: {
     email: "janpetervisser2@gmail.com",
     location: "Rotterdam",