Merge version_1 into main #3
@@ -1,10 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ContactPage() {
|
||||
@@ -15,7 +14,7 @@ export default function ContactPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -23,68 +22,35 @@ export default function ContactPage() {
|
||||
>
|
||||
<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="contact-info" data-section="contact-info">
|
||||
<FeatureCardTwentyOne
|
||||
tag="Kontakt Oss"
|
||||
title="Få i Kontakt med Odder Bokseklub Vitus"
|
||||
description="Har du spørsmål om medlemskap, programmer eller vil du booke en gratis prøvtrening? Vi er her for å hjelpe! Kontakt oss via telefon, e-post eller besøk oss på klubben."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-trainer-practicing-with-female-boxer-protective-gloves_23-2148426206.jpg?_wi=4"
|
||||
imageAlt="Trener som hjelper medlem"
|
||||
mediaPosition="left"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Telefon",
|
||||
content: "Ring oss på +45 XX XX XX XX. Vi er tilgjengelige Man-Fre 16:00-22:00 og Lør-Søn 10:00-18:00. Snakk direkte med våre trenere og stab."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "E-post",
|
||||
content: "Send oss en e-post på info@vitus-boksing.dk. Vi svarer innen 24 timer med svar på dine spørsmål om medlemskap og programme."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Besøk Oss",
|
||||
content: "Besøk klubben på Odder, Danmark. Du kan møte trenerne personlig, se fasiliteter og få en personlig omvisning. Kom når som helst under åpningstider."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Prøvtrening",
|
||||
content: "Book din gratis prøvtrening direkte! Velg en dag og tid som passer deg, og oppdag hva Odder Bokseklub Vitus handler om. Ingen erfaring nødvendig."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Contact information section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactText
|
||||
text="Klar til å starte? Book din gratis prøvtrening i dag og bli en del av vår boksefamilie i Odder. Vi gleder oss til å møte deg!"
|
||||
text="Klar til å begynne? Prøv din første trening helt gratis og opplev fellesskapet selv."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Book Gratis Prøvtrening", href: "#booking" },
|
||||
{ text: "Se Medlemskapsplaner", href: "/medlemskap" }
|
||||
{
|
||||
text: "Book Gratis Prøvtrening", href: "/kontakt"
|
||||
},
|
||||
{
|
||||
text: "Ring Oss Nå", href: "tel:+4512345678"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Contact call to action"
|
||||
ariaLabel="Contact section on kontakt page"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,37 +58,57 @@ export default function ContactPage() {
|
||||
<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"
|
||||
|
||||
@@ -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