bender/129c85d4-ee8f-4d6e-b3d2-14d0815cbd08
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-05-04 16:19:09 +00:00
parent af615f3998
commit 440ac7269d
1 changed files with 62 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -33,88 +33,55 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Programs",
id: "#features",
},
name: "Programs", id: "#features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Sport Fitness Miami"
button={{
text: "Join Now",
href: "#contact",
}}
text: "Join Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unleash Your Potential at Miami's Premier Fitness Center"
description="Expert-led training, state-of-the-art equipment, and a supportive community to help you crush your fitness goals."
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-gym-room-interior_74190-3605.jpg",
alt: "Member training",
},
src: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-gym-room-interior_74190-3605.jpg", alt: "Member training"},
{
src: "http://img.b2bpic.net/free-photo/defocused-running-machine_1203-366.jpg",
alt: "Member training",
},
src: "http://img.b2bpic.net/free-photo/defocused-running-machine_1203-366.jpg", alt: "Member training"},
{
src: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg",
alt: "Member training",
},
src: "http://img.b2bpic.net/free-photo/defocused-bikes_1203-370.jpg", alt: "Member training"},
{
src: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4502.jpg",
alt: "Member training",
},
src: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4502.jpg", alt: "Member training"},
{
src: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg",
alt: "Member training",
},
src: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg", alt: "Member training"},
]}
marqueeItems={[
{
type: "text",
text: "Personal Training",
},
type: "text", text: "Personal Training"},
{
type: "text",
text: "24/7 Access",
},
type: "text", text: "24/7 Access"},
{
type: "text",
text: "Group Classes",
},
type: "text", text: "Group Classes"},
{
type: "text",
text: "Modern Equipment",
},
type: "text", text: "Modern Equipment"},
{
type: "text",
text: "Expert Coaching",
},
type: "text", text: "Expert Coaching"},
]}
/>
</div>
@@ -127,19 +94,13 @@ export default function LandingPage() {
description="With over 15 years in the industry, our certified trainers provide personalized guidance tailored to your unique fitness level and wellness objectives."
bulletPoints={[
{
title: "Expert Guidance",
description: "Train with certified professionals.",
},
title: "Expert Guidance", description: "Train with certified professionals."},
{
title: "Custom Programs",
description: "Tailored to your specific needs.",
},
title: "Custom Programs", description: "Tailored to your specific needs."},
{
title: "Community Focus",
description: "Join our supportive network.",
},
title: "Community Focus", description: "Join our supportive network."},
]}
imageSrc="http://img.b2bpic.net/free-photo/two-smiling-diverse-young-woman-athletic-workout-clothes-are-doing-plank-exercise-working-out-together-city-square_158595-8056.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/two-smiling-diverse-young-woman-athletic-workout-clothes-are-doing-plank-exercise-working-out-together-city-square_158595-8056.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -151,37 +112,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Strength Training",
description: "Build muscle and power with our expert equipment and guidance.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163399.jpg",
title: "Strength Training", description: "Build muscle and power with our expert equipment and guidance.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163399.jpg", imageAlt: "group fitness class motivation"
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=2",
imageAlt: "group fitness class motivation",
reverse: false
},
{
title: "Cardiovascular Health",
description: "High-intensity sessions to improve stamina and heart health.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/taking-barbell_1098-14576.jpg",
title: "Cardiovascular Health", description: "High-intensity sessions to improve stamina and heart health.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/taking-barbell_1098-14576.jpg", imageAlt: "group fitness class motivation"
},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-diverse-young-woman-athletic-workout-clothes-are-doing-plank-exercise-working-out-together-city-square_158595-8056.jpg?_wi=2",
imageAlt: "group fitness class motivation",
reverse: true
},
{
title: "Functional Fitness",
description: "Improve your daily movement and mobility with specialized drills.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/image-full-body-athletic-male-doing-squats-with-dumbbells-gym-club_613910-1215.jpg",
title: "Functional Fitness", description: "Improve your daily movement and mobility with specialized drills.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/image-full-body-athletic-male-doing-squats-with-dumbbells-gym-club_613910-1215.jpg", imageAlt: "group fitness class motivation"
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg?_wi=1",
imageAlt: "group fitness class motivation",
reverse: false
},
]}
title="Comprehensive Programs"
@@ -196,22 +145,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Active Members",
value: "1,200+",
icon: Users,
id: "m1", title: "Active Members", value: "1,200+", icon: Users,
},
{
id: "m2",
title: "Successful Transformations",
value: "500+",
icon: Award,
id: "m2", title: "Successful Transformations", value: "500+", icon: Award,
},
{
id: "m3",
title: "Training Hours Weekly",
value: "80+",
icon: Clock,
id: "m3", title: "Training Hours Weekly", value: "80+", icon: Clock,
},
]}
title="Proven Results"
@@ -226,37 +166,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$49",
subtitle: "Basic gym access",
buttons: [
id: "basic", badge: "Essential", price: "$49", subtitle: "Basic gym access", buttons: [
{
text: "Select",
href: "#contact",
},
text: "Select", href: "#contact"},
],
features: [
"Open gym access",
"24/7 keycard",
],
"Open gym access", "24/7 keycard"],
},
{
id: "pro",
badge: "Premium",
price: "$89",
subtitle: "Full gym & classes",
buttons: [
id: "pro", badge: "Premium", price: "$89", subtitle: "Full gym & classes", buttons: [
{
text: "Select",
href: "#contact",
},
text: "Select", href: "#contact"},
],
features: [
"Gym & Sauna",
"Unlimited classes",
"Guest passes",
],
"Gym & Sauna", "Unlimited classes", "Guest passes"],
},
]}
title="Membership Options"
@@ -272,45 +195,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Member",
company: "Miami",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg?_wi=2",
},
id: "1", name: "Sarah Miller", role: "Member", company: "Miami", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-doing-exercise-with-dumbbell-studio_171337-9049.jpg"},
{
id: "2",
name: "John Doe",
role: "Member",
company: "Miami",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-bodybuilder-working-out-sports-gym_7502-10712.jpg",
},
id: "2", name: "John Doe", role: "Member", company: "Miami", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-bodybuilder-working-out-sports-gym_7502-10712.jpg"},
{
id: "3",
name: "Emily Smith",
role: "Member",
company: "Miami",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-water-bottle_23-2149049757.jpg",
},
id: "3", name: "Emily Smith", role: "Member", company: "Miami", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-water-bottle_23-2149049757.jpg"},
{
id: "4",
name: "Anna Lee",
role: "Member",
company: "Miami",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-sporty-top-leggings-lyingmat-happily-looking-camera-with-laptop-hands-home-with-big-windows-background_574295-5671.jpg",
},
id: "4", name: "Anna Lee", role: "Member", company: "Miami", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-sporty-top-leggings-lyingmat-happily-looking-camera-with-laptop-hands-home-with-big-windows-background_574295-5671.jpg"},
{
id: "5",
name: "David W.",
role: "Member",
company: "Miami",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/weights-floor_1134-444.jpg",
},
id: "5", name: "David W.", role: "Member", company: "Miami", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/weights-floor_1134-444.jpg"},
]}
title="What Our Members Say"
description="Read success stories from the community that keeps us moving forward."
@@ -322,20 +220,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need a tour first?",
content: "We recommend a tour to familiarize yourself with our equipment.",
},
id: "q1", title: "Do I need a tour first?", content: "We recommend a tour to familiarize yourself with our equipment."},
{
id: "q2",
title: "Are classes included?",
content: "Yes, our Premium membership includes unlimited access.",
},
id: "q2", title: "Are classes included?", content: "Yes, our Premium membership includes unlimited access."},
{
id: "q3",
title: "What are your hours?",
content: "We are open 5 AM to 8 PM daily.",
},
id: "q3", title: "What are your hours?", content: "We are open 5 AM to 8 PM daily."},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know before starting your fitness journey with us."
@@ -350,22 +239,14 @@ export default function LandingPage() {
description="Ready to get stronger? Contact our team today and schedule your first session."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your goals",
required: true,
name: "message", placeholder: "Tell us about your goals", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/blurred-gym-machines_1203-28.jpg"
/>
@@ -377,29 +258,19 @@ export default function LandingPage() {
logoText="Sport Fitness Miami"
columns={[
{
title: "Site",
items: [
title: "Site", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Programs",
href: "#features",
},
label: "Programs", href: "#features"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}