From d95e7fe044b9356fdfceb676b8dd163afd1e8167 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 11 Jun 2026 21:19:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 217 +++++++++++------------------------------------
 1 file changed, 48 insertions(+), 169 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5986400..0ea1603 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,25 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Festival Package",
-          id: "/festival-package",
-        },
+          name: "Festival Package",          id: "#hero"},
         {
-          name: "About Us",
-          id: "/about",
-        },
+          name: "Future Packages",          id: "#future-packages-teaser"},
         {
-          name: "Future Packages",
-          id: "/future-packages",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "#contact-cta"},
       ]}
       brandName="Hulppakketten.nl"
     />
@@ -58,52 +46,26 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       imagePosition="right"
       title="Everything you need, in one package."
       description="Hulppakketten.nl helps you save time and money. Our first product is the Festival Help Package: a complete small bag with earplugs, a poncho, mini deodorant, a powerbank and paracetamol. Everything you need for a great festival day."
       testimonials={[
         {
-          name: "Sarah J.",
-          handle: "@sarahj_fest",
-          testimonial: "This package saved my festival! Had everything I forgot, super handy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-girl-making-hand-gestures_23-2150809628.jpg",
-          imageAlt: "Sarah J.",
-        },
+          name: "Sarah J.",          handle: "@sarahj_fest",          testimonial: "This package saved my festival! Had everything I forgot, super handy.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-girl-making-hand-gestures_23-2150809628.jpg",          imageAlt: "Sarah J."},
         {
-          name: "Mike L.",
-          handle: "@mikel_vibes",
-          testimonial: "Worth every euro. No more running around for essentials. Just pure fun!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg",
-          imageAlt: "Mike L.",
-        },
+          name: "Mike L.",          handle: "@mikel_vibes",          testimonial: "Worth every euro. No more running around for essentials. Just pure fun!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg",          imageAlt: "Mike L."},
         {
-          name: "Emily R.",
-          handle: "@emily.rave",
-          testimonial: "Compact, complete, and cool! The earplugs were a lifesaver.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-pink-sunglasses-making-selfie-blithesome-girl-straw-hat-posing-with-tongue-out-near-disco-balls_197531-9586.jpg",
-          imageAlt: "Emily R.",
-        },
+          name: "Emily R.",          handle: "@emily.rave",          testimonial: "Compact, complete, and cool! The earplugs were a lifesaver.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-pink-sunglasses-making-selfie-blithesome-girl-straw-hat-posing-with-tongue-out-near-disco-balls_197531-9586.jpg",          imageAlt: "Emily R."},
         {
-          name: "David K.",
-          handle: "@dave.dj",
-          testimonial: "Got this as a gift, now I can't imagine a festival without it. Brilliant idea!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopaholic-man-park_1098-21785.jpg",
-          imageAlt: "David K.",
-        },
+          name: "David K.",          handle: "@dave.dj",          testimonial: "Got this as a gift, now I can't imagine a festival without it. Brilliant idea!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopaholic-man-park_1098-21785.jpg",          imageAlt: "David K."},
         {
-          name: "Lisa G.",
-          handle: "@lisa_gigs",
-          testimonial: "Super practical! The powerbank was clutch, and it fit perfectly in my small bag.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-blonde-cute-girl-straw-hat-brazilian-festival-with-colorful-flags-showing-ok-sign_140725-165061.jpg",
-          imageAlt: "Lisa G.",
-        },
+          name: "Lisa G.",          handle: "@lisa_gigs",          testimonial: "Super practical! The powerbank was clutch, and it fit perfectly in my small bag.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-blonde-cute-girl-straw-hat-brazilian-festival-with-colorful-flags-showing-ok-sign_140725-165061.jpg",          imageAlt: "Lisa G."},
       ]}
       testimonialRotationInterval={5000}
       tag="Smart, Affordable & Always Prepared"
@@ -111,36 +73,22 @@ export default function LandingPage() {
       tagAnimation="none"
       buttons={[
         {
-          text: "Order Now",
-          href: "/festival-package#order",
-        },
+          text: "Order Now",          href: "#contact-cta"},
         {
-          text: "View Package",
-          href: "/festival-package",
-        },
+          text: "View Package",          href: "#hero"},
       ]}
       buttonAnimation="none"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-talking-casually-enjoy-fine-summer-sunny-day-standing-orange-background-delighted-relaxed_1258-308423.jpg",
-          alt: "Happy customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-talking-casually-enjoy-fine-summer-sunny-day-standing-orange-background-delighted-relaxed_1258-308423.jpg",          alt: "Happy customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg",
-          alt: "Happy customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg",          alt: "Happy customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
-          alt: "Happy customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",          alt: "Happy customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg",
-          alt: "Happy customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg",          alt: "Happy customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21890.jpg",
-          alt: "Happy customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21890.jpg",          alt: "Happy customer 5"},
       ]}
       avatarText="Loved by festival-goers"
       imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571477.jpg"
