Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -31,111 +31,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="IronFlow Gym"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Your Strength, Redefine Your Limits."
|
||||
description="Experience professional-grade training in a world-class facility. From personalized coaching to high-performance equipment, we empower you to achieve your peak."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Expert Trainers",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Premium Machines",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Access Hours",
|
||||
},
|
||||
{ value: "50+", label: "Expert Trainers" },
|
||||
{ value: "100+", label: "Premium Machines" },
|
||||
{ value: "24/7", label: "Access Hours" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1087.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1087.jpg"
|
||||
imageAlt="Modern Gym Interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looks-attentively-camera-motivates-you-go-sport-wears-wireless-headphones-around-neck-dressed-sportswear-going-have-fitness-training-poses-outdoors_273609-55696.jpg",
|
||||
alt: "Member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-gym-training-pulling-weight_7502-10714.jpg",
|
||||
alt: "Member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111599.jpg",
|
||||
alt: "Member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sportive-senior-looking-camera_23-2148297514.jpg",
|
||||
alt: "Member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
|
||||
alt: "Member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-looks-attentively-camera-motivates-you-go-sport-wears-wireless-headphones-around-neck-dressed-sportswear-going-have-fitness-training-poses-outdoors_273609-55696.jpg", alt: "Member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-gym-training-pulling-weight_7502-10714.jpg", alt: "Member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111599.jpg", alt: "Member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sportive-senior-looking-camera_23-2148297514.jpg", alt: "Member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", alt: "Member 5" },
|
||||
]}
|
||||
avatarText="Join our 12,000+ community members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cardio Zone",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Strength Training",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Personal Coaching",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Group Sessions",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Nutrition Plans",
|
||||
icon: Utensils,
|
||||
},
|
||||
{ type: "text-icon", text: "Cardio Zone", icon: Activity },
|
||||
{ type: "text-icon", text: "Strength Training", icon: Activity },
|
||||
{ type: "text-icon", text: "Personal Coaching", icon: Zap },
|
||||
{ type: "text-icon", text: "Group Sessions", icon: Users },
|
||||
{ type: "text-icon", text: "Nutrition Plans", icon: Utensils },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,7 +82,7 @@ export default function LandingPage() {
|
||||
description="At IronFlow, we don't just provide equipment; we provide the environment, the knowledge, and the community to transform your life."
|
||||
subdescription="Our trainers are certified professionals dedicated to ensuring every movement is effective, safe, and tailored to your specific goal."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg"
|
||||
imageAlt="Gym Trainer Team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,41 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Gear",
|
||||
description: "State-of-the-art machines calibrated for maximum efficiency.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg?_wi=1",
|
||||
imageAlt: "Equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-shaved-head-male-two-slim-fitness-female-exercising-with-body-bike-gym-club_613910-11213.jpg?_wi=1",
|
||||
imageAlt: "Cardio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-black-display-gym-equipments-blue-backdrop_23-2148041427.jpg?_wi=1",
|
||||
imageAlt: "Tech",
|
||||
},
|
||||
title: "Precision Gear", description: "State-of-the-art machines calibrated for maximum efficiency.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg", imageAlt: "Equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/athletic-shaved-head-male-two-slim-fitness-female-exercising-with-body-bike-gym-club_613910-11213.jpg", imageAlt: "Cardio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-black-display-gym-equipments-blue-backdrop_23-2148041427.jpg", imageAlt: "Tech" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1087.jpg?_wi=2",
|
||||
imageAlt: "modern gym interior high-end",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "1-on-1 coaching sessions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg?_wi=2",
|
||||
imageAlt: "professional fitness trainers team",
|
||||
title: "Expert Guidance", description: "1-on-1 coaching sessions.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Smart Tracking",
|
||||
description: "Digital progress monitoring.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg?_wi=2",
|
||||
imageAlt: "professional gym equipment detail",
|
||||
title: "Smart Tracking", description: "Digital progress monitoring.", bentoComponent: "reveal-icon", icon: Activity,
|
||||
},
|
||||
]}
|
||||
title="Engineered for Performance"
|
||||
@@ -205,57 +115,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Essential",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Room",
|
||||
"Cardio Areas",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg?_wi=3",
|
||||
},
|
||||
id: "basic", title: "Essential", price: "$49", period: "/mo", features: ["Gym Access", "Locker Room", "Cardio Areas"],
|
||||
button: { text: "Get Started", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Elite Athlete",
|
||||
price: "$89",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"All Access",
|
||||
"3 Coach Sessions",
|
||||
"Advanced Recovery",
|
||||
],
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-shaved-head-male-two-slim-fitness-female-exercising-with-body-bike-gym-club_613910-11213.jpg?_wi=2",
|
||||
},
|
||||
id: "pro", title: "Elite Athlete", price: "$89", period: "/mo", features: ["All Access", "3 Coach Sessions", "Advanced Recovery"],
|
||||
button: { text: "Go Pro", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-shaved-head-male-two-slim-fitness-female-exercising-with-body-bike-gym-club_613910-11213.jpg"},
|
||||
{
|
||||
id: "full",
|
||||
title: "Total Transformation",
|
||||
price: "$149",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Access",
|
||||
"Unlimited Coaching",
|
||||
"Custom Nutrition",
|
||||
],
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-black-display-gym-equipments-blue-backdrop_23-2148041427.jpg?_wi=2",
|
||||
},
|
||||
id: "full", title: "Total Transformation", price: "$149", period: "/mo", features: ["Unlimited Access", "Unlimited Coaching", "Custom Nutrition"],
|
||||
button: { text: "Join Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-black-display-gym-equipments-blue-backdrop_23-2148041427.jpg"},
|
||||
]}
|
||||
title="Flexible Membership Plans"
|
||||
description="Choose a plan that fits your lifestyle. No hidden fees, just pure commitment."
|
||||
@@ -269,31 +144,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
title: "Successful Members",
|
||||
items: [
|
||||
"Happy transformations",
|
||||
"Healthy lifestyles",
|
||||
],
|
||||
id: "m1", value: "12,000+", title: "Successful Members", items: ["Happy transformations", "Healthy lifestyles"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Total Calories Burned",
|
||||
items: [
|
||||
"Average per member",
|
||||
"Goal oriented",
|
||||
],
|
||||
id: "m2", value: "500k", title: "Total Calories Burned", items: ["Average per member", "Goal oriented"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Facility Operations",
|
||||
items: [
|
||||
"Non-stop access",
|
||||
"Always ready",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Facility Operations", items: ["Non-stop access", "Always ready"],
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -308,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "IronFlow changed my approach to fitness completely. Professional, welcoming, and high-tech!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-attentively-camera-motivates-you-go-sport-wears-wireless-headphones-around-neck-dressed-sportswear-going-have-fitness-training-poses-outdoors_273609-55696.jpg",
|
||||
},
|
||||
id: "t1", name: "Jane Smith", handle: "@janesmith", testimonial: "IronFlow changed my approach to fitness completely. Professional, welcoming, and high-tech!", imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-attentively-camera-motivates-you-go-sport-wears-wireless-headphones-around-neck-dressed-sportswear-going-have-fitness-training-poses-outdoors_273609-55696.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike Davis",
|
||||
handle: "@mikedavis",
|
||||
testimonial: "The elite trainers here are second to none. My progress has been incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-gym-training-pulling-weight_7502-10714.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike Davis", handle: "@mikedavis", testimonial: "The elite trainers here are second to none. My progress has been incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-gym-training-pulling-weight_7502-10714.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmill",
|
||||
testimonial: "I love the 24/7 access and the variety of equipment. Best gym in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111599.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", handle: "@sarahmill", testimonial: "I love the 24/7 access and the variety of equipment. Best gym in town.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111599.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wilson",
|
||||
handle: "@davidw",
|
||||
testimonial: "Great community and even better facilities. Feels like a premium club.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportive-senior-looking-camera_23-2148297514.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wilson", handle: "@davidw", testimonial: "Great community and even better facilities. Feels like a premium club.", imageSrc: "http://img.b2bpic.net/free-photo/sportive-senior-looking-camera_23-2148297514.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Park",
|
||||
handle: "@parkem",
|
||||
testimonial: "Transformed my life in just 6 months. Thank you, IronFlow!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily Park", handle: "@parkem", testimonial: "Transformed my life in just 6 months. Thank you, IronFlow!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg"},
|
||||
]}
|
||||
title="Voices of Achievement"
|
||||
description="Read what our members have to say about their transformation journey with us."
|
||||
@@ -351,16 +183,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your lifestyle? Visit IronFlow today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us Today", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -368,37 +193,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Membership", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user