Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 54f76c6f57 | |||
| 908a84472d |
236
src/app/page.tsx
236
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
|||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||||
@@ -32,86 +32,37 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Jasola Sports"
|
brandName="Jasola Sports"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Your Journey To Fitness Starts Here"
|
title="Your Journey To Fitness Starts Here"
|
||||||
description="Experience world-class sports and fitness facilities at Jasola Sports Complex. Join our community of athletes today."
|
description="Experience world-class sports and fitness facilities at Jasola Sports Complex. Join our community of athletes today."
|
||||||
avatars={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg", imageAlt: "Members exercising outdoors"},
|
||||||
alt: "Member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/deep-thoughts-black-man-wears-casual-sportswear-feels-relaxed-top-poses-back-front-mountain-scenic-view-keeps-hands-asphalt-has-outdoor-workout-being-fatigue-lack-strength_273609-29412.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-runner-looking-camera_23-2148162136.jpg", imageAlt: "Runner looking at camera"},
|
||||||
alt: "Member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-young-runner-looking-camera_23-2148162136.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg", imageAlt: "Woman training in gym"}
|
||||||
alt: "Member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-pretty-sporty-girl-wearing-headband-wristband-raising-dumbbells-isolated-purple-space_141793-44829.jpg",
|
|
||||||
alt: "Member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg",
|
|
||||||
alt: "Member",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Modern Facilities",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Expert Coaching",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "24/7 Access",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Community Focused",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Pro-Level Courts",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -122,9 +73,7 @@ export default function LandingPage() {
|
|||||||
title="Built for Future Stars"
|
title="Built for Future Stars"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -136,18 +85,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Limited public access times",
|
"Limited public access times", "Crowded peak hours"],
|
||||||
"Crowded peak hours",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Modern equipment",
|
"Modern equipment", "Clean locker rooms", "Expert coaching", "Ample parking", "Safety certified"],
|
||||||
"Clean locker rooms",
|
|
||||||
"Expert coaching",
|
|
||||||
"Ample parking",
|
|
||||||
"Safety certified",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
title="Facilities That Inspire"
|
title="Facilities That Inspire"
|
||||||
description="State of the art training areas for everyone."
|
description="State of the art training areas for everyone."
|
||||||
@@ -161,54 +103,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", badge: "Beginner", price: "₹1,500/mo", subtitle: "Access to cardio zone", buttons: [
|
||||||
badge: "Beginner",
|
|
||||||
price: "₹1,500/mo",
|
|
||||||
subtitle: "Access to cardio zone",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Gym access",
|
"Gym access", "Basic orientation"],
|
||||||
"Basic orientation",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", badge: "Advanced", price: "₹3,000/mo", subtitle: "Full access to complex", buttons: [
|
||||||
badge: "Advanced",
|
|
||||||
price: "₹3,000/mo",
|
|
||||||
subtitle: "Full access to complex",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Gym & Sports access",
|
"Gym & Sports access", "Personal trainer intro", "Locker access"],
|
||||||
"Personal trainer intro",
|
|
||||||
"Locker access",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "vip",
|
id: "vip", badge: "Elite", price: "₹5,000/mo", subtitle: "All-inclusive premium", buttons: [
|
||||||
badge: "Elite",
|
|
||||||
price: "₹5,000/mo",
|
|
||||||
subtitle: "All-inclusive premium",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Everything in Pro",
|
"Everything in Pro", "Priority court booking", "Free guest pass"],
|
||||||
"Priority court booking",
|
|
||||||
"Free guest pass",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Flexible Membership Plans"
|
title="Flexible Membership Plans"
|
||||||
@@ -223,20 +139,11 @@ export default function LandingPage() {
|
|||||||
tag="Since inception"
|
tag="Since inception"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "2,400+", description: "Happy Members"},
|
||||||
value: "2,400+",
|
|
||||||
description: "Happy Members",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "15+", description: "Professional Coaches"},
|
||||||
value: "15+",
|
|
||||||
description: "Professional Coaches",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "24/7", description: "Support Team"},
|
||||||
value: "24/7",
|
|
||||||
description: "Support Team",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -249,59 +156,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah", role: "Athlete", company: "Local Club", rating: 5,
|
||||||
name: "Sarah",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-man-with-towel-shoulders_158595-1394.jpg"},
|
||||||
role: "Athlete",
|
|
||||||
company: "Local Club",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-man-with-towel-shoulders_158595-1394.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Raj", role: "Member", company: "Jasola", rating: 5,
|
||||||
name: "Raj",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg"},
|
||||||
role: "Member",
|
|
||||||
company: "Jasola",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Priya", role: "Coach", company: "FitLab", rating: 5,
|
||||||
name: "Priya",
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-messaging-gym_23-2147688495.jpg"},
|
||||||
role: "Coach",
|
|
||||||
company: "FitLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-messaging-gym_23-2147688495.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Amit", role: "Member", company: "Jasola", rating: 4,
|
||||||
name: "Amit",
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-woman-looking-happy-breathing-fresh-air-walk-along-sea-after-yoga-practice-happy-girl-enjoying-morning-beach_574295-6198.jpg"},
|
||||||
role: "Member",
|
|
||||||
company: "Jasola",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-woman-looking-happy-breathing-fresh-air-walk-along-sea-after-yoga-practice-happy-girl-enjoying-morning-beach_574295-6198.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Sunita", role: "Member", company: "FitLab", rating: 5,
|
||||||
name: "Sunita",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg"},
|
||||||
role: "Member",
|
|
||||||
company: "FitLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "4.8",
|
value: "4.8", label: "Avg Rating"},
|
||||||
label: "Avg Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "95%",
|
value: "95%", label: "Satisfaction"},
|
||||||
label: "Satisfaction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "200+",
|
value: "200+", label: "Classes monthly"},
|
||||||
label: "Classes monthly",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Member Experiences"
|
title="Member Experiences"
|
||||||
description="Hear what our community says."
|
description="Hear what our community says."
|
||||||
@@ -313,20 +189,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "What are the hours?", content: "We are open daily from 6 AM to 6 PM."},
|
||||||
title: "What are the hours?",
|
|
||||||
content: "We are open daily from 6 AM to 6 PM.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Do I need a membership?", content: "Yes, memberships are required for facility access."},
|
||||||
title: "Do I need a membership?",
|
|
||||||
content: "Yes, memberships are required for facility access.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Are there parking facilities?", content: "Yes, on-site parking is available for members."},
|
||||||
title: "Are there parking facilities?",
|
|
||||||
content: "Yes, on-site parking is available for members.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked Questions"
|
sideTitle="Frequently Asked Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -337,14 +204,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Visit us at Jasola Sports Complex today."
|
text="Visit us at Jasola Sports Complex today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://maps.google.com"},
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -353,13 +217,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Jasola Sports Complex"
|
logoText="Jasola Sports Complex"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user