From f06c5f9dbddc41007b00527d392dd3cc8790d635 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 16:55:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 198 ++++++++++-------------------------------------
 1 file changed, 40 insertions(+), 158 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2b3cac2..70faaec 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,74 +18,46 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Oplossingen",
-          id: "#features",
-        },
-        {
-          name: "Over ons",
-          id: "#about",
-        },
-        {
-          name: "Inspiratie",
-          id: "#faq",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Oplossingen", id: "#features" },
+        { name: "Over ons", id: "#about" },
+        { name: "Inspiratie", id: "#faq" },
       ]}
       brandName="Fourtop ICT"
       button={{
-        text: "Contact",
-        href: "#contact",
-      }}
+        text: "Contact",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Eindelijk, een strategische IT partner voor bedrijven die willen doorgroeien!"
       description="Managed IT dienstverlening en security? Daarvoor kun je natuurlijk bij ons terecht. Maar wij gaan verder dan dat. Als jouw IT-strateeg denken we met je mee op ondernemersniveau."
       buttons={[
         {
-          text: "Ontdek Onze Oplossingen",
-          href: "#features",
-        },
+          text: "Ontdek Onze Oplossingen",          href: "#features"},
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-employees-using-tablet_23-2148339334.jpg",
-          imageAlt: "Strategic IT Partnership",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17238.jpg",
-          imageAlt: "Managed IT Services",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-20926.jpg",
-          imageAlt: "Security Operations",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg",
-          imageAlt: "Cloud Solutions",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",
-          imageAlt: "Procesautomatisering",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg",
-          imageAlt: "IT Strategie",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-employees-using-tablet_23-2148339334.jpg", imageAlt: "Strategic IT Partnership" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17238.jpg", imageAlt: "Managed IT Services" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-20926.jpg", imageAlt: "Security Operations" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg", imageAlt: "Cloud Solutions" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg", imageAlt: "Procesautomatisering" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg", imageAlt: "IT Strategie" },
       ]}
     />
   </div>
@@ -95,9 +67,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Jouw Strategische IT Partner"
       description={[
-        "Bij Fourtop ICT zijn we meer dan alleen een servicedesk. Wij zijn de strategische partner die jouw bedrijf naar het volgende niveau helpt.",
-        "Onze focus ligt op duurzame groei, security en processen die echt voor je werken. Samen bouwen we aan een IT-landschap dat klaar is voor de toekomst.",
-      ]}
+        "Bij Fourtop ICT zijn we meer dan alleen een servicedesk. Wij zijn de strategische partner die jouw bedrijf naar het volgende niveau helpt.",        "Onze focus ligt op duurzame groei, security en processen die echt voor je werken. Samen bouwen we aan een IT-landschap dat klaar is voor de toekomst."]}
     />
   </div>
 
@@ -107,27 +77,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Cloudoplossingen",
-          subtitle: "Altijd en overal veilig werken.",
-          category: "IT-infrastructuur",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Managed Services",
-          subtitle: "Proactief beheer en support.",
-          category: "Support",
-          value: "24/7",
-        },
-        {
-          id: "f3",
-          title: "Cybersecurity",
-          subtitle: "Optimale bescherming van jouw data.",
-          category: "Security",
-          value: "Max",
-        },
+        { id: "f1", title: "Cloudoplossingen", subtitle: "Altijd en overal veilig werken.", category: "IT-infrastructuur", value: "100%" },
+        { id: "f2", title: "Managed Services", subtitle: "Proactief beheer en support.", category: "Support", value: "24/7" },
+        { id: "f3", title: "Cybersecurity", subtitle: "Optimale bescherming van jouw data.", category: "Security", value: "Max" },
       ]}
       title="Onze Oplossingen"
       description="Van cloud tot security: alles wat je nodig hebt om zorgeloos te groeien."
@@ -140,33 +92,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "Klanttevredenheid",
-          items: [
-            "Snelle response",
-            "Persoonlijke aanpak",
-          ],
-        },
-        {
-          id: "m2",
-          value: "100+",
-          title: "Succesvolle Projecten",
-          items: [
-            "Strategische IT",
-            "Security audits",
-          ],
-        },
-        {
-          id: "m3",
-          value: "20+",
-          title: "Jaar Ervaring",
-          items: [
-            "Diepgaande expertise",
-            "Vertrouwde partner",
-          ],
-        },
+        { id: "m1", value: "95%", title: "Klanttevredenheid", items: ["Snelle response", "Persoonlijke aanpak"] },
+        { id: "m2", value: "100+", title: "Succesvolle Projecten", items: ["Strategische IT", "Security audits"] },
+        { id: "m3", value: "20+", title: "Jaar Ervaring", items: ["Diepgaande expertise", "Vertrouwde partner"] },
       ]}
       title="Impact in Cijfers"
       description="Hoe wij onze partners ondersteunen bij hun dagelijkse doelen."