@@ -149,26 +97,16 @@ export default function LandingPage() {
       fixedMediaHeight={true}
       marqueeItems={[
         {
-          type: "text",
-          text: "Time-saving convenience",
+          type: "text",          text: "Time-saving convenience"},
+        {
+          type: "text",          text: "Festival-proof essentials"},
+        {
+          type: "text-icon",          text: "Affordable solutions",          icon: DollarSign,
         },
         {
-          type: "text",
-          text: "Festival-proof essentials",
-        },
+          type: "text",          text: "Compact & organized"},
         {
-          type: "text-icon",
-          text: "Affordable solutions",
-          icon: DollarSign,
-        },
-        {
-          type: "text",
-          text: "Compact & organized",
-        },
-        {
-          type: "text-icon",
-          text: "Peace of mind",
-          icon: Heart,
+          type: "text-icon",          text: "Peace of mind",          icon: Heart,
         },
       ]}
     />
@@ -181,19 +119,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Wasting time searching for essentials",
-          "Overpaying for individual items",
-          "Carrying bulky, unorganized gear",
-          "Forgetting crucial items last minute",
-        ],
+          "Wasting time searching for essentials",          "Overpaying for individual items",          "Carrying bulky, unorganized gear",          "Forgetting crucial items last minute"],
       }}
       positiveCard={{
         items: [
-          "Save time, grab and go",
-          "Significantly cheaper than buying separately",
-          "Compact and perfectly organized",
-          "All essentials in one handy package",
-        ],
+          "Save time, grab and go",          "Significantly cheaper than buying separately",          "Compact and perfectly organized",          "All essentials in one handy package"],
       }}
       title="Why Choose Hulppakketten.nl?"
       description="Our packages are designed for your convenience, offering incredible value and peace of mind."
@@ -210,37 +140,16 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "bike",
-          name: "Bike Commuter Package",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-bike-parts_23-2148932657.jpg",
-          imageAlt: "Bike help package",
-          priceButtonProps: {
-            text: "Learn More",
-            href: "/future-packages",
-          },
+          id: "bike",          name: "Bike Commuter Package",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-bike-parts_23-2148932657.jpg",          imageAlt: "Bike help package",          priceButtonProps: {
+            text: "Learn More",            href: "/future-packages"},
         },
         {
-          id: "car",
-          name: "Car Emergency Package",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078239.jpg",
-          imageAlt: "Car help package",
-          priceButtonProps: {
-            text: "Learn More",
-            href: "/future-packages",
-          },
+          id: "car",          name: "Car Emergency Package",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078239.jpg",          imageAlt: "Car help package",          priceButtonProps: {
+            text: "Learn More",            href: "/future-packages"},
         },
         {
-          id: "school",
-          name: "School Essentials Package",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-organizer-with-school-supplies_23-2147654392.jpg",
-          imageAlt: "School help package",
-          priceButtonProps: {
-            text: "Learn More",
-            href: "/future-packages",
-          },
+          id: "school",          name: "School Essentials Package",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/black-organizer-with-school-supplies_23-2147654392.jpg",          imageAlt: "School help package",          priceButtonProps: {
+            text: "Learn More",            href: "/future-packages"},
         },
       ]}
       title="Future Packages: Ready for Anything"
@@ -254,43 +163,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg",
-          imageAlt: "Sarah P. testimonial",
-        },
+          id: "1",          name: "Sarah P.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg",          imageAlt: "Sarah P. testimonial"},
         {
-          id: "2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
-          imageAlt: "Mark D. testimonial",
-        },
+          id: "2",          name: "Mark D.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",          imageAlt: "Mark D. testimonial"},
         {
-          id: "3",
-          name: "Jessica T.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",
-          imageAlt: "Jessica T. testimonial",
-        },
+          id: "3",          name: "Jessica T.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",          imageAlt: "Jessica T. testimonial"},
         {
-          id: "4",
-          name: "Kevin S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-tanned-female-model-posing-emotionally-wooden-wall-outdoor-portrait-enchanting-girl-wears-glasses_197531-10621.jpg",
-          imageAlt: "Kevin S. testimonial",
-        },
+          id: "4",          name: "Kevin S.",          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-tanned-female-model-posing-emotionally-wooden-wall-outdoor-portrait-enchanting-girl-wears-glasses_197531-10621.jpg",          imageAlt: "Kevin S. testimonial"},
         {
-          id: "5",
-          name: "Olivia M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-glasses-wear-casual-posed-outdoor-against-iron-stairs_627829-13647.jpg",
-          imageAlt: "Olivia M. testimonial",
-        },
+          id: "5",          name: "Olivia M.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-glasses-wear-casual-posed-outdoor-against-iron-stairs_627829-13647.jpg",          imageAlt: "Olivia M. testimonial"},
       ]}
       cardTitle="What Our Customers Say"
       cardTag="Trusted by Many"
       buttons={[
         {
-          text: "Read More Reviews",
-          href: "#",
-        },
+          text: "Read More Reviews",          href: "#"},
       ]}
       cardAnimation="slide-up"
     />
@@ -300,31 +187,23 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Got questions? We're here to help you find the perfect package for your needs."
       buttons={[
         {
-          text: "Get in Touch",
-          href: "/contact",
-        },
+          text: "Get in Touch",          href: "/contact"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tm8yck"
-      logoAlt="Hulppakketten.nl Logo"
       logoText="Hulppakketten.nl"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
+      ariaLabel="Site footer with legal links"
     />
   </div>
       </ReactLenis>