Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,44 +30,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Muscle Mansion"
|
||||
button={{ text: "Join", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Forge Your Legacy at Muscle Mansion"
|
||||
description="Unlock your full potential in a world-class facility designed for serious results. Join the community where champions are made every single day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Journey", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room-interior_74190-5888.jpg"
|
||||
imageAlt="modern gym interior weights"
|
||||
/>
|
||||
@@ -92,33 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strength Area",
|
||||
tags: [
|
||||
"Powerlifting",
|
||||
"Bodybuilding",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3193.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cardio Zone",
|
||||
tags: [
|
||||
"Endurance",
|
||||
"Weight Loss",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-treadmill-gym-shirtless-man-gym-sports-lifestyle_169016-59854.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Recovery Suite",
|
||||
tags: [
|
||||
"Yoga",
|
||||
"Mobility",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725267.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Strength Area", tags: ["Powerlifting", "Bodybuilding"], imageSrc: "http://img.b2bpic.net/free-photo/sports-dumbbells-modern-sports-club_1339-3193.jpg" },
|
||||
{ id: "f2", title: "Cardio Zone", tags: ["Endurance", "Weight Loss"], imageSrc: "http://img.b2bpic.net/free-photo/athlete-treadmill-gym-shirtless-man-gym-sports-lifestyle_169016-59854.jpg" },
|
||||
{ id: "f3", title: "Recovery Suite", tags: ["Yoga", "Mobility"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725267.jpg" },
|
||||
]}
|
||||
title="Facility Highlights"
|
||||
description="Everything you need to reach your peak performance."
|
||||
@@ -131,38 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$39/mo",
|
||||
subtitle: "Perfect for basics",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Locker room access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$69/mo",
|
||||
subtitle: "For serious results",
|
||||
features: [
|
||||
"All basic benefits",
|
||||
"Free classes",
|
||||
"Recovery access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Elite",
|
||||
price: "$129/mo",
|
||||
subtitle: "Ultimate experience",
|
||||
features: [
|
||||
"All pro benefits",
|
||||
"Personal training",
|
||||
"Guest passes",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$39/mo", subtitle: "Perfect for basics", features: ["Full gym access", "Locker room access"] },
|
||||
{ id: "pro", badge: "Popular", price: "$69/mo", subtitle: "For serious results", features: ["All basic benefits", "Free classes", "Recovery access"] },
|
||||
{ id: "vip", badge: "Elite", price: "$129/mo", subtitle: "Ultimate experience", features: ["All pro benefits", "Personal training", "Guest passes"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Flexible pricing options tailored to your commitment level."
|
||||
@@ -175,61 +101,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Member",
|
||||
company: "Local Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-fitness-concept-satisfied-young-female-athlete-close-eyes-smiling-with-pleasure-after-good-workout-standing-sportsbra-against-white-background_176420-49311.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Pro Athlete",
|
||||
company: "Powerlifting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-gorgeous-blonde-woman-gym-her-weekend-time_146671-16975.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex B.",
|
||||
role: "Member",
|
||||
company: "Bodybuilder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah P.",
|
||||
role: "Member",
|
||||
company: "Weight Loss",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-senior-man-wearing-white-t-shirt-head-band-holding-yoga-mat-hands-looking-straight-ahead_176532-9943.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike R.",
|
||||
role: "Member",
|
||||
company: "Recovery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sporty-top-white-leggings-practicing-yoga-with-beautiful-sea-view-background-young-woman-thoughtfully-looking-aside-while-stretching-by-sea_574295-1454.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Members",
|
||||
},
|
||||
{
|
||||
value: "10y",
|
||||
label: "In Business",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", role: "Member", company: "Local Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sport-fitness-concept-satisfied-young-female-athlete-close-eyes-smiling-with-pleasure-after-good-workout-standing-sportsbra-against-white-background_176420-49311.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Pro Athlete", company: "Powerlifting", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-gorgeous-blonde-woman-gym-her-weekend-time_146671-16975.jpg" },
|
||||
{ id: "t3", name: "Alex B.", role: "Member", company: "Bodybuilder", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1076.jpg" },
|
||||
{ id: "t4", name: "Sarah P.", role: "Member", company: "Weight Loss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/profile-senior-man-wearing-white-t-shirt-head-band-holding-yoga-mat-hands-looking-straight-ahead_176532-9943.jpg" },
|
||||
{ id: "t5", name: "Mike R.", role: "Member", company: "Recovery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sporty-top-white-leggings-practicing-yoga-with-beautiful-sea-view-background-young-woman-thoughtfully-looking-aside-while-stretching-by-sea_574295-1454.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "5k+", label: "Members" }, { value: "10y", label: "In Business" }, { value: "99%", label: "Satisfaction" }]}
|
||||
title="Real Transformations"
|
||||
description="Join thousands who have reached their peak at Muscle Mansion."
|
||||
/>
|
||||
@@ -240,20 +118,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Get Started Today"
|
||||
description="Claim your free trial pass and step into the Mansion."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workout-program-trainer-client-side-view_23-2148795236.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -261,36 +126,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Home", href: "#home" }, { label: "About", href: "#about" }, { label: "Pricing", href: "#pricing" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
|
||||
logoText="Muscle Mansion"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user