@@ -175,44 +103,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jansen",
-          handle: "CEO bij Groeibedrijf",
-          testimonial: "Fourtop is voor ons echt een partner op strategisch niveau. Ze denken mee.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark de Vries",
-          handle: "Manager Operations",
-          testimonial: "Sinds we bij Fourtop zitten, zijn onze IT-processen eindelijk stabiel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emma Visser",
-          handle: "IT-Verantwoordelijke",
-          testimonial: "Deskundig, meedenkend en altijd bereikbaar. Een verademing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
-        },
-        {
-          id: "t4",
-          name: "Daan Peters",
-          handle: "Directeur",
-          testimonial: "De beveiliging is top geregeld en we hebben geen omkijken meer naar onze IT.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lotte Bakker",
-          handle: "Finance Director",
-          testimonial: "Een partner die echt begrijpt wat ondernemen betekent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
-        },
+        { id: "t1", name: "Sarah Jansen", handle: "CEO bij Groeibedrijf", testimonial: "Fourtop is voor ons echt een partner op strategisch niveau. Ze denken mee.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg" },
+        { id: "t2", name: "Mark de Vries", handle: "Manager Operations", testimonial: "Sinds we bij Fourtop zitten, zijn onze IT-processen eindelijk stabiel.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
+        { id: "t3", name: "Emma Visser", handle: "IT-Verantwoordelijke", testimonial: "Deskundig, meedenkend en altijd bereikbaar. Een verademing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg" },
+        { id: "t4", name: "Daan Peters", handle: "Directeur", testimonial: "De beveiliging is top geregeld en we hebben geen omkijken meer naar onze IT.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
+        { id: "t5", name: "Lotte Bakker", handle: "Finance Director", testimonial: "Een partner die echt begrijpt wat ondernemen betekent.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg" },
       ]}
       title="Wat Klanten Over Ons Zeggen"
       description="Ervaringen van ondernemers die met Fourtop ICT groeien."
@@ -224,21 +123,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Wat is een strategische IT partner?",
-          content: "Het betekent dat we verder kijken dan techniek alleen. We kijken naar jouw bedrijfsdoelen en hoe IT deze kan versnellen.",
-        },
-        {
-          id: "q2",
-          title: "Bieden jullie ook cybersecurity?",
-          content: "Zeker, security zit in het DNA van onze dienstverlening. We beschermen je data volgens de hoogste standaarden.",
-        },
-        {
-          id: "q3",
-          title: "Zijn jullie 24/7 bereikbaar?",
-          content: "Voor kritieke IT-processen bieden we uitgebreide ondersteuning zodat je bedrijf altijd door kan.",
-        },
+        { id: "q1", title: "Wat is een strategische IT partner?", content: "Het betekent dat we verder kijken dan techniek alleen. We kijken naar jouw bedrijfsdoelen en hoe IT deze kan versnellen." },
+        { id: "q2", title: "Bieden jullie ook cybersecurity?", content: "Zeker, security zit in het DNA van onze dienstverlening. We beschermen je data volgens de hoogste standaarden." },
+        { id: "q3", title: "Zijn jullie 24/7 bereikbaar?", content: "Voor kritieke IT-processen bieden we uitgebreide ondersteuning zodat je bedrijf altijd door kan." },
       ]}
       title="Veelgestelde Vragen"
       description="Heb je een vraag over onze aanpak of diensten? Hier vind je de antwoorden."
@@ -250,8 +137,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact"
       title="Klaar voor de volgende stap?"
       description="Laten we kennismaken en kijken hoe we jouw IT-strategie naar het volgende niveau kunnen tillen."
@@ -264,16 +150,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Fourtop ICT"
       leftLink={{
-        text: "servicedesk@fourtop.nl",
-        href: "mailto:servicedesk@fourtop.nl",
-      }}
+        text: "servicedesk@fourtop.nl",        href: "mailto:servicedesk@fourtop.nl"}}
       rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1