Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LaForzaGym"
|
||||
/>
|
||||
@@ -62,40 +47,16 @@ export default function LandingPage() {
|
||||
logoText="LaForzaGym"
|
||||
description="Unlock your full potential with world-class facilities and expert guidance at LaForzaGym."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Join Now", href: "#pricing" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg?_wi=1",
|
||||
imageAlt: "Gym Training",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-having-call-training_329181-20673.jpg?_wi=1",
|
||||
imageAlt: "Personal Training",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_52683-101124.jpg",
|
||||
imageAlt: "Functional Fitness",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lifestyle-health-rack-heavy_1203-5689.jpg",
|
||||
imageAlt: "Strength Training",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-85001.jpg",
|
||||
imageAlt: "Community",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg",
|
||||
imageAlt: "Gym Facilities",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg", imageAlt: "gym workout heavy lifting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-having-call-training_329181-20673.jpg", imageAlt: "personal trainer helping client" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_52683-101124.jpg", imageAlt: "functional training gym gear" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-lifestyle-health-rack-heavy_1203-5689.jpg", imageAlt: "strength training equipment rack" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-85001.jpg", imageAlt: "training floor gym atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg", imageAlt: "professional athlete training gym" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why LaForzaGym?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Members",
|
||||
value: "2000+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fitness Coaches",
|
||||
value: "25",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Users, label: "Active Members", value: "2000+" },
|
||||
{ icon: Zap, label: "Fitness Coaches", value: "25" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,24 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Access",
|
||||
description: "Workout whenever fits your busy schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg",
|
||||
imageAlt: "Woman doing exercise on simulator in gym",
|
||||
},
|
||||
{
|
||||
title: "Group Classes",
|
||||
description: "Diverse classes led by expert instructors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg?_wi=2",
|
||||
imageAlt: "Woman doing exercise on simulator in gym",
|
||||
},
|
||||
{
|
||||
title: "Advanced Equipment",
|
||||
description: "State-of-the-art weights and cardio machines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-having-call-training_329181-20673.jpg?_wi=2",
|
||||
imageAlt: "Woman doing exercise on simulator in gym",
|
||||
},
|
||||
{ title: "24/7 Access", description: "Workout whenever fits your busy schedule.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg", imageAlt: "Woman doing exercise on simulator in gym" },
|
||||
{ title: "Group Classes", description: "Diverse classes led by expert instructors.", imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg", imageAlt: "Woman doing exercise on simulator in gym" },
|
||||
{ title: "Advanced Equipment", description: "State-of-the-art weights and cardio machines.", imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-having-call-training_329181-20673.jpg", imageAlt: "Woman doing exercise on simulator in gym" },
|
||||
]}
|
||||
title="Elite Facilities"
|
||||
description="Everything you need to crush your fitness goals."
|
||||
@@ -161,55 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basic",
|
||||
price: "$49",
|
||||
subtitle: "Access to facilities.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Open 24/7",
|
||||
"Cardio area",
|
||||
"Basic classes",
|
||||
],
|
||||
id: "basic", badge: "Basic", price: "$49", subtitle: "Access to facilities.", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Open 24/7", "Cardio area", "Basic classes"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79",
|
||||
subtitle: "Best for performance.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Basic features",
|
||||
"Group fitness",
|
||||
"Locker access",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$79", subtitle: "Best for performance.", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["All Basic features", "Group fitness", "Locker access"]
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$119",
|
||||
subtitle: "Ultimate access.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited classes",
|
||||
"1-on-1 coaching",
|
||||
"Recovery area access",
|
||||
],
|
||||
id: "elite", badge: "Elite", price: "$119", subtitle: "Ultimate access.", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Unlimited classes", "1-on-1 coaching", "Recovery area access"]
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -221,23 +116,12 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000",
|
||||
description: "Calories burned daily",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500",
|
||||
description: "Transformations completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Member satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "15,000", description: "Calories burned daily" },
|
||||
{ id: "m2", value: "500", description: "Transformations completed" },
|
||||
{ id: "m3", value: "98%", description: "Member satisfaction" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence-backed fitness success."
|
||||
@@ -251,46 +135,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex P.",
|
||||
role: "Athletic",
|
||||
company: "LaForza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fit-dark-skinned-muscular-man-runner-with-bushy-hairstyle-looking-concentrated-black-sport-clothing-wearing-white-earphones_176420-19875.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
role: "Performance",
|
||||
company: "LaForza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-lady-pointing-back-with-thumbs-shirt-pants-looking-curious-front-view_176474-43130.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan R.",
|
||||
role: "Transformation",
|
||||
company: "LaForza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
role: "Endurance",
|
||||
company: "LaForza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-doing-exercises-air-bike-exercise-bike-closeup_169016-59100.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dana M.",
|
||||
role: "Strength",
|
||||
company: "LaForza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-camera-smiling_1098-20747.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex P.", role: "Athletic", company: "LaForza", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fit-dark-skinned-muscular-man-runner-with-bushy-hairstyle-looking-concentrated-black-sport-clothing-wearing-white-earphones_176420-19875.jpg" },
|
||||
{ id: "t2", name: "Sam K.", role: "Performance", company: "LaForza", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-lady-pointing-back-with-thumbs-shirt-pants-looking-curious-front-view_176474-43130.jpg" },
|
||||
{ id: "t3", name: "Jordan R.", role: "Transformation", company: "LaForza", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg" },
|
||||
{ id: "t4", name: "Chris B.", role: "Endurance", company: "LaForza", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/athlete-doing-exercises-air-bike-exercise-bike-closeup_169016-59100.jpg" },
|
||||
{ id: "t5", name: "Dana M.", role: "Strength", company: "LaForza", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-camera-smiling_1098-20747.jpg" },
|
||||
]}
|
||||
title="Member Success"
|
||||
description="Real stories, real progress."
|
||||
@@ -301,21 +150,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an orientation?",
|
||||
content: "Yes, our trainers are happy to show you around.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are classes included?",
|
||||
content: "Depending on your membership plan, classes are included.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel easily?",
|
||||
content: "Our memberships have flexible, no-penalty cancellation options.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an orientation?", content: "Yes, our trainers are happy to show you around." },
|
||||
{ id: "f2", title: "Are classes included?", content: "Depending on your membership plan, classes are included." },
|
||||
{ id: "f3", title: "Can I cancel easily?", content: "Our memberships have flexible, no-penalty cancellation options." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -325,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Connected"
|
||||
title="Ready to Transform?"
|
||||
description="Sign up for a free trial session today."
|
||||
@@ -339,33 +174,16 @@ export default function LandingPage() {
|
||||
logoText="LaForzaGym"
|
||||
columns={[
|
||||
{
|
||||
title: "Gym",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Gym", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user