Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8a10482b4c |
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Facilities", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="K.L Sports Club"
|
||||
/>
|
||||
@@ -59,69 +49,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="K.L Sports Club: Your Aquatic Home"
|
||||
description="Experience world-class facilities and expert coaching designed for swimmers of all levels. Dive into excellence today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Us",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Us", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hammocks-spa-with-wooden-boxes_1203-1120.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pool-chair_1203-3124.jpg",
|
||||
alt: "Pool chair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pool-chair_1203-3124.jpg", alt: "Pool chair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chair-pool_74190-3499.jpg",
|
||||
alt: "Chair pool",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chair-pool_74190-3499.jpg", alt: "Chair pool"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/circular-pool-with-hammocks_1203-383.jpg",
|
||||
alt: "Circular pool with hammocks",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/circular-pool-with-hammocks_1203-383.jpg", alt: "Circular pool with hammocks"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hammocks-placed-semicircle_1203-387.jpg",
|
||||
alt: "Hammocks placed in semicircle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hammocks-placed-semicircle_1203-387.jpg", alt: "Hammocks placed in semicircle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-swimwear-sun-glasses-are-drinking-cocktails-smiling-while-sunbathing-chaise-longue-near-pool-with-cocktails_496169-1986.jpg",
|
||||
alt: "Beautiful girls in swimwear",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-swimwear-sun-glasses-are-drinking-cocktails-smiling-while-sunbathing-chaise-longue-near-pool-with-cocktails_496169-1986.jpg", alt: "Beautiful girls in swimwear"},
|
||||
]}
|
||||
avatarText="Join our growing community of 1000+ members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-asian-woman-sitting-by-pool-with-diverse-friends_53876-26384.jpg",
|
||||
alt: "Closeup of asian woman",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-asian-woman-sitting-by-pool-with-diverse-friends_53876-26384.jpg", alt: "Closeup of asian woman"},
|
||||
{
|
||||
type: "text",
|
||||
text: "World-Class Facilities",
|
||||
},
|
||||
type: "text", text: "World-Class Facilities"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-friends-smiling-rejoicing-resting-party-near-swimming-pool_176420-1452.jpg",
|
||||
alt: "Cheerful friends",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-friends-smiling-rejoicing-resting-party-near-swimming-pool_176420-1452.jpg", alt: "Cheerful friends"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Coaching",
|
||||
},
|
||||
type: "text", text: "Expert Coaching"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49522.jpg",
|
||||
alt: "Multiracial friends",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49522.jpg", alt: "Multiracial friends"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,17 +95,11 @@ export default function LandingPage() {
|
||||
description="We are dedicated to providing a professional, supportive environment for our members, fostering healthy habits and competitive excellence in the pool."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Active Members",
|
||||
},
|
||||
value: "1000+", title: "Active Members"},
|
||||
{
|
||||
value: "5",
|
||||
title: "Pro Coaches",
|
||||
},
|
||||
value: "5", title: "Pro Coaches"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-swimmer-fixing-swimming-goggles_23-2148393586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -158,34 +114,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Pool",
|
||||
title: "Olympic-sized Pool",
|
||||
items: [
|
||||
"Heated 50m lanes",
|
||||
"Continuous access",
|
||||
"Professional timing systems",
|
||||
],
|
||||
id: "f1", label: "Pool", title: "Olympic-sized Pool", items: [
|
||||
"Heated 50m lanes", "Continuous access", "Professional timing systems"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Training",
|
||||
title: "Pro Coaching",
|
||||
items: [
|
||||
"One-on-one sessions",
|
||||
"Group classes",
|
||||
"Performance analytics",
|
||||
],
|
||||
id: "f2", label: "Training", title: "Pro Coaching", items: [
|
||||
"One-on-one sessions", "Group classes", "Performance analytics"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Wellness",
|
||||
title: "Recovery Zone",
|
||||
items: [
|
||||
"Sauna facilities",
|
||||
"Massage therapy",
|
||||
"Gym equipment access",
|
||||
],
|
||||
id: "f3", label: "Wellness", title: "Recovery Zone", items: [
|
||||
"Sauna facilities", "Massage therapy", "Gym equipment access"],
|
||||
},
|
||||
]}
|
||||
title="World-Class Facilities"
|
||||
@@ -200,36 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Essentials",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Perfect for casual swimming.",
|
||||
button: {
|
||||
text: "Select Basic",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Limited access",
|
||||
"Group classes",
|
||||
"Sauna access",
|
||||
],
|
||||
id: "p1", tag: "Essentials", price: "$49", period: "/mo", description: "Perfect for casual swimming.", button: {
|
||||
text: "Select Basic"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Limited access", "Group classes", "Sauna access"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro Athlete",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Best for serious swimmers.",
|
||||
button: {
|
||||
text: "Select Pro",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full facility access",
|
||||
"Priority lanes",
|
||||
"Performance coaching",
|
||||
],
|
||||
id: "p2", tag: "Pro Athlete", price: "$99", period: "/mo", description: "Best for serious swimmers.", button: {
|
||||
text: "Select Pro"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Full facility access", "Priority lanes", "Performance coaching"],
|
||||
},
|
||||
]}
|
||||
title="Membership Options"
|
||||
@@ -245,25 +163,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-swimmer-posing-indoors_23-2148393581.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/healthy-swimmer-posing-indoors_23-2148393581.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-dark-skinned-female-swimmer-black-bathingsuit-points-thumb-free-space_273609-25388.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/slim-dark-skinned-female-swimmer-black-bathingsuit-points-thumb-free-space_273609-25388.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe Williams", imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-polo-player-pool-with-trophy_23-2150893982.jpg",
|
||||
},
|
||||
id: "t4", name: "David Brown", imageSrc: "http://img.b2bpic.net/free-photo/water-polo-player-pool-with-trophy_23-2150893982.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -274,30 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Connor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-basin_23-2148326775.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Connor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-basin_23-2148326775.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-black-female-swimming-instructor-dressed-swimsuit-swimcap-goggles_273609-30299.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Miller", imageSrc: "http://img.b2bpic.net/free-photo/positive-black-female-swimming-instructor-dressed-swimsuit-swimcap-goggles_273609-30299.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucy Hall",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-senior-man-enjoying-summer-pool_23-2151159959.jpg",
|
||||
},
|
||||
id: "t3", name: "Lucy Hall", imageSrc: "http://img.b2bpic.net/free-photo/view-senior-man-enjoying-summer-pool_23-2151159959.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-grandpa-relaxing-having-great-time_23-2149232904.jpg",
|
||||
},
|
||||
id: "t4", name: "Sam Rivers", imageSrc: "http://img.b2bpic.net/free-photo/empowered-grandpa-relaxing-having-great-time_23-2149232904.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-young-man-race-track_23-2148162181.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-young-man-race-track_23-2148162181.jpg"},
|
||||
]}
|
||||
cardTitle="Member Success Stories"
|
||||
cardTag="Community"
|
||||
@@ -311,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a booking?",
|
||||
content: "Bookings are recommended during peak hours but open lanes are available throughout the day.",
|
||||
},
|
||||
id: "q1", title: "Do I need a booking?", content: "Bookings are recommended during peak hours but open lanes are available throughout the day."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are swim caps mandatory?",
|
||||
content: "Yes, for hygiene and filtration maintenance, swim caps must be worn by all swimmers.",
|
||||
},
|
||||
id: "q2", title: "Are swim caps mandatory?", content: "Yes, for hygiene and filtration maintenance, swim caps must be worn by all swimmers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bring guests?",
|
||||
content: "Members can purchase guest passes for family and friends at our reception.",
|
||||
},
|
||||
id: "q3", title: "Can I bring guests?", content: "Members can purchase guest passes for family and friends at our reception."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pool-water-texture-background_1203-2624.jpg"
|
||||
title="Need Help?"
|
||||
@@ -340,22 +222,14 @@ export default function LandingPage() {
|
||||
description="Have questions about our swimming club? Send us a message today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
required: true,
|
||||
name: "message", placeholder: "How can we help?", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoors-swimming-pool_1385-1391.jpg"
|
||||
/>
|
||||
@@ -367,33 +241,21 @@ export default function LandingPage() {
|
||||
logoText="K.L Sports"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Membership", href: "#pricing"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Facilities",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Facilities", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user