Update src/app/page.tsx
This commit is contained in:
309
src/app/page.tsx
309
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IronFlow Fitness"
|
||||
/>
|
||||
@@ -59,87 +44,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Forge Your Best Self"
|
||||
description="Chennai's premier 24/7 functional training facility with expert coaching, high-intensity workouts, and a community that pushes you to excel."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Facility Access",
|
||||
},
|
||||
{
|
||||
value: "4.5+",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Expert Coaches",
|
||||
},
|
||||
{ value: "24/7", label: "Facility Access" },
|
||||
{ value: "4.5+", label: "Google Rating" },
|
||||
{ value: "10+", label: "Expert Coaches" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your 3-Day Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Memberships",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Start Your 3-Day Free Trial", href: "#contact" },
|
||||
{ text: "View Memberships", href: "#pricing" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bodybuilder-wearing-sportswear-doing-exercise-with-dumbbells-dark-background_613910-20584.jpg",
|
||||
alt: "A young bodybuilder wearing sportswear doing exercise with dumbbells on a dark background.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-man-sportswear-holding-barbell-disk-dark-background_613910-20458.jpg",
|
||||
alt: "A young happy man in sportswear holding a barbell disk on a dark background.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55258.jpg",
|
||||
alt: "Young beautiful sportive girl smiling training over dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55254.jpg",
|
||||
alt: "Young beautiful sportive girl smiling training over dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
alt: "Young adult doing indoor sport at the gym",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-bodybuilder-wearing-sportswear-doing-exercise-with-dumbbells-dark-background_613910-20584.jpg", alt: "A young bodybuilder wearing sportswear doing exercise with dumbbells on a dark background." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-happy-man-sportswear-holding-barbell-disk-dark-background_613910-20458.jpg", alt: "A young happy man in sportswear holding a barbell disk on a dark background." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55258.jpg", alt: "Young beautiful sportive girl smiling training over dark background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55254.jpg", alt: "Young beautiful sportive girl smiling training over dark background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg", alt: "Young adult doing indoor sport at the gym" },
|
||||
]}
|
||||
avatarText="Join our 1,500+ active members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strength",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "HIIT",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Recovery",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Nutrition",
|
||||
icon: Apple,
|
||||
},
|
||||
{ type: "text-icon", text: "Strength", icon: Activity },
|
||||
{ type: "text-icon", text: "HIIT", icon: Flame },
|
||||
{ type: "text-icon", text: "Community", icon: Users },
|
||||
{ type: "text-icon", text: "Recovery", icon: Heart },
|
||||
{ type: "text-icon", text: "Nutrition", icon: Apple },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,36 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Personal",
|
||||
title: "Personal Training",
|
||||
items: [
|
||||
"Customized workout plans",
|
||||
"One-on-one accountability",
|
||||
"Expert form correction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Classes",
|
||||
title: "HIIT Burn & Yoga",
|
||||
items: [
|
||||
"High-octane HIIT sessions",
|
||||
"Power Hour classes",
|
||||
"Iron Yoga for flexibility",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Recovery",
|
||||
title: "Recovery Lounge",
|
||||
items: [
|
||||
"Professional massage tools",
|
||||
"Stretching stations",
|
||||
"Post-workout hydration",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Personal", title: "Personal Training", items: ["Customized workout plans", "One-on-one accountability", "Expert form correction"] },
|
||||
{ id: "f2", label: "Classes", title: "HIIT Burn & Yoga", items: ["High-octane HIIT sessions", "Power Hour classes", "Iron Yoga for flexibility"] },
|
||||
{ id: "f3", label: "Recovery", title: "Recovery Lounge", items: ["Professional massage tools", "Stretching stations", "Post-workout hydration"] },
|
||||
]}
|
||||
title="Programs & Zones"
|
||||
description="Choose your path to excellence with our specialized training zones and high-energy group classes."
|
||||
@@ -192,21 +98,9 @@ export default function LandingPage() {
|
||||
title="Our Gym Performance"
|
||||
tag="Results Driven"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1,500+",
|
||||
description: "Active Members",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50,000",
|
||||
description: "Classes Conducted",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
{ id: "m1", value: "1,500+", description: "Active Members" },
|
||||
{ id: "m2", value: "50,000", description: "Classes Conducted" },
|
||||
{ id: "m3", value: "98%", description: "Success Rate" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -218,39 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₹1,999/mo",
|
||||
subtitle: "Great for getting started",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Room",
|
||||
"Free Wi-Fi",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "₹2,999/mo",
|
||||
subtitle: "The ultimate fitness experience",
|
||||
features: [
|
||||
"Gym + Classes",
|
||||
"1x Assessment",
|
||||
"Priority Booking",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Premium",
|
||||
price: "₹4,999/mo",
|
||||
subtitle: "Full access to everything",
|
||||
features: [
|
||||
"Full All-Access",
|
||||
"Recovery Lounge",
|
||||
"1:1 Coaching Session",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "₹1,999/mo", subtitle: "Great for getting started", features: ["Gym Access", "Locker Room", "Free Wi-Fi"] },
|
||||
{ id: "pro", badge: "Most Popular", price: "₹2,999/mo", subtitle: "The ultimate fitness experience", features: ["Gym + Classes", "1x Assessment", "Priority Booking"] },
|
||||
{ id: "elite", badge: "Premium", price: "₹4,999/mo", subtitle: "Full access to everything", features: ["Full All-Access", "Recovery Lounge", "1:1 Coaching Session"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the perfect plan to fuel your fitness journey with our flexible membership options."
|
||||
@@ -263,21 +127,9 @@ export default function LandingPage() {
|
||||
title="Meet Your Coaches"
|
||||
tag="Expert Guidance"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ananya Reddy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rahul Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32105.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg" },
|
||||
{ id: "t2", name: "Ananya Reddy", imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg" },
|
||||
{ id: "t3", name: "Rahul Verma", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32105.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="blur-reveal"
|
||||
@@ -286,44 +138,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Full-time Professional",
|
||||
testimonial: "The community here is unmatched. It's not just a gym, it's home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-beautiful-woman-fitting-sport-wear-gym-running-jogging-treadmill-with-wireless-headphones-ears_343596-6887.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Full-time Professional", testimonial: "The community here is unmatched. It's not just a gym, it's home.", imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-beautiful-woman-fitting-sport-wear-gym-running-jogging-treadmill-with-wireless-headphones-ears_343596-6887.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Software Developer",
|
||||
testimonial: "24/7 access has been a game changer for my work-life balance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-fitness-trainer-gym_1303-13923.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Software Developer", testimonial: "24/7 access has been a game changer for my work-life balance.", imageSrc: "http://img.b2bpic.net/free-photo/yoga-fitness-trainer-gym_1303-13923.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marketing Director",
|
||||
testimonial: "I've never felt more empowered to reach my fitness goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-slim-fitness-woman-stretching-her-hands_171337-13319.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Marketing Director", testimonial: "I've never felt more empowered to reach my fitness goals.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-slim-fitness-woman-stretching-her-hands_171337-13319.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Top-tier coaching and equipment. I've gained strength I never thought possible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Entrepreneur", testimonial: "Top-tier coaching and equipment. I've gained strength I never thought possible.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Artist",
|
||||
testimonial: "The recovery lounge makes all the difference after a hard workout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica M.", role: "Artist", testimonial: "The recovery lounge makes all the difference after a hard workout.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg"},
|
||||
]}
|
||||
title="Member Success Stories"
|
||||
description="Hear how our community has transformed lives and fitness journeys."
|
||||
@@ -335,34 +163,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you have showers?",
|
||||
content: "Yes, we feature clean, private showers and changing areas for all members.",
|
||||
},
|
||||
id: "q1", title: "Do you have showers?", content: "Yes, we feature clean, private showers and changing areas for all members."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there parking?",
|
||||
content: "We offer ample secure parking space for all members right in front of the facility.",
|
||||
},
|
||||
id: "q2", title: "Is there parking?", content: "We offer ample secure parking space for all members right in front of the facility."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I freeze my membership?",
|
||||
content: "Yes, memberships can be frozen for up to 3 months with proper notice for vacations or personal needs.",
|
||||
},
|
||||
id: "q3", title: "Can I freeze my membership?", content: "Yes, memberships can be frozen for up to 3 months with proper notice for vacations or personal needs."},
|
||||
]}
|
||||
sideTitle="Help Center"
|
||||
sideDescription="Need more info? We are always here to help you get started."
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Start Your Transformation"
|
||||
description="Sign up for your free 3-day trial and get a tour of our facilities with our team."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/health-club-without-people-with-exercise-equipment_637285-8446.jpg"
|
||||
@@ -377,42 +193,21 @@ export default function LandingPage() {
|
||||
logoText="IronFlow Fitness"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user