Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 54f76c6f57 | |||
| 908a84472d | |||
| 82ab974b02 |
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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
@@ -32,86 +32,37 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jasola Sports"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
avatars={[
|
||||
mediaItems={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg", imageAlt: "Members exercising outdoors"},
|
||||
{
|
||||
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",
|
||||
alt: "Member",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-runner-looking-camera_23-2148162136.jpg", imageAlt: "Runner looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-runner-looking-camera_23-2148162136.jpg",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg", imageAlt: "Woman training in gym"}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
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",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,9 +73,7 @@ export default function LandingPage() {
|
||||
title="Built for Future Stars"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,18 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited public access times",
|
||||
"Crowded peak hours",
|
||||
],
|
||||
"Limited public access times", "Crowded peak hours"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Modern equipment",
|
||||
"Clean locker rooms",
|
||||
"Expert coaching",
|
||||
"Ample parking",
|
||||
"Safety certified",
|
||||
],
|
||||
"Modern equipment", "Clean locker rooms", "Expert coaching", "Ample parking", "Safety certified"],
|
||||
}}
|
||||
title="Facilities That Inspire"
|
||||
description="State of the art training areas for everyone."
|
||||
@@ -161,54 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Beginner",
|
||||
price: "₹1,500/mo",
|
||||
subtitle: "Access to cardio zone",
|
||||
buttons: [
|
||||
id: "basic", badge: "Beginner", price: "₹1,500/mo", subtitle: "Access to cardio zone", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Gym access",
|
||||
"Basic orientation",
|
||||
],
|
||||
"Gym access", "Basic orientation"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Advanced",
|
||||
price: "₹3,000/mo",
|
||||
subtitle: "Full access to complex",
|
||||
buttons: [
|
||||
id: "pro", badge: "Advanced", price: "₹3,000/mo", subtitle: "Full access to complex", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Gym & Sports access",
|
||||
"Personal trainer intro",
|
||||
"Locker access",
|
||||
],
|
||||
"Gym & Sports access", "Personal trainer intro", "Locker access"],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Elite",
|
||||
price: "₹5,000/mo",
|
||||
subtitle: "All-inclusive premium",
|
||||
buttons: [
|
||||
id: "vip", badge: "Elite", price: "₹5,000/mo", subtitle: "All-inclusive premium", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Priority court booking",
|
||||
"Free guest pass",
|
||||
],
|
||||
"Everything in Pro", "Priority court booking", "Free guest pass"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership Plans"
|
||||
@@ -223,20 +139,11 @@ export default function LandingPage() {
|
||||
tag="Since inception"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2,400+",
|
||||
description: "Happy Members",
|
||||
},
|
||||
id: "m1", value: "2,400+", description: "Happy Members"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Professional Coaches",
|
||||
},
|
||||
id: "m2", value: "15+", description: "Professional Coaches"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Team",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Support Team"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -249,59 +156,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
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: "t1", name: "Sarah", 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",
|
||||
name: "Raj",
|
||||
role: "Member",
|
||||
company: "Jasola",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg",
|
||||
},
|
||||
id: "t2", name: "Raj", role: "Member", company: "Jasola", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya",
|
||||
role: "Coach",
|
||||
company: "FitLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-messaging-gym_23-2147688495.jpg",
|
||||
},
|
||||
id: "t3", name: "Priya", role: "Coach", company: "FitLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-messaging-gym_23-2147688495.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Amit",
|
||||
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: "t4", name: "Amit", 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",
|
||||
name: "Sunita",
|
||||
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",
|
||||
},
|
||||
id: "t5", name: "Sunita", 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={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.8", label: "Avg Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "95%", label: "Satisfaction"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Classes monthly",
|
||||
},
|
||||
value: "200+", label: "Classes monthly"},
|
||||
]}
|
||||
title="Member Experiences"
|
||||
description="Hear what our community says."
|
||||
@@ -313,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are the hours?",
|
||||
content: "We are open daily from 6 AM to 6 PM.",
|
||||
},
|
||||
id: "q1", title: "What are the hours?", content: "We are open daily from 6 AM to 6 PM."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need a membership?",
|
||||
content: "Yes, memberships are required for facility access.",
|
||||
},
|
||||
id: "q2", title: "Do I need a membership?", content: "Yes, memberships are required for facility access."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there parking facilities?",
|
||||
content: "Yes, on-site parking is available for members.",
|
||||
},
|
||||
id: "q3", title: "Are there parking facilities?", content: "Yes, on-site parking is available for members."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -337,14 +204,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit us at Jasola Sports Complex today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -353,13 +217,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Jasola Sports Complex"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user