Update src/app/medlemskap/page.tsx
This commit is contained in:
@@ -1,11 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function MembershipPage() {
|
||||
@@ -16,7 +15,7 @@ export default function MembershipPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -24,93 +23,62 @@ export default function MembershipPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Odder Bokseklub Vitus"
|
||||
navItems={[
|
||||
{ name: "Om Os", id: "about" },
|
||||
{ name: "Programmer", id: "programs" },
|
||||
{ name: "Skema", id: "schedule" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
{ name: "Medlemskap", id: "membership" }
|
||||
{ name: "Hjem", id: "/" },
|
||||
{ name: "Om Os", id: "/om-oss" },
|
||||
{ name: "Programmer", id: "/programmer" },
|
||||
{ name: "Skema", id: "/skema" },
|
||||
{ name: "Medlemskap", id: "/medlemskap" },
|
||||
]}
|
||||
button={{
|
||||
text: "Prøv Gratis Trening",
|
||||
href: "/kontakt"
|
||||
text: "Prøv Gratis Trening", href: "/kontakt"
|
||||
}}
|
||||
brandName="Odder Bokseklub Vitus"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="membership-plans" data-section="membership-plans">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Medlemskapskategorier"
|
||||
title="Velg det Perfekte Medlemskapet for Ditt Mål"
|
||||
description="Vi tilbyr fleksible medlemskapsalternativer designet for hver fase av din boksereise. Fra nybegynnere til seriøse konkurrenter, har vi et plan som passer deg. Alle medlemskaper inkluderer tilgang til moderne fasiliteter, erfarne trenere og et støttende felleskap."
|
||||
metrics={[
|
||||
{ value: "3", title: "Medlemskapsplaner" },
|
||||
{ value: "200+", title: "Aktive Medlemmer" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/strong-blond-woman-is-trying-attack-her-coach-while-have-boxing-training_613910-17262.jpg?_wi=4"
|
||||
imageAlt="Medlemskapskategorier"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
ariaLabel="Membership categories section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="membership-options" data-section="membership-options">
|
||||
<ProductCardFour
|
||||
title="Medlemskapsplaner"
|
||||
description="Velg mellom våre tilpassede medlemskapsalternativer med forskjellige nivåer av tilgang og fordeler."
|
||||
tag="Priser"
|
||||
textboxLayout="default"
|
||||
description="Velg planen som passer dine behov og treningmål."
|
||||
tag="Medlemskap"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nybegynner Medlemskap",
|
||||
price: "299 kr/mnd",
|
||||
variant: "Perfekt for å starte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dieting-fitness-health-energy-concept-serious-muscular-coach-sportsman-white-tank-top-tying-hand-wraps-before-training-posing-against-blank-copyspace-wall-background-your-content_343059-391.jpg?_wi=3"
|
||||
id: "1", name: "Månedsmedlemskap", price: "299 kr", variant: "Fleksibel måned", imageSrc: "http://img.b2bpic.net/free-photo/strong-blond-woman-is-trying-attack-her-coach-while-have-boxing-training_613910-17262.jpg", imageAlt: "Monthly membership option"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fitness Boksing Medlemskap",
|
||||
price: "399 kr/mnd",
|
||||
variant: "Full adgang til klasser",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-hitting-punching-bag_23-2148017346.jpg?_wi=3"
|
||||
id: "2", name: "Kvartalsmedlemskap", price: "799 kr", variant: "3 måneder", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-trainer-practicing-with-female-boxer-protective-gloves_23-2148426206.jpg", imageAlt: "Quarterly membership option"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ungdom Medlemskap",
|
||||
price: "249 kr/mnd",
|
||||
variant: "For 12-18 år",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-wearing-red-strap-wrist_107420-64993.jpg?_wi=3"
|
||||
id: "3", name: "Årsmedlemskap", price: "2799 kr", variant: "12 måneder", imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-with-gloves-training_23-2148759654.jpg", imageAlt: "Annual membership option"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elite Konkurransem.",
|
||||
price: "599 kr/mnd",
|
||||
variant: "Dedikert treningsplan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxer-practicing-sunlight-fighting-club_1098-14658.jpg?_wi=3"
|
||||
}
|
||||
id: "4", name: "Ungdom (12-18)", price: "199 kr", variant: "Månedlig ungdom", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-doing-workouts-home-man-doing-training-warm-up-before-weight-exercise_1328-4334.jpg", imageAlt: "Youth membership option"
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Membership plans"
|
||||
ariaLabel="Membership plans section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="membership-cta" data-section="membership-cta">
|
||||
<ContactText
|
||||
text="Klar til å bli medlem? Meld deg på din første gratis prøvtrening og opplev klubben selv. Ingen bindinger, bare ren boksing og felleskap."
|
||||
text="Prøv en gratis trening i dag og se om Odder Bokseklub Vitus passer deg perfekt."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Meld Deg på Prøvtrening", href: "/kontakt" },
|
||||
{ text: "Se Skema", href: "/skema" }
|
||||
{
|
||||
text: "Book Gratis Prøvtrening", href: "/kontakt"
|
||||
},
|
||||
{
|
||||
text: "Ring Oss", href: "tel:+4512345678"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Membership call to action"
|
||||
ariaLabel="Call to action section on membership page"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,37 +86,57 @@ export default function MembershipPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{ label: "Hjem", href: "/" },
|
||||
{ label: "Om Os", href: "/om-oss" },
|
||||
{ label: "Programmer", href: "/programmer" },
|
||||
{ label: "Skema", href: "/skema" }
|
||||
]
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Hjem", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Om Os", href: "/om-oss"
|
||||
},
|
||||
{
|
||||
label: "Programmer", href: "/programmer"
|
||||
},
|
||||
{
|
||||
label: "Skema", href: "/skema"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ressurser",
|
||||
items: [
|
||||
{ label: "Medlemskap", href: "/medlemskap" },
|
||||
{ label: "Kontakt", href: "/kontakt" },
|
||||
{ label: "Prøvtrening", href: "/kontakt" }
|
||||
]
|
||||
title: "Ressurser", items: [
|
||||
{
|
||||
label: "Medlemskap", href: "/medlemskap"
|
||||
},
|
||||
{
|
||||
label: "Kontakt", href: "/kontakt"
|
||||
},
|
||||
{
|
||||
label: "Prøvtrening", href: "/kontakt"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{ label: "Tlf: +45 XX XX XX XX", href: "#" },
|
||||
{ label: "Email: info@vitus-boksing.dk", href: "#" },
|
||||
{ label: "Odder, Danmark", href: "#" }
|
||||
]
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Tlf: +45 XX XX XX XX", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Email: info@vitus-boksing.dk", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Odder, Danmark", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Åpningstider",
|
||||
items: [
|
||||
{ label: "Man-Fre: 16:00-22:00", href: "#" },
|
||||
{ label: "Lør-Søn: 10:00-18:00", href: "#" }
|
||||
]
|
||||
}
|
||||
title: "Åpningstider", items: [
|
||||
{
|
||||
label: "Man-Fre: 16:00-22:00", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Lør-Søn: 10:00-18:00", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Odder Bokseklub Vitus. Alle rettigheter reservert."
|
||||
bottomRightText="Laget med ❤️ for Odder"
|
||||
|
||||
Reference in New Issue
Block a user