bender/5afccd2e-c96d-42e2-a6cb-25f68f1480a0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add src/app/schedule/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 08:35:26 +00:00
parent f683d28beb
commit c561adefaf
1 changed files with 180 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
src/app/schedule/page.tsx Normal file
View File

@@ -0,0 +1,180 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Clock, Users } from "lucide-react";
export default function SchedulePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Boxing A80"
navItems={[
{ name: "Over Ons", id: "/about" },
{ name: "Trainingsprogramma", id: "/features" },
{ name: "Waarden", id: "/values" },
{ name: "Getuigenissen", id: "/testimonials" },
{ name: "Schema", id: "/schedule" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Proefles", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "radial-gradient" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/man-screaming-with-boxer-globes_1154-115.jpg", alt: "Boxing trainer" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-girl-learning-boxing_23-2150399990.jpg", alt: "Female boxer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-experienced-female-boxer-boxing-gloves-activewear_613910-12650.jpg", alt: "Boxer training" },
]}
avatarText="Voor alle niveaus"
title="Trainingschema Boxing A80"
description="Alle trainingstijden en programma's voor mannen, vrouwen en jeugd. Kom naar de training die het beste bij jou past."
buttons={[
{ text: "Proefles Boeken", href: "contact" },
{ text: "Terug naar Home", href: "/" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="schedule-content" data-section="schedule-content" className="py-20 px-6 md:px-0">
<div className="w-full max-w-3xl mx-auto">
<div className="mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-6">Reguliere Trainingen</h2>
<div className="space-y-6">
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<div className="flex items-center gap-2 mb-2">
<Clock className="w-5 h-5" />
<h3 className="text-xl font-semibold">Volwassenen - Beginners</h3>
</div>
<p className="text-foreground/80 mb-2">Maandag & Woensdag</p>
<p className="text-lg font-medium">19:00 - 20:30</p>
<p className="text-sm text-foreground/60 mt-2">Perfecte introductie tot boksen met aandacht voor techniek en veiligheid</p>
</div>
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<div className="flex items-center gap-2 mb-2">
<Users className="w-5 h-5" />
<h3 className="text-xl font-semibold">Volwassenen - Gevorderden</h3>
</div>
<p className="text-foreground/80 mb-2">Dinsdag & Donderdag</p>
<p className="text-lg font-medium">19:30 - 21:00</p>
<p className="text-sm text-foreground/60 mt-2">Intensieve training voor deelnemers met voorgaande bokskaart</p>
</div>
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<div className="flex items-center gap-2 mb-2">
<Award className="w-5 h-5" />
<h3 className="text-xl font-semibold">Jeugd (12-18 jaar)</h3>
</div>
<p className="text-foreground/80 mb-2">Woensdag & Zaterdag</p>
<p className="text-lg font-medium">17:00 - 18:30</p>
<p className="text-sm text-foreground/60 mt-2">Speciaal ontworpen training voor jongeren met focus op vaardigheden en zelfvertrouwen</p>
</div>
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<div className="flex items-center gap-2 mb-2">
<Clock className="w-5 h-5" />
<h3 className="text-xl font-semibold">Vrouwen - Groep</h3>
</div>
<p className="text-foreground/80 mb-2">Maandag & Vrijdag</p>
<p className="text-lg font-medium">18:00 - 19:30</p>
<p className="text-sm text-foreground/60 mt-2">Exclusieve vrouwengroep waar je op je gemak kunt trainen</p>
</div>
</div>
</div>
<div className="mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-6">Speciale Programma's</h2>
<div className="space-y-6">
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<h3 className="text-xl font-semibold mb-2">Privétrainingen</h3>
<p className="text-foreground/80 mb-2">Op afspraak</p>
<p className="text-sm text-foreground/60">Persoonlijke coaching voor specifieke doelen en voorbereiding op wedstrijden</p>
</div>
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<h3 className="text-xl font-semibold mb-2">Wedstrijdtraining</h3>
<p className="text-foreground/80 mb-2">Dinsdag & Vrijdag</p>
<p className="text-lg font-medium">20:00 - 21:30</p>
<p className="text-sm text-foreground/60 mt-2">Intensieve voorbereiding voor competitieve boxers</p>
</div>
<div className="border border-foreground/20 rounded-lg p-6 bg-card">
<h3 className="text-xl font-semibold mb-2">Zaterdag Groepsclass</h3>
<p className="text-foreground/80 mb-2">Zaterdag</p>
<p className="text-lg font-medium">10:00 - 11:30</p>
<p className="text-sm text-foreground/60 mt-2">Ontspannen groepstraining voor recreatieve deelnemers</p>
</div>
</div>
</div>
<div className="bg-background-accent/10 border border-background-accent rounded-lg p-8 text-center">
<h3 className="text-2xl font-bold mb-4">Klaar om te starten?</h3>
<p className="text-foreground/80 mb-6">Neem contact op of boek je gratis proefles vandaag nog</p>
<div className="flex gap-4 justify-center flex-wrap">
<a href="mailto:secretaris@boxing-a80.nl" className="px-6 py-3 bg-primary-cta text-primary-cta-text rounded-full font-semibold hover:opacity-90 transition">
E-mail verzenden
</a>
<a href="tel:0639493895" className="px-6 py-3 bg-secondary-cta text-secondary-cta-text border border-foreground/20 rounded-full font-semibold hover:opacity-90 transition">
Bel ons
</a>
</div>
</div>
</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: "Trainingsprogramma", href: "/#features" },
{ label: "Waarden", href: "/#values" },
{ label: "Getuigenissen", href: "/#testimonials" },
],
},
{
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>
);
}