bender/fa1cb807-c121-4646-8051-6a4c2c19177e
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-08 20:18:26 +00:00
parent c813b9f28f
commit 011aeb3ed5
1 changed files with 52 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -32,94 +32,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Facilities",
id: "#facilities",
},
name: "Facilities", id: "#facilities"},
{
name: "Membership",
id: "#pricing",
},
name: "Membership", id: "#pricing"},
{
name: "Booking",
id: "#contact",
},
name: "Booking", id: "#contact"},
]}
brandName="Powerhouse"
button={{
text: "Join Now",
href: "#pricing",
}}
text: "Join Now", href: "#pricing"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unleash Your Potential at Powerhouse"
description="State-of-the-art facilities, expert personal training, and a community built to push your limits. Book your session today."
buttons={[
{
text: "Join Powerhouse",
href: "#pricing",
},
text: "Start Your Free Trial", href: "#pricing"},
{
text: "Book a Tour",
href: "#contact",
},
text: "Book a Tour", href: "#contact"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s2szkd"
imageAlt="modern gym interior equipment sunlight"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k",
alt: "gym member portrait happy",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k", alt: "gym member portrait happy"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766",
alt: "athlete portrait confident",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766", alt: "athlete portrait confident"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx",
alt: "fit individual smiling portrait",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx", alt: "fit individual smiling portrait"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt",
alt: "young woman fitness portrait",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt", alt: "young woman fitness portrait"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk",
alt: "man looking healthy portrait",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk", alt: "man looking healthy portrait"},
]}
avatarText="Join 5,000+ members"
marqueeItems={[
{
type: "text",
text: "24/7 Access",
},
type: "text", text: "24/7 Access"},
{
type: "text",
text: "Modern Equipment",
},
type: "text", text: "Modern Equipment"},
{
type: "text",
text: "Expert Coaching",
},
type: "text", text: "Expert Coaching"},
{
type: "text",
text: "Clean Facilities",
},
type: "text", text: "Clean Facilities"},
{
type: "text",
text: "Community Driven",
},
type: "text", text: "Community Driven"},
]}
/>
</div>
@@ -129,9 +94,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="More Than Just a Gym"
description={[
"We believe in building more than muscle; we build confidence and community. With 24/7 access, cutting-edge equipment, and expert coaching, your journey starts here.",
"Whether you're training for a marathon, a powerlifting meet, or just looking to stay healthy, we have the tools you need.",
]}
"We believe in building more than muscle; we build confidence and community. With 24/7 access, cutting-edge equipment, and expert coaching, your journey starts here.", "Whether you're training for a marathon, a powerlifting meet, or just looking to stay healthy, we have the tools you need."]}
/>
</div>
@@ -143,29 +106,19 @@ export default function LandingPage() {
features={[
{
icon: Activity,
title: "Strength Training",
description: "Olympic lifting platforms and modern rack systems.",
},
title: "Strength Training", description: "Olympic lifting platforms and modern rack systems."},
{
icon: Activity,
title: "Cardio Suite",
description: "Latest treadmills, rowers, and bikes for endurance.",
},
title: "Cardio Suite", description: "Latest treadmills, rowers, and bikes for endurance."},
{
icon: Users,
title: "Expert Coaching",
description: "Trainers dedicated to your personal success.",
},
title: "Expert Coaching", description: "Trainers dedicated to your personal success."},
{
icon: Calendar,
title: "Group Classes",
description: "Wide variety of weekly classes for all levels.",
},
title: "Group Classes", description: "Wide variety of weekly classes for all levels."},
{
icon: Coffee,
title: "Recovery Zone",
description: "Sauna and stretching areas for post-workout care.",
},
title: "Recovery Zone", description: "Sauna and stretching areas for post-workout care."},
]}
title="Elite Facilities"
description="Everything you need to crush your fitness goals."
@@ -180,47 +133,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Premium Whey",
price: "$45.00",
variant: "Supplement",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hemedp",
},
id: "1", name: "Premium Whey", price: "$45.00", variant: "Supplement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hemedp"},
{
id: "2",
name: "Branded Bottle",
price: "$15.00",
variant: "Gear",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8ms27",
},
id: "2", name: "Branded Bottle", price: "$15.00", variant: "Gear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8ms27"},
{
id: "3",
name: "Gym Towel",
price: "$10.00",
variant: "Gear",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks2t3a",
},
id: "3", name: "Gym Towel", price: "$10.00", variant: "Gear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks2t3a"},
{
id: "4",
name: "Fitness Band",
price: "$25.00",
variant: "Tech",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yuyk",
},
id: "4", name: "Fitness Band", price: "$25.00", variant: "Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yuyk"},
{
id: "5",
name: "Resistance Set",
price: "$30.00",
variant: "Training",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=654rik",
},
id: "5", name: "Resistance Set", price: "$30.00", variant: "Training", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=654rik"},
{
id: "6",
name: "Pro Gym Bag",
price: "$50.00",
variant: "Gear",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74oq0p",
},
id: "6", name: "Pro Gym Bag", price: "$50.00", variant: "Gear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74oq0p"},
]}
title="Fuel Your Results"
description="Essential gear and supplements for peak performance."
@@ -234,51 +157,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essential",
price: "$39",
period: "/mo",
description: "Perfect for the casual gym-goer.",
button: {
text: "Choose Basic",
},
featuresTitle: "Includes:",
features: [
"Access to main gym",
"Full cardio suite",
],
id: "basic", tag: "Essential", price: "$39", period: "/mo", description: "Perfect for the casual gym-goer.", button: {
text: "Choose Basic"},
featuresTitle: "Includes:", features: [
"Access to main gym", "Full cardio suite"],
},
{
id: "pro",
tag: "Popular",
price: "$69",
period: "/mo",
description: "For those serious about gains.",
button: {
text: "Choose Pro",
},
featuresTitle: "Includes:",
features: [
"Everything in Basic",
"Personal training session",
"24/7 access",
],
id: "pro", tag: "Popular", price: "$69", period: "/mo", description: "For those serious about gains.", button: {
text: "Choose Pro"},
featuresTitle: "Includes:", features: [
"Everything in Basic", "Personal training session", "24/7 access"],
},
{
id: "ultra",
tag: "Elite",
price: "$99",
period: "/mo",
description: "The ultimate Powerhouse experience.",
button: {
text: "Choose Elite",
},
featuresTitle: "Includes:",
features: [
"Everything in Pro",
"Advanced recovery sessions",
"Guest passes",
],
id: "ultra", tag: "Elite", price: "$99", period: "/mo", description: "The ultimate Powerhouse experience.", button: {
text: "Choose Elite"},
featuresTitle: "Includes:", features: [
"Everything in Pro", "Advanced recovery sessions", "Guest passes"],
},
]}
title="Membership Plans"
@@ -292,45 +186,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Life Changing",
quote: "I've never felt stronger or more motivated.",
name: "John D.",
role: "Athlete",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k",
},
id: "1", title: "Life Changing", quote: "I've never felt stronger or more motivated.", name: "John D.", role: "Athlete", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k"},
{
id: "2",
title: "Elite Facility",
quote: "Best equipment in town, hands down.",
name: "Sarah W.",
role: "Powerlifter",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766",
},
id: "2", title: "Elite Facility", quote: "Best equipment in town, hands down.", name: "Sarah W.", role: "Powerlifter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766"},
{
id: "3",
title: "Total Transformation",
quote: "The trainers are truly exceptional.",
name: "Mark R.",
role: "Member",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx",
},
id: "3", title: "Total Transformation", quote: "The trainers are truly exceptional.", name: "Mark R.", role: "Member", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx"},
{
id: "4",
title: "Incredible Community",
quote: "Everyone is so supportive here.",
name: "Lisa G.",
role: "Member",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt",
},
id: "4", title: "Incredible Community", quote: "Everyone is so supportive here.", name: "Lisa G.", role: "Member", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt"},
{
id: "5",
title: "Best Decision",
quote: "Joined six months ago and never looked back.",
name: "Kevin M.",
role: "Member",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk",
},
id: "5", title: "Best Decision", quote: "Joined six months ago and never looked back.", name: "Kevin M.", role: "Member", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk"},
]}
title="Member Success Stories"
description="See why our members stay with Powerhouse."
@@ -344,22 +208,14 @@ export default function LandingPage() {
description="Ready to get started? Schedule a personal tour or booking request now."
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: "What are you looking for?",
rows: 4,
name: "message", placeholder: "What are you looking for?", rows: 4,
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lfsusa"
buttonText="Submit Request"
@@ -370,13 +226,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="POWERHOUSE"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>