Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -26,275 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#packages",
|
||||
},
|
||||
{
|
||||
name: "Consultation",
|
||||
id: "#consultation",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
]}
|
||||
brandName="Rua Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Packages", id: "packages" },
|
||||
{ name: "Consultation", id: "consultation" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="Rua Laboratories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Know Your True Limits"
|
||||
description="Precision physiological profiling, expert analysis, and individually prescribed training programmes — grounded in your data, delivered by a Doctor of Exercise Physiology."
|
||||
tag="PhD-Led Performance Science · Dublin"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Assessment",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "View Packages",
|
||||
href: "#packages",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-patient-doing-medical-exercises_23-2148328447.jpg?_wi=1",
|
||||
imageAlt: "Physiology Laboratory Environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-summary-data-his-smartwatch_53876-102031.jpg?_wi=1",
|
||||
imageAlt: "Performance Monitoring Tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-patient-doing-medical-exercises_23-2148328447.jpg?_wi=2",
|
||||
imageAlt: "Advanced Metabolic Testing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-summary-data-his-smartwatch_53876-102031.jpg?_wi=2",
|
||||
imageAlt: "Data-Driven Athlete Monitoring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg?_wi=1",
|
||||
imageAlt: "Scientist analyzing performance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by elite athletes"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Know Your True Limits"
|
||||
description="Precision physiological profiling, expert analysis, and individually prescribed training programmes — grounded in your data, delivered by a Doctor of Exercise Physiology."
|
||||
tag="PhD-Led Performance Science · Dublin"
|
||||
buttons={[{ text: "Book Assessment", href: "#booking" }, { text: "View Packages", href: "#packages" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-patient-doing-medical-exercises_23-2148328447.jpg", imageAlt: "Physiology Laboratory Environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-checking-summary-data-his-smartwatch_53876-102031.jpg", imageAlt: "Performance Monitoring Tech" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by elite athletes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "VO₂ Max Assessment",
|
||||
description: "Determine your maximal aerobic capacity with industry-standard metabolic cart analysis.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-patient-doing-medical-exercises_23-2148328447.jpg?_wi=3",
|
||||
imageAlt: "sports laboratory testing equipment",
|
||||
},
|
||||
{
|
||||
title: "Lactate Threshold Profiling",
|
||||
description: "Full-curve lactate analysis to define your training zones with clinical precision.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-summary-data-his-smartwatch_53876-102031.jpg?_wi=3",
|
||||
imageAlt: "vo2 max testing mask",
|
||||
},
|
||||
{
|
||||
title: "Neuromuscular Power",
|
||||
description: "Assess your explosive power, reactive strength, and force development capabilities.",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Force Plates",
|
||||
subtitle: "Neuromuscular",
|
||||
detail: "Test explosive output",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "IMTP",
|
||||
subtitle: "Isometric",
|
||||
detail: "Measure max force",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Economy",
|
||||
subtitle: "Structural",
|
||||
detail: "Run more efficiently",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg?_wi=2",
|
||||
imageAlt: "sports scientist analyzing data",
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Performance"
|
||||
description="Unlock your potential through scientifically validated testing protocols."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Data-Driven Performance"
|
||||
description="Unlock your potential through scientifically validated testing protocols."
|
||||
features={[
|
||||
{ title: "VO₂ Max Assessment", description: "Determine your maximal aerobic capacity with industry-standard metabolic cart analysis.", bentoComponent: "line-chart" },
|
||||
{ title: "Lactate Threshold Profiling", description: "Full-curve lactate analysis to define your training zones with clinical precision.", bentoComponent: "animated-bar-chart" },
|
||||
{ title: "Neuromuscular Power", description: "Assess your explosive power, reactive strength, and force development capabilities.", bentoComponent: "3d-stack-cards", items: [{ icon: Zap, title: "Force Plates", subtitle: "Neuromuscular", detail: "Test explosive output" }, { icon: Award, title: "IMTP", subtitle: "Isometric", detail: "Measure max force" }, { icon: Shield, title: "Economy", subtitle: "Structural", detail: "Run more efficiently" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "foundation",
|
||||
name: "Foundation",
|
||||
price: "€199",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Foundation",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"VO₂ Max Testing",
|
||||
"Lactate Profile Curve",
|
||||
"Heart Rate Zones",
|
||||
"Expert Consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "performance",
|
||||
name: "Performance",
|
||||
price: "€349",
|
||||
badge: "Popular",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Performance",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Foundation Features",
|
||||
"Body Composition Analysis",
|
||||
"Force Plate Testing",
|
||||
"HIIT Prescription",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
name: "Elite",
|
||||
price: "€499",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Elite",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Performance Features",
|
||||
"Isometric Strength Profile",
|
||||
"Full Metabolic Analysis",
|
||||
"Seasonal Framework",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Performance Packages"
|
||||
description="Choose the level of insight that fits your current training phase."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{ id: "foundation", name: "Foundation", price: "€199", buttons: [{ text: "Book Foundation", href: "#booking" }], features: ["VO₂ Max Testing", "Lactate Profile Curve", "Heart Rate Zones", "Expert Consultation"] },
|
||||
{ id: "performance", name: "Performance", price: "€349", badge: "Popular", buttons: [{ text: "Book Performance", href: "#booking" }], features: ["All Foundation Features", "Body Composition Analysis", "Force Plate Testing", "HIIT Prescription"] },
|
||||
{ id: "elite", name: "Elite", price: "€499", buttons: [{ text: "Book Elite", href: "#booking" }], features: ["All Performance Features", "Isometric Strength Profile", "Full Metabolic Analysis", "Seasonal Framework"] }
|
||||
]}
|
||||
title="Performance Packages"
|
||||
description="Choose the level of insight that fits your current training phase."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About the Lab"
|
||||
title="PhD-Led Performance Science"
|
||||
description="Rua Laboratories provides elite performance diagnostics for athletes who treat their training as a craft."
|
||||
subdescription="Every assessment is administered personally by a Doctor of Exercise Physiology. We provide not just data, but direct actionable prescriptions for your training."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About the Lab"
|
||||
title="PhD-Led Performance Science"
|
||||
description="Rua Laboratories provides elite performance diagnostics for athletes who treat their training as a craft."
|
||||
subdescription="Every assessment is administered personally by a Doctor of Exercise Physiology. We provide not just data, but direct actionable prescriptions for your training."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Book Now"
|
||||
title="Request Your Assessment"
|
||||
description="We confirm assessment slots within 24 hours. Start your journey to peak performance today."
|
||||
mediaPosition="right"
|
||||
buttonText="Send Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Now"
|
||||
title="Request Your Assessment"
|
||||
description="We confirm assessment slots within 24 hours. Start your journey to peak performance today."
|
||||
mediaPosition="right"
|
||||
buttonText="Send Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-scientist-using-virtual-reality-technology-sports-lab-science-professional-young-athlete-sports-endurance-cross-training-test-with-mask-exercise_482257-16525.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Book Assessment",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
label: "Packages",
|
||||
href: "#packages",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "VO₂ Max",
|
||||
href: "#packages",
|
||||
},
|
||||
{
|
||||
label: "Lactate Profile",
|
||||
href: "#packages",
|
||||
},
|
||||
{
|
||||
label: "Force Analysis",
|
||||
href: "#packages",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Rua Laboratories"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Book Assessment", href: "#booking" }, { label: "Packages", href: "#packages" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Services", items: [{ label: "VO₂ Max", href: "#packages" }, { label: "Lactate Profile", href: "#packages" }, { label: "Force Analysis", href: "#packages" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Rua Laboratories"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user