bender/a07d640d-fe10-4be9-8c32-7812a7e692d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:14:50 +00:00
parent d2823509b0
commit dd5ce134f6
1 changed files with 27 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -28,30 +28,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Was ist CrossFit",
id: "explained",
},
{
name: "Stimmen",
id: "reviews",
},
{
name: "Mitgliedschaft",
id: "pricing",
},
{
name: "Team",
id: "team",
},
{
name: "Lage",
id: "location",
},
{
name: "Probetraining",
id: "trial",
},
{ name: "Was ist CrossFit", id: "explained" },
{ name: "Stimmen", id: "reviews" },
{ name: "Mitgliedschaft", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Lage", id: "location" },
{ name: "Probetraining", id: "trial" },
]}
brandName="CrossFit mit Schmackes"
/>
@@ -59,42 +41,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Kein Gym. Eine Community."
description="CrossFit mit Schmackes — Gevelsberg. Professionelles Training, das süchtig macht. Für absolute Einsteiger genauso wie für Wettkampf-Athleten."
buttons={[
{
text: "Probetraining",
href: "#trial",
},
{
text: "Was ist CrossFit?",
href: "#explained",
},
]}
buttons={[{ text: "Probetraining", href: "#trial" }, { text: "Was ist CrossFit?", href: "#explained" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-working-out-gym-training-lifting-weights_657883-640.jpg?_wi=1",
imageAlt: "modern dark crossfit gym industrial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-athletic-people-resting-after-workout_23-2147949695.jpg",
imageAlt: "athlete lifting barbell intense",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-gym_23-2149178038.jpg",
imageAlt: "professional crossfit coach portrait",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-8927.jpg",
imageAlt: "female crossfit coach portrait",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-locker-room-after-swimming_23-2148357070.jpg",
imageAlt: "fitness expert portrait dark gym",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-working-out-gym-training-lifting-weights_657883-640.jpg", imageAlt: "modern dark crossfit gym industrial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/group-athletic-people-resting-after-workout_23-2147949695.jpg", imageAlt: "athlete lifting barbell intense" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-gym_23-2149178038.jpg", imageAlt: "professional crossfit coach portrait" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-women-standing-writing-down-something-into-notebook_1153-8927.jpg", imageAlt: "female crossfit coach portrait" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-locker-room-after-swimming_23-2148357070.jpg", imageAlt: "fitness expert portrait dark gym" },
]}
mediaAnimation="slide-up"
/>
@@ -107,21 +63,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{
title: "Technik zuerst",
description: "Coaches korrigieren jede Bewegung. Lerne es richtig.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150289989.jpg",
},
{
title: "Echte Community",
description: "Du bist keine Nummer. Werde Teil unserer Box.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg",
},
{
title: "Durchdachtes Programm",
description: "Wissenschaftlich fundiertes Programming.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg",
},
{ title: "Technik zuerst", description: "Coaches korrigieren jede Bewegung. Lerne es richtig.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150289989.jpg" },
{ title: "Echte Community", description: "Du bist keine Nummer. Werde Teil unserer Box.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg" },
{ title: "Durchdachtes Programm", description: "Wissenschaftlich fundiertes Programming.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg" },
]}
title="Hier stimmt einfach alles"
description="Was uns von einem normalen Fitnessstudio unterscheidet."
@@ -136,18 +80,9 @@ export default function LandingPage() {
title="Was ist CrossFit?"
description="Funktionelles Training in Gruppen. Täglich wechselnde Workouts. Kurz, intensiv, niemals langweilig."
bulletPoints={[
{
title: "Funktionell",
description: "Bewegungen aus dem Alltag und Wettkampf.",
},
{
title: "Variabel",
description: "Kein Workout ist wie das andere.",
},
{
title: "Intensiv",
description: "Maximale Ergebnisse in kurzer Zeit.",
},
{ title: "Funktionell", description: "Bewegungen aus dem Alltag und Wettkampf." },
{ title: "Variabel", description: "Kein Workout ist wie das andere." },
{ title: "Intensiv", description: "Maximale Ergebnisse in kurzer Zeit." },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-powerful-sportsman-training-with-barbell-dark-wall_176420-531.jpg"
imageAlt="athlete lifting barbell intense"
@@ -161,38 +96,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Einsteiger",
price: "79€",
subtitle: "3x pro Woche",
buttons: [
{
text: "Auswählen",
},
],
features: [
"3 Einheiten",
"App Zugriff",
"Community",
],
},
{
id: "unlimited",
badge: "Beste Wahl",
price: "109€",
subtitle: "Unbegrenzt",
buttons: [
{
text: "Auswählen",
},
],
features: [
"Unbegrenzt",
"App Zugriff",
"Workshops",
],
},
{ id: "basic", badge: "Einsteiger", price: "79€", subtitle: "3x pro Woche", buttons: [{ text: "Auswählen" }], features: ["3 Einheiten", "App Zugriff", "Community"] },
{ id: "unlimited", badge: "Beste Wahl", price: "109€", subtitle: "Unbegrenzt", buttons: [{ text: "Auswählen" }], features: ["Unbegrenzt", "App Zugriff", "Workshops"] },
]}
title="Mitgliedschaft"
description="Transparent und fair. Monatlich kündbar."
@@ -206,33 +111,11 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "staff",
groupTitle: "Das Team",
members: [
{
id: "m1",
title: "Jan",
subtitle: "Head Coach",
detail: "Gründer & Sportwissenschaftler.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-boxer-wrapping-her-hand-preparation-practice_23-2148426158.jpg",
},
{
id: "m2",
title: "Janice",
subtitle: "Coach",
detail: "Ernährungsexpertin.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-jumping-rope_23-2147789633.jpg",
},
{
id: "m3",
title: "Hannah",
subtitle: "Coach",
detail: "Spezialistin für Gymnastics.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-afro-american-man_171337-8262.jpg",
},
id: "staff", groupTitle: "Das Team", members: [
{ id: "m1", title: "Jan", subtitle: "Head Coach", detail: "Gründer & Sportwissenschaftler.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-boxer-wrapping-her-hand-preparation-practice_23-2148426158.jpg" },
{ id: "m2", title: "Janice", subtitle: "Coach", detail: "Ernährungsexpertin.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-jumping-rope_23-2147789633.jpg" },
{ id: "m3", title: "Hannah", subtitle: "Coach", detail: "Spezialistin für Gymnastics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-afro-american-man_171337-8262.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-working-out-gym-training-lifting-weights_657883-640.jpg?_wi=2",
imageAlt: "professional crossfit coach portrait",
},
]}
title="Unsere Coaches"
@@ -245,28 +128,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-bench-press-machine_23-2147688194.jpg"
logoText="CrossFit mit Schmackes"
columns={[
{
title: "Quick Links",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Email",
href: "mailto:info@crossfitmitschmackes.de",
},
],
},
{ title: "Quick Links", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
{ title: "Kontakt", items: [{ label: "Email", href: "mailto:info@crossfitmitschmackes.de" }] },
]}
imageAlt="crossfit gym overview dark"
/>