Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -17,27 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Success",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Success", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PrimeM"
|
||||
/>
|
||||
@@ -46,17 +42,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Define Your Prime Performance."
|
||||
description="Unlock elite physical potential with science-backed training and professional coaching at PrimeM Fitness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Training", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-sport-center_1203-993.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-sport-center_1203-993.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,19 +60,13 @@ export default function LandingPage() {
|
||||
description="We blend advanced methodology with custom training plans to ensure you exceed your fitness goals efficiently and sustainably."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Athletes Trained",
|
||||
},
|
||||
value: "500+", title: "Athletes Trained"},
|
||||
{
|
||||
value: "12yrs",
|
||||
title: "Industry Experience",
|
||||
},
|
||||
value: "12yrs", title: "Industry Experience"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Goal Achievement",
|
||||
},
|
||||
value: "95%", title: "Goal Achievement"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,17 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic workout templates",
|
||||
"Guesswork programming",
|
||||
"Lack of accountability",
|
||||
],
|
||||
"Generic workout templates", "Guesswork programming", "Lack of accountability"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Personalized periodization",
|
||||
"Data-driven performance tracking",
|
||||
"Expert mentor support",
|
||||
],
|
||||
"Personalized periodization", "Data-driven performance tracking", "Expert mentor support"],
|
||||
}}
|
||||
title="Prime Training Philosophy"
|
||||
description="The difference between guessing and progress. We provide the structure you need."
|
||||
@@ -115,60 +96,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2025",
|
||||
title: "Strength Gains",
|
||||
quote: "PrimeM changed how I view training entirely.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-sport-center_1203-993.jpg?_wi=2",
|
||||
imageAlt: "fitness athlete intense training gym",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Jan 2025", title: "Strength Gains", quote: "PrimeM changed how I view training entirely.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-sport-center_1203-993.jpg", imageAlt: "fitness athlete intense training gym"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
date: "Dec 2024",
|
||||
title: "Endurance",
|
||||
quote: "Finally achieved my marathon goals thanks to the coaching.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5431.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg?_wi=2",
|
||||
imageAlt: "fitness coach teaching technique",
|
||||
},
|
||||
id: "2", name: "Sarah K.", date: "Dec 2024", title: "Endurance", quote: "Finally achieved my marathon goals thanks to the coaching.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5431.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg", imageAlt: "fitness coach teaching technique"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus L.",
|
||||
date: "Nov 2024",
|
||||
title: "Weight Loss",
|
||||
quote: "Best investment in my health I have made.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-woman-with-headphones_23-2148435365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg",
|
||||
imageAlt: "happy fitness member portrait",
|
||||
},
|
||||
id: "3", name: "Marcus L.", date: "Nov 2024", title: "Weight Loss", quote: "Best investment in my health I have made.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-woman-with-headphones_23-2148435365.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg", imageAlt: "happy fitness member portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jenna B.",
|
||||
date: "Oct 2024",
|
||||
title: "Mobility",
|
||||
quote: "I feel younger and move much better now.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5368.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5431.jpg",
|
||||
imageAlt: "professional fitness portrait",
|
||||
},
|
||||
id: "4", name: "Jenna B.", date: "Oct 2024", title: "Mobility", quote: "I feel younger and move much better now.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-practicing-yoga-home_158595-5431.jpg", imageAlt: "professional fitness portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
date: "Sep 2024",
|
||||
title: "Peak Performance",
|
||||
quote: "The most professional environment I have ever trained in.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-woman-with-headphones_23-2148435365.jpg",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
id: "5", name: "David W.", date: "Sep 2024", title: "Peak Performance", quote: "The most professional environment I have ever trained in.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-preparing-throw-fist_23-2149219784.jpg", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-woman-with-headphones_23-2148435365.jpg", imageAlt: "fitness enthusiast portrait"},
|
||||
]}
|
||||
title="Member Transformations"
|
||||
description="Hear directly from those who elevated their performance with PrimeM."
|
||||
@@ -181,25 +117,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need experience?",
|
||||
content: "No, we train all levels from absolute beginner to elite competitor.",
|
||||
},
|
||||
id: "f1", title: "Do I need experience?", content: "No, we train all levels from absolute beginner to elite competitor."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I start?",
|
||||
content: "Schedule your discovery call using the contact button below.",
|
||||
},
|
||||
id: "f2", title: "How do I start?", content: "Schedule your discovery call using the contact button below."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are workouts remote?",
|
||||
content: "We offer both in-person coaching and hybrid remote training.",
|
||||
},
|
||||
id: "f3", title: "Are workouts remote?", content: "We offer both in-person coaching and hybrid remote training."},
|
||||
]}
|
||||
title="Training Questions"
|
||||
description="Get clear answers about our gym culture, programs, and coaching."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -208,16 +135,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready for your prime?"
|
||||
description="Book your initial assessment and meet your new training team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -226,29 +150,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Programs", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user