Update src/app/page.tsx
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gold's Gym"
|
||||
/>
|
||||
@@ -57,35 +46,10 @@ export default function LandingPage() {
|
||||
title="Unleash Your Potential at Gold's Gym"
|
||||
description="The world's leading authority in health and fitness. Join the legacy of excellence and transform your life today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Join Now", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg"
|
||||
imageAlt="Professional gym training facility"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-simulator-gym_23-2147688156.jpg",
|
||||
alt: "Happy woman on simulator in gym",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg",
|
||||
alt: "3d gym equipment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/training-treadmill_1098-15787.jpg",
|
||||
alt: "Training on treadmill",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-equipment-modern-gym-close-up-view-suspension-straps-sport-fitness-health_613910-20264.jpg",
|
||||
alt: "Interior and equipment in the modern gym, close-up view of suspension straps. Sport, fitness, health.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg",
|
||||
alt: "Training items for athletics",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our growing community of fitness enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
@@ -95,9 +59,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Fitness"
|
||||
description={[
|
||||
"For over 50 years, Gold's Gym has provided the environment for people to reach their fitness goals.",
|
||||
"We are committed to providing the most advanced, results-oriented training tools in the industry.",
|
||||
]}
|
||||
"For over 50 years, Gold's Gym has provided the environment for people to reach their fitness goals.", "We are committed to providing the most advanced, results-oriented training tools in the industry."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,30 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Strength",
|
||||
title: "Strength Training",
|
||||
subtitle: "Elite Performance",
|
||||
description: "High-performance lifting areas featuring premium power racks, plates, and specialized equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024358.jpg",
|
||||
imageAlt: "Strength training area",
|
||||
},
|
||||
{
|
||||
tag: "Cardio",
|
||||
title: "Cardio Zone",
|
||||
subtitle: "Endurance Power",
|
||||
description: "Latest generation treadmills, ellipticals, and cycles designed to maximize your endurance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-doing-spinning-cyclo-indoor-with-smart-watch_1139-1717.jpg",
|
||||
imageAlt: "Cardio zone machines",
|
||||
},
|
||||
{
|
||||
tag: "Group",
|
||||
title: "Group Classes",
|
||||
subtitle: "Community Focus",
|
||||
description: "From high-intensity interval training to yoga, find your community in our studios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilates-group-working-out-gym_1303-16385.jpg",
|
||||
imageAlt: "Group workout class",
|
||||
},
|
||||
{ tag: "Strength", title: "Strength Training", subtitle: "Elite Performance", description: "High-performance lifting areas featuring premium power racks, plates, and specialized equipment.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024358.jpg", imageAlt: "Strength training area" },
|
||||
{ tag: "Cardio", title: "Cardio Zone", subtitle: "Endurance Power", description: "Latest generation treadmills, ellipticals, and cycles designed to maximize your endurance.", imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-doing-spinning-cyclo-indoor-with-smart-watch_1139-1717.jpg", imageAlt: "Cardio zone machines" },
|
||||
{ tag: "Group", title: "Group Classes", subtitle: "Community Focus", description: "From high-intensity interval training to yoga, find your community in our studios.", imageSrc: "http://img.b2bpic.net/free-photo/pilates-group-working-out-gym_1303-16385.jpg", imageAlt: "Group workout class" },
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
description="Our facilities offer world-class equipment and programs to support your unique journey."
|
||||
@@ -143,21 +84,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "700+",
|
||||
description: "Global Locations",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
description: "Lives Transformed",
|
||||
},
|
||||
{ id: "m1", value: "50+", description: "Years of Excellence" },
|
||||
{ id: "m2", value: "700+", description: "Global Locations" },
|
||||
{ id: "m3", value: "1M+", description: "Lives Transformed" },
|
||||
]}
|
||||
title="The Gold's Difference"
|
||||
description="Proven results for fitness enthusiasts of all levels."
|
||||
@@ -171,27 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
role: "Head Trainer",
|
||||
description: "Specialist in powerlifting and functional strength.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-helping-man-train-gym_23-2149740160.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Yoga Lead",
|
||||
description: "10+ years experience in mindfulness and flexibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark V.",
|
||||
role: "Cardio Specialist",
|
||||
description: "Former professional athlete focused on endurance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-bearded-tattoed-male-with-stylish-haircut-wearing-black-sportswear-isolated-dark-background_613910-21126.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex River", role: "Head Trainer", description: "Specialist in powerlifting and functional strength.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-helping-man-train-gym_23-2149740160.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", role: "Yoga Lead", description: "10+ years experience in mindfulness and flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg" },
|
||||
{ id: "t3", name: "Mark V.", role: "Cardio Specialist", description: "Former professional athlete focused on endurance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-bearded-tattoed-male-with-stylish-haircut-wearing-black-sportswear-isolated-dark-background_613910-21126.jpg" },
|
||||
]}
|
||||
title="Expert Guidance"
|
||||
description="Work with the best certified personal trainers in the industry."
|
||||
@@ -204,60 +115,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
company: "Gold's Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-exercise-mat-pointing-upwards_23-2147827420.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane P.",
|
||||
role: "Teacher",
|
||||
company: "Gold's Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman_171337-6263.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert S.",
|
||||
role: "Engineer",
|
||||
company: "Gold's Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-welness-wellbeing-young-woman-workout-does-sport-home-female-fitness-instructor_1258-189303.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
company: "Gold's Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James K.",
|
||||
role: "Developer",
|
||||
company: "Gold's Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-middle-fitness-composition_23-2147692044.jpg",
|
||||
},
|
||||
{ id: "1", name: "David W.", role: "Architect", company: "Gold's Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-exercise-mat-pointing-upwards_23-2147827420.jpg" },
|
||||
{ id: "2", name: "Jane P.", role: "Teacher", company: "Gold's Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-fitness-woman_171337-6263.jpg" },
|
||||
{ id: "3", name: "Robert S.", role: "Engineer", company: "Gold's Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/yoga-welness-wellbeing-young-woman-workout-does-sport-home-female-fitness-instructor_1258-189303.jpg" },
|
||||
{ id: "4", name: "Emily R.", role: "Designer", company: "Gold's Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg" },
|
||||
{ id: "5", name: "James K.", role: "Developer", company: "Gold's Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clipboard-middle-fitness-composition_23-2147692044.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "Member Rating",
|
||||
},
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Active Monthly",
|
||||
},
|
||||
{ value: "95%", label: "Retention Rate" },
|
||||
{ value: "4.8/5", label: "Member Rating" },
|
||||
{ value: "12k+", label: "Active Monthly" },
|
||||
]}
|
||||
title="Real Results, Real People"
|
||||
description="See why our members choose Gold's Gym to reach their personal milestones."
|
||||
@@ -265,92 +132,60 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start a membership?",
|
||||
content: "Visit any location or sign up online for a free trial.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are personal trainers available?",
|
||||
content: "Yes, our certified trainers provide custom programs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I visit multiple locations?",
|
||||
content: "Membership options include multi-club access.",
|
||||
},
|
||||
{ id: "f1", title: "How do I start a membership?", content: "Visit any location or sign up online for a free trial." },
|
||||
{ id: "f2", title: "Are personal trainers available?", content: "Yes, our certified trainers provide custom programs." },
|
||||
{ id: "f3", title: "Can I visit multiple locations?", content: "Membership options include multi-club access." },
|
||||
{ id: "f4", title: "Is there a guest policy?", content: "Guests are welcome with a valid day pass purchase." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about memberships and facilities."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-fitness-woman-doing-exercises-gym_23-2148962649.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to change your life? Join us today and start your journey towards a healthier version of you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#footer",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Have questions about our gyms or memberships? Send us a message and we'll be in touch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-working-out-gym_23-2149740191.jpg"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Telebandha",
|
||||
href: "#",
|
||||
},
|
||||
title: "Location", items: [{ label: "Telebandha", href: "#" }, { label: "Main City", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Help", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gold's Gym"
|
||||
copyrightText="© 2024 Gold's Gym. All rights reserved."
|
||||
copyrightText="© 2025 Gold's Gym. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user