Merge version_1 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -17,45 +17,34 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Science",
|
||||
id: "#science",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
{
|
||||
name: "Physician-Led",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Science", id: "science" },
|
||||
{ name: "Benefits", id: "benefits" },
|
||||
{ name: "Physician-Led", id: "team" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="FunctionalHealth"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="FunctionalHealth"
|
||||
description="Clinical-grade creatine designed for recovery and functional strength. Built by physicians, backed by research."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Science",
|
||||
href: "#science",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore the Science", href: "#science" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093755.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -77,26 +66,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Muscle Energy",
|
||||
description: "Optimized creatine for cellular energy production to fight functional decline.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-vitamin-pill-vector-illustration-with-glossy-finish_1308-184622.jpg",
|
||||
titleIconSrc: "Zap",
|
||||
buttonText: "Read More",
|
||||
title: "Muscle Energy", description: "Optimized creatine for cellular energy production to fight functional decline.", imageSrc: "http://img.b2bpic.net/free-photo/blue-vitamin-pill-vector-illustration-with-glossy-finish_1308-184622.jpg", titleIconSrc: "Zap", buttonText: "Read More"
|
||||
},
|
||||
{
|
||||
title: "Functional Strength",
|
||||
description: "Supporting functional independence for adults aged 40+ through proven supplementation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinning-retro-cd-blue-tech-surface_58702-17217.jpg",
|
||||
titleIconSrc: "Activity",
|
||||
buttonText: "Read More",
|
||||
title: "Functional Strength", description: "Supporting functional independence for adults aged 40+ through proven supplementation.", imageSrc: "http://img.b2bpic.net/free-photo/spinning-retro-cd-blue-tech-surface_58702-17217.jpg", titleIconSrc: "Activity", buttonText: "Read More"
|
||||
},
|
||||
{
|
||||
title: "Clinical Integrity",
|
||||
description: "Formulated by physicians based on rigorous clinical evidence, not marketing trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg",
|
||||
titleIconSrc: "Shield",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Clinical Integrity", description: "Formulated by physicians based on rigorous clinical evidence, not marketing trends.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", titleIconSrc: "Shield", buttonText: "Read More"
|
||||
}
|
||||
]}
|
||||
title="Evidence-Backed Recovery"
|
||||
description="Translating clinical research into real-world strength."
|
||||
@@ -110,46 +87,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Jenkins",
|
||||
role: "Physical Therapist",
|
||||
company: "Recovery Clinics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-pointing-finger-aside_1262-18709.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Miller",
|
||||
role: "Patient",
|
||||
company: "Independence Patient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Chen",
|
||||
role: "Caregiver",
|
||||
company: "Family Care",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-near-window_23-2148253970.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
role: "Patient",
|
||||
company: "Recovery Journey",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297627.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Functional Health Coach",
|
||||
company: "Wellness Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-pointing-finger-aside_1262-18709.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Dr. Sarah Jenkins", role: "Physical Therapist", company: "Recovery Clinics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-pointing-finger-aside_1262-18709.jpg" },
|
||||
{ id: "2", name: "Robert Miller", role: "Patient", company: "Independence Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg" },
|
||||
{ id: "3", name: "Linda Chen", role: "Caregiver", company: "Family Care", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-near-window_23-2148253970.jpg" },
|
||||
{ id: "4", name: "James Wilson", role: "Patient", company: "Recovery Journey", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297627.jpg" },
|
||||
{ id: "5", name: "Elena Rodriguez", role: "Functional Health Coach", company: "Wellness Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-pointing-finger-aside_1262-18709.jpg" }
|
||||
]}
|
||||
title="Real-World Outcomes"
|
||||
description="Trust the results validated by science and clinical practice."
|
||||
@@ -161,26 +103,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Why creatine for adults over 40?",
|
||||
content: "Creatine supports muscle energy replenishment which naturally declines with age, aiding in functional strength and recovery.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is it safe for daily use?",
|
||||
content: "Yes, our clinical-grade formula is developed for safety and efficacy in daily supplementation.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How does this differ from fitness supplements?",
|
||||
content: "Our formula focuses on functional longevity and health, not performance metrics or performance boosters.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are there physician endorsements?",
|
||||
content: "FunctionalHealth is physician-led, ensuring all formulations align with the latest clinical evidence.",
|
||||
},
|
||||
{ id: "1", title: "Why creatine for adults over 40?", content: "Creatine supports muscle energy replenishment which naturally declines with age, aiding in functional strength and recovery." },
|
||||
{ id: "2", title: "Is it safe for daily use?", content: "Yes, our clinical-grade formula is developed for safety and efficacy in daily supplementation." },
|
||||
{ id: "3", title: "How does this differ from fitness supplements?", content: "Our formula focuses on functional longevity and health, not performance metrics or performance boosters." },
|
||||
{ id: "4", title: "Are there physician endorsements?", content: "FunctionalHealth is physician-led, ensuring all formulations align with the latest clinical evidence." }
|
||||
]}
|
||||
title="Clinical Questions, Answered"
|
||||
description="Transparent science for informed decisions."
|
||||
@@ -191,9 +117,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready to restore your strength?"
|
||||
description="Join our newsletter for the latest in clinical research and functional health evidence."
|
||||
@@ -207,53 +131,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Science",
|
||||
href: "#science",
|
||||
},
|
||||
{
|
||||
label: "Physicians",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Clinical Trials",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Evidence",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Science", href: "#science" }, { label: "Physicians", href: "#team" }] },
|
||||
{ title: "Resources", items: [{ label: "Clinical Trials", href: "#" }, { label: "FAQs", href: "#faq" }, { label: "Evidence", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="FunctionalHealth"
|
||||
copyrightText="© 2025 FunctionalHealth. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user