Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 830fbfc83f | |||
| 038b574f6f |
252
src/app/page.tsx
252
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Hem", id: "hero" },
|
||||||
name: "Hem",
|
{ name: "Om Oss", id: "about" },
|
||||||
id: "hero",
|
{ name: "Squash & Gym", id: "features" },
|
||||||
},
|
{ name: "Boka", id: "contact" },
|
||||||
{
|
|
||||||
name: "Om Oss",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Squash & Gym",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Boka",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="The Club Malmö"
|
brandName="The Club Malmö"
|
||||||
/>
|
/>
|
||||||
@@ -55,81 +43,49 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Malmö Squash Club"
|
title="Malmö Squash Club"
|
||||||
description="Välkommen till Malmö Squash Club – en klubb med lång och rik historia. Upplev fartfylld squash och träna i vårt gym mitt i Malmö."
|
description="Välkommen till Malmö Squash Club – en klubb med lång och rik historia. Upplev fartfylld squash och träna i vårt gym mitt i Malmö."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "7", label: "Squashbanor" },
|
||||||
value: "7",
|
{ value: "1925", label: "Grundad" },
|
||||||
label: "Squashbanor",
|
{ value: "100%", label: "Rörelseglädje" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1925",
|
|
||||||
label: "Grundad",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
label: "Rörelseglädje",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Boka bana",
|
text: "Boka bana", href: "https://theclubmalmoe.goactivebooking.com/"},
|
||||||
href: "https://theclubmalmoe.goactivebooking.com/",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13290.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13290.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30633.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30633.jpg", alt: "Squash coach profile"},
|
||||||
alt: "Squash coach profile",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13255.jpg",
|
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13255.jpg", alt: "Member profile"},
|
||||||
alt: "Member profile",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/two-squash-players-with-rackets_329181-18926.jpg",
|
src: "http://img.b2bpic.net/free-photo/two-squash-players-with-rackets_329181-18926.jpg", alt: "Member profile"},
|
||||||
alt: "Member profile",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13300.jpg",
|
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13300.jpg", alt: "Member profile"},
|
||||||
alt: "Member profile",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13290.jpg",
|
src: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13290.jpg", alt: "Squash player profile"},
|
||||||
alt: "Squash player profile",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Över 100 aktiva medlemmar"
|
avatarText="Över 100 aktiva medlemmar"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Squash", icon: Activity,
|
||||||
text: "Squash",
|
|
||||||
icon: Activity,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Gym", icon: Star,
|
||||||
text: "Gym",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Gemenskaper", icon: Users,
|
||||||
text: "Gemenskaper",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Träning", icon: Activity,
|
||||||
text: "Träning",
|
|
||||||
icon: Activity,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Tävling", icon: Trophy,
|
||||||
text: "Tävling",
|
|
||||||
icon: Trophy,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -143,17 +99,11 @@ export default function LandingPage() {
|
|||||||
description="Malmö Squash Club är mer än bara en idrottsförening; det är en plats för gemenskap, hälsa och utveckling. Vi har fostrat några av Europas absolut bästa spelare genom tiderna och välkomnar nu motionärer, nybörjare och tävlingsspelare till våra banor."
|
description="Malmö Squash Club är mer än bara en idrottsförening; det är en plats för gemenskap, hälsa och utveckling. Vi har fostrat några av Europas absolut bästa spelare genom tiderna och välkomnar nu motionärer, nybörjare och tävlingsspelare till våra banor."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Squashskola",
|
title: "Squashskola", description: "Träning för alla nivåer, från nybörjare till avancerad tävlingsspelare."},
|
||||||
description: "Träning för alla nivåer, från nybörjare till avancerad tävlingsspelare.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Gym & Hälsa",
|
title: "Gym & Hälsa", description: "Moderna gymfaciliteter för dig som vill hålla igång livet ut."},
|
||||||
description: "Moderna gymfaciliteter för dig som vill hålla igång livet ut.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Gruppspel",
|
title: "Gruppspel", description: "Regelbundna gruppspel för social och sportslig utveckling."},
|
||||||
description: "Regelbundna gruppspel för social och sportslig utveckling.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13247.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13247.jpg"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
@@ -166,20 +116,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Gruppträning",
|
title: "Gruppträning", description: "Ledda squashpass för både tjejer och vuxna. Utveckla din teknik med våra klubbtränare.", imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-close-up_1203-2090.jpg"},
|
||||||
description: "Ledda squashpass för både tjejer och vuxna. Utveckla din teknik med våra klubbtränare.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-close-up_1203-2090.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Junior Squash",
|
title: "Junior Squash", description: "Squashskola för barn 8-18 år. Fokus på grundläggande teknik, regler och kul på banan.", imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13243.jpg"},
|
||||||
description: "Squashskola för barn 8-18 år. Fokus på grundläggande teknik, regler och kul på banan.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13243.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Fullutrustat Gym",
|
title: "Fullutrustat Gym", description: "Vi tycker det är roligt att må bra och hålla igång i ett aktivt samhälle.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smarthone-near-weight-rack_23-2147789616.jpg"},
|
||||||
description: "Vi tycker det är roligt att må bra och hålla igång i ett aktivt samhälle.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smarthone-near-weight-rack_23-2147789616.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vårt Träningsutbud"
|
title="Vårt Träningsutbud"
|
||||||
description="Utforska våra olika träningsmöjligheter för att maximera din hälsa och spelstyrka."
|
description="Utforska våra olika träningsmöjligheter för att maximera din hälsa och spelstyrka."
|
||||||
@@ -193,51 +134,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "junior",
|
id: "junior", name: "Junior 1 gång/vecka", price: "1700 kr", features: [
|
||||||
name: "Junior 1 gång/vecka",
|
"Grundläggande teknik", "Roliga övningar", "1 termin"],
|
||||||
price: "1700 kr",
|
|
||||||
features: [
|
|
||||||
"Grundläggande teknik",
|
|
||||||
"Roliga övningar",
|
|
||||||
"1 termin",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Anmäl dig",
|
text: "Anmäl dig", href: "mailto:info@malmosquash.se"},
|
||||||
href: "mailto:info@malmosquash.se",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "junior-pro",
|
id: "junior-pro", name: "Junior 2 gånger/vecka", price: "3400 kr", features: [
|
||||||
name: "Junior 2 gånger/vecka",
|
"Avancerad strategi", "Fysisk styrka", "Matcher"],
|
||||||
price: "3400 kr",
|
|
||||||
features: [
|
|
||||||
"Avancerad strategi",
|
|
||||||
"Fysisk styrka",
|
|
||||||
"Matcher",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Anmäl dig",
|
text: "Anmäl dig", href: "mailto:info@malmosquash.se"},
|
||||||
href: "mailto:info@malmosquash.se",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "membership",
|
id: "membership", name: "Medlemsavgift", price: "Kontakta oss", features: [
|
||||||
name: "Medlemsavgift",
|
"Tillgång till träning", "Klubbgemenskap", "Tävlingslicens"],
|
||||||
price: "Kontakta oss",
|
|
||||||
features: [
|
|
||||||
"Tillgång till träning",
|
|
||||||
"Klubbgemenskap",
|
|
||||||
"Tävlingslicens",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Bli medlem",
|
text: "Bli medlem", href: "mailto:info@malmosquash.se"},
|
||||||
href: "mailto:info@malmosquash.se",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -253,59 +170,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Anna Svensson", role: "Motionär", company: "Malmö Squash Club", rating: 5,
|
||||||
name: "Anna Svensson",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-male-athlete-race-track-stadium_23-2148162198.jpg"},
|
||||||
role: "Motionär",
|
|
||||||
company: "Malmö Squash Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-male-athlete-race-track-stadium_23-2148162198.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Erik Larsson", role: "Tävlingsspelare", company: "Malmö Squash Club", rating: 5,
|
||||||
name: "Erik Larsson",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-squash-player-with-racket-court_329181-18908.jpg"},
|
||||||
role: "Tävlingsspelare",
|
|
||||||
company: "Malmö Squash Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-squash-player-with-racket-court_329181-18908.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Karin Nilsson", role: "Juniorförälder", company: "Malmö Squash Club", rating: 5,
|
||||||
name: "Karin Nilsson",
|
imageSrc: "http://img.b2bpic.net/free-photo/athletic-couple-playing-squash-together_329181-18928.jpg"},
|
||||||
role: "Juniorförälder",
|
|
||||||
company: "Malmö Squash Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-couple-playing-squash-together_329181-18928.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Johan Persson", role: "Gymmedlem", company: "Malmö Squash Club", rating: 5,
|
||||||
name: "Johan Persson",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg"},
|
||||||
role: "Gymmedlem",
|
|
||||||
company: "Malmö Squash Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Sofia Berg", role: "Nybörjare", company: "Malmö Squash Club", rating: 5,
|
||||||
name: "Sofia Berg",
|
imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13279.jpg"},
|
||||||
role: "Nybörjare",
|
|
||||||
company: "Malmö Squash Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/active-young-people-playing-squash_329181-13279.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "100+",
|
value: "100+", label: "Aktiva medlemmar"},
|
||||||
label: "Aktiva medlemmar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5.0",
|
value: "5.0", label: "Snittbetyg"},
|
||||||
label: "Snittbetyg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "95%",
|
value: "95%", label: "Nöjda kunder"},
|
||||||
label: "Nöjda kunder",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vad våra medlemmar säger"
|
title="Vad våra medlemmar säger"
|
||||||
description="Gemenskapen på Malmö Squash Club är oslagbar."
|
description="Gemenskapen på Malmö Squash Club är oslagbar."
|
||||||
@@ -318,20 +204,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq-1",
|
id: "faq-1", title: "Hur bokar jag en squashbana?", content: "Du kan enkelt boka våra banor via vårt online-bokningssystem på GoActive."},
|
||||||
title: "Hur bokar jag en squashbana?",
|
|
||||||
content: "Du kan enkelt boka våra banor via vårt online-bokningssystem på GoActive.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-2",
|
id: "faq-2", title: "Behöver jag vara medlem?", content: "Ja, du måste ha löst medlemsavgift för året för att delta i våra träningsgrupper."},
|
||||||
title: "Behöver jag vara medlem?",
|
|
||||||
content: "Ja, du måste ha löst medlemsavgift för året för att delta i våra träningsgrupper.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-3",
|
id: "faq-3", title: "Vad kostar gruppträning?", content: "Gruppträning kostar 240:-. För dig med årskort eller halvårskort ingår träningen."},
|
||||||
title: "Vad kostar gruppträning?",
|
|
||||||
content: "Gruppträning kostar 240:-. För dig med årskort eller halvårskort ingår träningen.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vanliga frågor"
|
title="Vanliga frågor"
|
||||||
description="Har du funderingar kring banbokning eller träning?"
|
description="Har du funderingar kring banbokning eller träning?"
|
||||||
@@ -343,14 +220,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
text="Har du frågor? Kontakta oss på info@malmosquash.se eller 040-6210430. Vi ser fram emot att träffa dig på banan!"
|
text="Har du frågor? Kontakta oss på info@malmosquash.se eller 040-6210430. Vi ser fram emot att träffa dig på banan!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Boka bana direkt",
|
text: "Boka bana direkt", href: "https://theclubmalmoe.goactivebooking.com/"},
|
||||||
href: "https://theclubmalmoe.goactivebooking.com/",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -360,29 +234,19 @@ export default function LandingPage() {
|
|||||||
logoText="The Club Malmö"
|
logoText="The Club Malmö"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Kontakt",
|
title: "Kontakt", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "info@malmosquash.se",
|
label: "info@malmosquash.se", href: "mailto:info@malmosquash.se"},
|
||||||
href: "mailto:info@malmosquash.se",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "040 6210430",
|
label: "040 6210430", href: "tel:0406210430"},
|
||||||
href: "tel:0406210430",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Länkar",
|
title: "Länkar", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Boka bana",
|
label: "Boka bana", href: "https://theclubmalmoe.goactivebooking.com/"},
|
||||||
href: "https://theclubmalmoe.goactivebooking.com/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Om oss",
|
label: "Om oss", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user