Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 011aeb3ed5 |
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,94 +32,59 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Facilities",
|
name: "Facilities", id: "#facilities"},
|
||||||
id: "#facilities",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Membership",
|
name: "Membership", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Booking",
|
name: "Booking", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Powerhouse"
|
brandName="Powerhouse"
|
||||||
button={{
|
button={{
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#pricing"}}
|
||||||
href: "#pricing",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Unleash Your Potential at Powerhouse"
|
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."
|
description="State-of-the-art facilities, expert personal training, and a community built to push your limits. Book your session today."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Join Powerhouse",
|
text: "Start Your Free Trial", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Book a Tour",
|
text: "Book a Tour", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s2szkd"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s2szkd"
|
||||||
imageAlt="modern gym interior equipment sunlight"
|
imageAlt="modern gym interior equipment sunlight"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fesx5k", alt: "gym member portrait happy"},
|
||||||
alt: "gym member portrait happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ljg766", alt: "athlete portrait confident"},
|
||||||
alt: "athlete portrait confident",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppcxtx", alt: "fit individual smiling portrait"},
|
||||||
alt: "fit individual smiling portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f40vt", alt: "young woman fitness portrait"},
|
||||||
alt: "young woman fitness portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzerzk", alt: "man looking healthy portrait"},
|
||||||
alt: "man looking healthy portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 5,000+ members"
|
avatarText="Join 5,000+ members"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Access"},
|
||||||
text: "24/7 Access",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Modern Equipment"},
|
||||||
text: "Modern Equipment",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Expert Coaching"},
|
||||||
text: "Expert Coaching",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Clean Facilities"},
|
||||||
text: "Clean Facilities",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Community Driven"},
|
||||||
text: "Community Driven",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,9 +94,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="More Than Just a Gym"
|
title="More Than Just a Gym"
|
||||||
description={[
|
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.",
|
"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."]}
|
||||||
"Whether you're training for a marathon, a powerlifting meet, or just looking to stay healthy, we have the tools you need.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -143,29 +106,19 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Activity,
|
icon: Activity,
|
||||||
title: "Strength Training",
|
title: "Strength Training", description: "Olympic lifting platforms and modern rack systems."},
|
||||||
description: "Olympic lifting platforms and modern rack systems.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Activity,
|
icon: Activity,
|
||||||
title: "Cardio Suite",
|
title: "Cardio Suite", description: "Latest treadmills, rowers, and bikes for endurance."},
|
||||||
description: "Latest treadmills, rowers, and bikes for endurance.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
title: "Expert Coaching",
|
title: "Expert Coaching", description: "Trainers dedicated to your personal success."},
|
||||||
description: "Trainers dedicated to your personal success.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Calendar,
|
icon: Calendar,
|
||||||
title: "Group Classes",
|
title: "Group Classes", description: "Wide variety of weekly classes for all levels."},
|
||||||
description: "Wide variety of weekly classes for all levels.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Coffee,
|
icon: Coffee,
|
||||||
title: "Recovery Zone",
|
title: "Recovery Zone", description: "Sauna and stretching areas for post-workout care."},
|
||||||
description: "Sauna and stretching areas for post-workout care.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Elite Facilities"
|
title="Elite Facilities"
|
||||||
description="Everything you need to crush your fitness goals."
|
description="Everything you need to crush your fitness goals."
|
||||||
@@ -180,47 +133,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Fuel Your Results"
|
||||||
description="Essential gear and supplements for peak performance."
|
description="Essential gear and supplements for peak performance."
|
||||||
@@ -234,51 +157,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", tag: "Essential", price: "$39", period: "/mo", description: "Perfect for the casual gym-goer.", button: {
|
||||||
tag: "Essential",
|
text: "Choose Basic"},
|
||||||
price: "$39",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/mo",
|
"Access to main gym", "Full cardio suite"],
|
||||||
description: "Perfect for the casual gym-goer.",
|
|
||||||
button: {
|
|
||||||
text: "Choose Basic",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Access to main gym",
|
|
||||||
"Full cardio suite",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", tag: "Popular", price: "$69", period: "/mo", description: "For those serious about gains.", button: {
|
||||||
tag: "Popular",
|
text: "Choose Pro"},
|
||||||
price: "$69",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/mo",
|
"Everything in Basic", "Personal training session", "24/7 access"],
|
||||||
description: "For those serious about gains.",
|
|
||||||
button: {
|
|
||||||
text: "Choose Pro",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Everything in Basic",
|
|
||||||
"Personal training session",
|
|
||||||
"24/7 access",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "ultra",
|
id: "ultra", tag: "Elite", price: "$99", period: "/mo", description: "The ultimate Powerhouse experience.", button: {
|
||||||
tag: "Elite",
|
text: "Choose Elite"},
|
||||||
price: "$99",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "/mo",
|
"Everything in Pro", "Advanced recovery sessions", "Guest passes"],
|
||||||
description: "The ultimate Powerhouse experience.",
|
|
||||||
button: {
|
|
||||||
text: "Choose Elite",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Everything in Pro",
|
|
||||||
"Advanced recovery sessions",
|
|
||||||
"Guest passes",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Membership Plans"
|
title="Membership Plans"
|
||||||
@@ -292,45 +186,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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: "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"
|
title="Member Success Stories"
|
||||||
description="See why our members stay with Powerhouse."
|
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."
|
description="Ready to get started? Schedule a personal tour or booking request now."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "What are you looking for?", rows: 4,
|
||||||
placeholder: "What are you looking for?",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lfsusa"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lfsusa"
|
||||||
buttonText="Submit Request"
|
buttonText="Submit Request"
|
||||||
@@ -370,13 +226,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="POWERHOUSE"
|
logoText="POWERHOUSE"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user