bender/29a93afa-7af4-4b27-a34d-d1fac10010c8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 10:47:49 +00:00
parent 853a4be8a9
commit ab4e3efd7e
1 changed files with 75 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

363
src/app/page.tsx
View File

@@ -34,35 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Programs",
id: "#programs",
},
name: "Programs", id: "#programs"},
{
name: "Memberships",
id: "#memberships",
},
name: "Memberships", id: "#memberships"},
{
name: "Trainers",
id: "#team",
},
name: "Trainers", id: "#team"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Quad's Gym"
button={{
text: "Join Now",
href: "#memberships",
}}
text: "Join Now", href: "#memberships"}}
animateOnLoad={true}
/>
</div>
@@ -70,70 +56,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Unleash Your Strength at Quad's Gym"
description="Chicago's premier powerlifting and fitness community. Transform your body, build confidence, and achieve your peak performance with us."
buttons={[
{
text: "Explore Memberships",
href: "#memberships",
},
text: "Explore Memberships", href: "#memberships"},
{
text: "Get a Free Pass",
href: "#contact",
},
text: "Get a Free Pass", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg"
imageAlt="Modern interior of Quad's Gym with various weights and equipment"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/trans-man-exercising-gym_23-2149712787.jpg",
alt: "Happy gym member",
},
src: "http://img.b2bpic.net/free-photo/trans-man-exercising-gym_23-2149712787.jpg", alt: "Happy gym member"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-strong-handsome-sporty-man_1262-6040.jpg",
alt: "Focused athlete",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-strong-handsome-sporty-man_1262-6040.jpg", alt: "Focused athlete"},
{
src: "http://img.b2bpic.net/free-photo/closeup-op-happy-athletic-woman-exercising-with-resistance-band-home_637285-5259.jpg",
alt: "Smiling fitness enthusiast",
},
src: "http://img.b2bpic.net/free-photo/closeup-op-happy-athletic-woman-exercising-with-resistance-band-home_637285-5259.jpg", alt: "Smiling fitness enthusiast"},
{
src: "http://img.b2bpic.net/free-photo/portrait-slim-fitness-woman-stretching-her-hands_171337-13319.jpg",
alt: "Confident gym goer",
},
src: "http://img.b2bpic.net/free-photo/portrait-slim-fitness-woman-stretching-her-hands_171337-13319.jpg", alt: "Confident gym goer"},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-29460.jpg",
alt: "Motivated person working out",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-29460.jpg", alt: "Motivated person working out"},
]}
avatarText="Join 500+ members today!"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3191.jpg",
alt: "Dumbbells and weights",
},
type: "image", src: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3191.jpg", alt: "Dumbbells and weights"},
{
type: "text",
text: "Train Hard. Live Strong.",
},
type: "text", text: "Train Hard. Live Strong."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-doing-back_1163-131.jpg",
alt: "Rows of gym machines",
},
type: "image", src: "http://img.b2bpic.net/free-photo/woman-doing-back_1163-131.jpg", alt: "Rows of gym machines"},
{
type: "text",
text: "Achieve Your Goals.",
},
type: "text", text: "Achieve Your Goals."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/fit-tattooed-bearded-man-doing-squats-training-machine_343596-2658.jpg",
alt: "Person doing bench press",
},
type: "image", src: "http://img.b2bpic.net/free-photo/fit-tattooed-bearded-man-doing-squats-training-machine_343596-2658.jpg", alt: "Person doing bench press"},
]}
/>
</div>
@@ -145,17 +103,11 @@ export default function LandingPage() {
description="Born from a passion for strength and community, Quad's Gym has been Chicago's dedicated space for powerlifters and fitness enthusiasts since 2010. We're more than just a gym; we're a supportive family committed to helping you smash your goals and redefine what's possible."
metrics={[
{
value: "10+",
title: "Years Experience",
},
value: "10+", title: "Years Experience"},
{
value: "500+",
title: "Active Members",
},
value: "500+", title: "Active Members"},
{
value: "30+",
title: "Training Programs",
},
value: "30+", title: "Training Programs"},
]}
tag="Our Legacy"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg"
@@ -171,29 +123,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Strength",
title: "Powerlifting Mastery",
subtitle: "Advanced coaching for competitive lifters.",
description: "Hone your squat, bench, and deadlift with personalized programming and technique refinement from our certified powerlifting coaches.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080462.jpg",
imageAlt: "Man performing a deadlift in a modern gym",
},
tag: "Strength", title: "Powerlifting Mastery", subtitle: "Advanced coaching for competitive lifters.", description: "Hone your squat, bench, and deadlift with personalized programming and technique refinement from our certified powerlifting coaches.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080462.jpg", imageAlt: "Man performing a deadlift in a modern gym"},
{
tag: "Endurance",
title: "High-Intensity Cardio",
subtitle: "Boost your stamina and burn calories.",
description: "Engage in dynamic cardio classes or guided sessions that push your limits, improving cardiovascular health and overall endurance.",
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32154.jpg",
imageAlt: "Group of people participating in a high-intensity cardio class",
},
tag: "Endurance", title: "High-Intensity Cardio", subtitle: "Boost your stamina and burn calories.", description: "Engage in dynamic cardio classes or guided sessions that push your limits, improving cardiovascular health and overall endurance.", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32154.jpg", imageAlt: "Group of people participating in a high-intensity cardio class"},
{
tag: "Personalized",
title: "1-on-1 Coaching",
subtitle: "Tailored plans for maximum results.",
description: "Achieve your specific fitness goals faster with dedicated personal training sessions, customized diet plans, and ongoing support.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg",
imageAlt: "Personal trainer guiding a client through an exercise",
},
tag: "Personalized", title: "1-on-1 Coaching", subtitle: "Tailored plans for maximum results.", description: "Achieve your specific fitness goals faster with dedicated personal training sessions, customized diet plans, and ongoing support.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg", imageAlt: "Personal trainer guiding a client through an exercise"},
]}
title="Our Diverse Training Programs"
description="Whether you're new to fitness or a seasoned athlete, our expert-designed programs cater to all levels and goals. Discover your perfect fit and start your transformation."
@@ -208,60 +142,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Popular",
badgeIcon: Sparkles,
price: "$59/month",
name: "Base Access",
buttons: [
id: "basic", badge: "Popular", badgeIcon: Sparkles,
price: "$59/month", name: "Base Access", buttons: [
{
text: "Select Base",
href: "#",
},
text: "Select Base", href: "#"},
],
features: [
"24/7 Gym Access",
"Standard Equipment Use",
"Locker Room Access",
],
"24/7 Gym Access", "Standard Equipment Use", "Locker Room Access"],
},
{
id: "pro",
badge: "Best Value",
badgeIcon: Award,
price: "$89/month",
name: "Pro Training",
buttons: [
id: "pro", badge: "Best Value", badgeIcon: Award,
price: "$89/month", name: "Pro Training", buttons: [
{
text: "Select Pro",
href: "#",
},
text: "Select Pro", href: "#"},
],
features: [
"All Base Features",
"Unlimited Group Classes",
"Monthly PT Session",
"Nutritional Guidance",
],
"All Base Features", "Unlimited Group Classes", "Monthly PT Session", "Nutritional Guidance"],
},
{
id: "elite",
badge: "Premium",
badgeIcon: Zap,
price: "$129/month",
name: "Elite Performance",
buttons: [
id: "elite", badge: "Premium", badgeIcon: Zap,
price: "$129/month", name: "Elite Performance", buttons: [
{
text: "Select Elite",
href: "#",
},
text: "Select Elite", href: "#"},
],
features: [
"All Pro Features",
"Weekly PT Session",
"Custom Training Plan",
"Priority Booking",
],
"All Pro Features", "Weekly PT Session", "Custom Training Plan", "Priority Booking"],
},
]}
title="Choose Your Membership"
@@ -277,58 +182,22 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah_lifts",
testimonial: "Quad's Gym changed my life! The community is incredibly supportive, and the trainers are top-notch. I've never felt stronger or more motivated.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007192.jpg",
imageAlt: "Smiling woman in gym gear",
icon: Star,
id: "1", name: "Sarah J.", handle: "@sarah_lifts", testimonial: "Quad's Gym changed my life! The community is incredibly supportive, and the trainers are top-notch. I've never felt stronger or more motivated.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007192.jpg", imageAlt: "Smiling woman in gym gear", icon: Star,
},
{
id: "2",
name: "Mark D.",
handle: "@mark_strength",
testimonial: "As a competitive powerlifter, finding a gym with serious equipment and knowledgeable coaches was crucial. Quad's Gym delivers on all fronts. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/after-workout_1098-14916.jpg",
imageAlt: "Muscular man in a gym",
icon: Star,
id: "2", name: "Mark D.", handle: "@mark_strength", testimonial: "As a competitive powerlifter, finding a gym with serious equipment and knowledgeable coaches was crucial. Quad's Gym delivers on all fronts. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/after-workout_1098-14916.jpg", imageAlt: "Muscular man in a gym", icon: Star,
},
{
id: "3",
name: "Emily R.",
handle: "@emily_fit",
testimonial: "The group classes are fantastic! Always challenging, always fun, and the instructors make sure everyone feels included. It's truly a welcoming environment.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5399.jpg",
imageAlt: "Young woman smiling in a gym",
icon: Star,
id: "3", name: "Emily R.", handle: "@emily_fit", testimonial: "The group classes are fantastic! Always challenging, always fun, and the instructors make sure everyone feels included. It's truly a welcoming environment.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5399.jpg", imageAlt: "Young woman smiling in a gym", icon: Star,
},
{
id: "4",
name: "David K.",
handle: "@dave_gains",
testimonial: "I joined for the equipment, but I stayed for the community. Everyone is so supportive, and there's a real sense of camaraderie here. Best gym in Chicago!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-muscular-man-talking-cellphone-gym_23-2147949649.jpg",
imageAlt: "Fit man looking confident",
icon: Star,
id: "4", name: "David K.", handle: "@dave_gains", testimonial: "I joined for the equipment, but I stayed for the community. Everyone is so supportive, and there's a real sense of camaraderie here. Best gym in Chicago!", imageSrc: "http://img.b2bpic.net/free-photo/happy-muscular-man-talking-cellphone-gym_23-2147949649.jpg", imageAlt: "Fit man looking confident", icon: Star,
},
{
id: "5",
name: "Jessica L.",
handle: "@jess_wellness",
testimonial: "From the moment I walked in, I felt at home. The staff are amazing, the facilities are pristine, and I'm seeing results I never thought possible.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg",
imageAlt: "Happy woman in gym gear",
icon: Star,
id: "5", name: "Jessica L.", handle: "@jess_wellness", testimonial: "From the moment I walked in, I felt at home. The staff are amazing, the facilities are pristine, and I'm seeing results I never thought possible.", imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg", imageAlt: "Happy woman in gym gear", icon: Star,
},
{
id: "6",
name: "Chris B.",
handle: "@chris_active",
testimonial: "I've been a member for years, and Quad's Gym consistently exceeds expectations. They genuinely care about their members' progress and well-being.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg",
imageAlt: "Energetic male athlete smiling",
icon: Star,
id: "6", name: "Chris B.", handle: "@chris_active", testimonial: "I've been a member for years, and Quad's Gym consistently exceeds expectations. They genuinely care about their members' progress and well-being.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg", imageAlt: "Energetic male athlete smiling", icon: Star,
},
]}
title="What Our Members Say"
@@ -344,26 +213,11 @@ export default function LandingPage() {
useInvertedBackground={true}
team={[
{
id: "1",
name: "Coach Alex",
role: "Head Powerlifting Coach",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",
imageAlt: "Male powerlifting coach",
},
id: "1", name: "Coach Alex", role: "Head Powerlifting Coach", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Male powerlifting coach"},
{
id: "2",
name: "Coach Sarah",
role: "Fitness & Nutrition Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",
imageAlt: "Female fitness coach",
},
id: "2", name: "Coach Sarah", role: "Fitness & Nutrition Specialist", imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg", imageAlt: "Female fitness coach"},
{
id: "3",
name: "Coach Ben",
role: "Strength & Conditioning",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positivity-girl-smiling-camera-posing-with-crossed-arms-gym_231208-4660.jpg",
imageAlt: "Male strength coach",
},
id: "3", name: "Coach Ben", role: "Strength & Conditioning", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positivity-girl-smiling-camera-posing-with-crossed-arms-gym_231208-4660.jpg", imageAlt: "Male strength coach"},
]}
title="Meet Our Expert Trainers"
description="Our certified coaches are dedicated to guiding you through every step of your fitness journey. With diverse specializations, they're here to inspire and empower you."
@@ -378,34 +232,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "1200+",
title: "Success Stories",
items: [
"Personal bests achieved",
"Weight loss transformations",
"Strength records broken",
],
id: "1", value: "1200+", title: "Success Stories", items: [
"Personal bests achieved", "Weight loss transformations", "Strength records broken"],
},
{
id: "2",
value: "98%",
title: "Member Satisfaction",
items: [
"High quality equipment",
"Supportive community",
"Expert coaching staff",
],
id: "2", value: "98%", title: "Member Satisfaction", items: [
"High quality equipment", "Supportive community", "Expert coaching staff"],
},
{
id: "3",
value: "50+",
title: "Classes Weekly",
items: [
"Variety of fitness classes",
"Accessible to all levels",
"Led by certified instructors",
],
id: "3", value: "50+", title: "Classes Weekly", items: [
"Variety of fitness classes", "Accessible to all levels", "Led by certified instructors"],
},
]}
title="Quad's Gym Impact"
@@ -420,30 +256,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What are your operating hours?",
content: "Quad's Gym is open 24/7 for members. Staffed hours are Monday-Friday, 6 AM - 9 PM, and Saturday-Sunday, 8 AM - 6 PM.",
},
id: "1", title: "What are your operating hours?", content: "Quad's Gym is open 24/7 for members. Staffed hours are Monday-Friday, 6 AM - 9 PM, and Saturday-Sunday, 8 AM - 6 PM."},
{
id: "2",
title: "Do you offer a free trial?",
content: "Yes, we offer a complimentary 3-day pass for new visitors. Contact us to schedule your visit!",
},
id: "2", title: "Do you offer a free trial?", content: "Yes, we offer a complimentary 3-day pass for new visitors. Contact us to schedule your visit!"},
{
id: "3",
title: "What types of classes do you offer?",
content: "We offer a wide range of classes including powerlifting technique, HIIT, yoga, spin, and group strength training. Check our schedule for details.",
},
id: "3", title: "What types of classes do you offer?", content: "We offer a wide range of classes including powerlifting technique, HIIT, yoga, spin, and group strength training. Check our schedule for details."},
{
id: "4",
title: "Can I bring a guest?",
content: "Members can bring guests during staffed hours for a daily fee. Special guest passes may also be available seasonally.",
},
id: "4", title: "Can I bring a guest?", content: "Members can bring guests during staffed hours for a daily fee. Special guest passes may also be available seasonally."},
{
id: "5",
title: "Is personal training available?",
content: "Absolutely! We have a team of certified personal trainers offering one-on-one and small group sessions. Inquire at the front desk or via our contact form.",
},
id: "5", title: "Is personal training available?", content: "Absolutely! We have a team of certified personal trainers offering one-on-one and small group sessions. Inquire at the front desk or via our contact form."},
]}
imageSrc="http://img.b2bpic.net/free-photo/blurred-background-receptionist-working_1203-994.jpg"
imageAlt="Woman looking at gym schedule on a tablet"
@@ -463,22 +284,14 @@ export default function LandingPage() {
description="Have a question, need a tour, or ready to sign up? Send us a message, and our team will get back to you shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-cafe_1157-25330.jpg"
@@ -494,67 +307,41 @@ export default function LandingPage() {
logoText="Quad's Gym"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Programs",
href: "#programs",
},
label: "Programs", href: "#programs"},
{
label: "Memberships",
href: "#memberships",
},
label: "Memberships", href: "#memberships"},
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Facebook",
href: "https://www.facebook.com/",
},
label: "Facebook", href: "https://www.facebook.com/"},
{
label: "Instagram",
href: "https://www.instagram.com/",
},
label: "Instagram", href: "https://www.instagram.com/"},
],
},
]}
copyrightText="© 2024 Quad's Gym. All rights reserved."
useInvertedBackground={true}
/>
</div>
</ReactLenis>