Merge version_1 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user