From 42c85229d7181a406fadde968787cd003dce7438 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 08:38:11 +0000
Subject: [PATCH] Update src/app/schedule/page.tsx

---
 src/app/schedule/page.tsx | 221 +++++++++++++++++---------------------
 1 file changed, 101 insertions(+), 120 deletions(-)

diff --git a/src/app/schedule/page.tsx b/src/app/schedule/page.tsx
index 8f3daeb..fe0ca57 100644
--- a/src/app/schedule/page.tsx
+++ b/src/app/schedule/page.tsx
@@ -2,50 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import { Award, Zap, Clock } from "lucide-react";
-import Link from "next/link";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Award, Clock } from "lucide-react";
 
 export default function SchedulePage() {
-  const schedule = [
-    {
-      day: "Maandag",      sessions: [
-        { time: "17:30 - 18:30", type: "Beginners", description: "Inleiding tot boksen voor beginners. Focus op basisstappen en technieken." },
-        { time: "18:45 - 19:45", type: "Intermediate", description: "Uitgebreide techniektraining voor gevorderden. Combinaties en timing." },
-      ],
-    },
-    {
-      day: "Dinsdag",      sessions: [
-        { time: "19:00 - 20:00", type: "Advanced", description: "Geavanceerde bokstechnieken en voorbereiding wedstrijdboxers." },
-        { time: "20:15 - 21:15", type: "Fitness Boksen", description: "Boksgeïnspireerde fitnesstraining. Cardio, kracht en coördinatie." },
-      ],
-    },
-    {
-      day: "Woensdag",      sessions: [
-        { time: "17:00 - 18:00", type: "Jeugd (8-12 jaar)", description: "Bokstraining speciaal ontworpen voor jongeren. Veilig en leerzaam." },
-        { time: "18:15 - 19:15", type: "Beginners", description: "Inleiding tot boksen voor beginners. Focus op basisstappen en technieken." },
-      ],
-    },
-    {
-      day: "Donderdag",      sessions: [
-        { time: "19:30 - 20:30", type: "Intermediate", description: "Uitgebreide techniektraining voor gevorderden. Combinaties en timing." },
-        { time: "20:45 - 21:45", type: "Advanced", description: "Geavanceerde bokstechnieken en voorbereiding wedstrijdboxers." },
-      ],
-    },
-    {
-      day: "Vrijdag",      sessions: [
-        { time: "18:00 - 19:00", type: "Fitness Boksen", description: "Boksgeïnspireerde fitnesstraining. Cardio, kracht en coördinatie." },
-        { time: "19:15 - 20:15", type: "Beginners", description: "Inleiding tot boksen voor beginners. Focus op basisstappen en technieken." },
-      ],
-    },
-    {
-      day: "Zaterdag",      sessions: [
-        { time: "10:00 - 11:00", type: "Jeugd (8-12 jaar)", description: "Bokstraining speciaal ontworpen voor jongeren. Veilig en leerzaam." },
-        { time: "11:15 - 12:15", type: "All Levels", description: "Gemengde training voor alle niveaus. Flexibel programma met individuele aandacht." },
-        { time: "14:00 - 15:00", type: "Advanced", description: "Geavanceerde bokstechnieken en voorbereiding wedstrijdboxers." },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -64,8 +26,8 @@ export default function SchedulePage() {
           brandName="Boxing A80"
           navItems={[
             { name: "Over Ons", id: "/" },
+            { name: "Trainingssprogramma", id: "schedule" },
             { name: "Trainingsprogramma", id: "/" },
-            { name: "Schema", id: "/schedule" },
             { name: "Waarden", id: "/" },
             { name: "Getuigenissen", id: "/" },
             { name: "Contact", id: "/" },
@@ -74,85 +36,104 @@ export default function SchedulePage() {
         />
       </div>
 
-      <div className="py-20">
-        <div className="w-full max-w-4xl mx-auto px-6">
-          <div className="mb-12">
-            <h1 className="text-5xl md:text-6xl font-bold mb-4 text-foreground">Trainingsschema Boxing A80</h1>
-            <p className="text-lg md:text-xl text-foreground/80">
-              Hier vind je ons volledige trainingsschema voor alle niveaus. Van beginners tot geavanceerde boxers - er is altijd een les die bij jou past.
-            </p>
-          </div>
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Trainingsschema Boxing A80"
+          description="Maandag tot en met zaterdag hebben we trainingen voor alle niveaus. Of je nu beginner bent, gevorderde of wedstrijdboxer - we hebben de perfecte training voor jou. Kom langs en maak kennis met ons team!"
+          tag="Trainingsschema"
+          tagIcon={Clock}
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/sideways-strong-male-boxer-training-competition_23-2148416691.jpg",              imageAlt: "professional boxing gym training facility"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/boxer-boy-posing-gym_23-2148201190.jpg",              imageAlt: "athlete boxer training dynamic action"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-practicing-with-trainer_23-2148615097.jpg",              imageAlt: "boxing club group training together"
+            },
+          ]}
+          buttons={[
+            { text: "Proefles Boeken", href: "/" },
+            { text: "Terug naar Home", href: "/" },
+          ]}
+          mediaAnimation="slide-up"
+          buttonAnimation="slide-up"
+          tagAnimation="slide-up"
+        />
+      </div>
 
-          <div className="grid gap-8">
-            {schedule.map((daySchedule, dayIndex) => (
-              <div
-                key={dayIndex}
-                className="border border-accent rounded-lg overflow-hidden bg-card shadow-lg hover:shadow-xl transition-shadow"
-              >
-                <div className="bg-primary-cta text-primary-cta-text px-6 py-4">
-                  <h2 className="text-2xl font-bold">{daySchedule.day}</h2>
-                </div>
-                <div className="p-6">
-                  {daySchedule.sessions.map((session, sessionIndex) => (
-                    <div
-                      key={sessionIndex}
-                      className={`pb-6 ${
-                        sessionIndex < daySchedule.sessions.length - 1 ? "border-b border-accent/30" : ""
-                      }`}
-                    >
-                      <div className="flex items-start gap-4">
-                        <div className="flex-shrink-0 mt-1">
-                          <Clock className="w-6 h-6 text-primary-cta" />
-                        </div>
-                        <div className="flex-grow">
-                          <div className="flex items-center gap-2 mb-2">
-                            <h3 className="text-xl font-bold text-foreground">{session.time}</h3>
-                            <span className="inline-block px-3 py-1 bg-primary-cta text-primary-cta-text text-sm font-semibold rounded-full">
-                              {session.type}
-                            </span>
-                          </div>
-                          <p className="text-foreground/70">{session.description}</p>
-                        </div>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-            ))}
-          </div>
+      <div id="schedule" data-section="schedule">
+        <SplitAbout
+          title="Volledig Trainingsschema Boxing A80"
+          description="Bij Boxing A80 trainingen we het hele jaar door, van maandag tot en met zaterdag. Elk trainingsmoment is ontworpen om je fysiek en mentaal sterker te maken, onder begeleiding van onze gediplomeerde trainers. Of je nu voor het eerst een bokshandschoen aandoet of je voorbereidt op wedstrijden - we hebben een plek voor jou."
+          tag="Maandag t/m Zaterdag"
+          tagIcon={Clock}
+          bulletPoints={[
+            {
+              title: "Maandag",              description: "18:00-19:30 Beginners - Perfect voor nieuwe leden. Leer de basis van boksen in een vriendelijke omgeving. 19:30-21:00 Gevorderden - Voor leden met meer ervaring die hun techniek willen verbeteren.",              icon: Clock,
+            },
+            {
+              title: "Dinsdag",              description: "18:00-19:30 Jeugd (8-16 jaar) - Speciaal ontworpen training voor jonge atleten met aandacht voor techniek en veiligheid. 19:30-21:00 Wedstrijdboxers - Intensieve training voor sporters die willen wedstrijden.",              icon: Clock,
+            },
+            {
+              title: "Woensdag",              description: "18:00-19:30 Cardio Boksen - Focus op fitness, veerkracht en vetverbranding met boksbeweging. 19:30-21:00 Gevorderden - Geavanceerde technische training voor ervaren boxers.",              icon: Clock,
+            },
+            {
+              title: "Donderdag",              description: "18:00-19:30 Beginners - Nog een gelegenheid voor beginners om deel te nemen aan fundamentele bokstraining. 19:30-21:00 Wedstrijdboxers - Voorbereiding en training voor competitieve boxers.",              icon: Clock,
+            },
+            {
+              title: "Vrijdag",              description: "18:00-19:30 Jeugd (8-16 jaar) - Tweede jeugdsessie van de week met focus op plezier en veiligheid. 19:30-21:00 Gevorderden - Afrondingsdag van de week voor gevorderde trainers.",              icon: Clock,
+            },
+            {
+              title: "Zaterdag",              description: "09:00-10:30 Familie Boksen - Een unieke training waar families samen kunnen trainen en het boksen ontdekken. 10:30-12:00 Gevorderden - Weekend-sessie voor intensieve training en voorbereiding.",              icon: Clock,
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-young-brunette-relaxing-getting-ready-working-out-gym_662251-1301.jpg"
+          imageAlt="boxing training schedule and classes"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+        />
+      </div>
 
-          <div className="mt-12 p-8 bg-background-accent/10 border border-accent rounded-lg">
-            <h3 className="text-2xl font-bold mb-4 text-foreground">Informatie</h3>
-            <ul className="space-y-3 text-foreground/80">
-              <li className="flex items-start gap-3">
-                <span className="text-primary-cta font-bold mt-1">•</span>
-                <span>Alle lessen zijn geopend voor leden. Leden kunnen kiezen welke sessies het beste voor hen werken.</span>
-              </li>
-              <li className="flex items-start gap-3">
-                <span className="text-primary-cta font-bold mt-1">•</span>
-                <span>Geen ervaring nodig voor Beginners-sessies. Onze trainers begeleiden je stap voor stap.</span>
-              </li>
-              <li className="flex items-start gap-3">
-                <span className="text-primary-cta font-bold mt-1">•</span>
-                <span>Jeugdsessies zijn speciaal ontworpen voor veiligheid en leerzaamheid van jonge boksers.</span>
-              </li>
-              <li className="flex items-start gap-3">
-                <span className="text-primary-cta font-bold mt-1">•</span>
-                <span>Wil je een proefles volgen? Neem contact met ons op of meld je aan voor je eerste sessie.</span>
-              </li>
-            </ul>
-          </div>
-
-          <div className="mt-12 text-center">
-            <Link
-              href="/"
-              className="inline-block px-8 py-4 bg-primary-cta text-primary-cta-text font-bold rounded-lg hover:opacity-90 transition-opacity"
-            >
-              Terug naar Home
-            </Link>
-          </div>
-        </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/pair-gloves-boxing-sport_23-2150367634.jpg"
+          imageAlt="boxing ring close-up ropes detail"
+          logoText="Boxing A80"
+          copyrightText="© 2025 Boxing A80 - Authentieke Boksacademie van Amersfoort"
+          columns={[
+            {
+              title: "Club",              items: [
+                { label: "Over Ons", href: "/" },
+                { label: "Trainingsschema", href: "/schedule" },
+                { label: "Trainers", href: "/" },
+                { label: "Waarden", href: "/" },
+                { label: "Getuigenissen", href: "/" },
+              ],
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Nijverheidsweg-Noord 40", href: "#" },
+                { label: "3812 PM Amersfoort", href: "#" },
+                { label: "secretaris@boxing-a80.nl", href: "mailto:secretaris@boxing-a80.nl" },
+                { label: "06-39493895", href: "tel:0639493895" },
+              ],
+            },
+            {
+              title: "Volgen",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Privacybeleid", href: "#" },
+                { label: "Algemene Voorwaarden", href: "#" },
+              ],
+            },
+          ]}
+        />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}