Update src/app/science/page.tsx

This commit is contained in:
2026-04-08 04:41:49 +00:00
parent 165868c559
commit e8e59ea044

View File

@@ -3,9 +3,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
export default function SciencePage() {
return (
@@ -25,47 +22,14 @@ export default function SciencePage() {
<NavbarLayoutFloatingInline
navItems={[
{ name: "Science", id: "/science" },
{ name: "Benefits", id: "/#benefits" },
{ name: "About", id: "/about" }
]}
brandName="FunctionalHealth"
button={{ text: "Get Started", href: "#" }}
/>
<div className="pt-32 pb-20">
<FeatureCardTwentySeven
title="The Science of Functional Creatine"
description="Deep dive into the clinical research supporting our formulations for cellular vitality."
textboxLayout="split"
animationType="slide-up"
features={[
{ id: "1", title: "Cellular Bioenergetics", descriptions: ["Understanding how our patented formula facilitates rapid ATP regeneration."] },
{ id: "2", title: "Physiological Impact", descriptions: ["Clinical evidence showing significant strength gains in adults 40+."] },
{ id: "3", title: "Safety Profile", descriptions: ["Peer-reviewed safety markers demonstrating zero adverse long-term effects."] }
]}
useInvertedBackground={false}
/>
<h1 className="text-center text-4xl">Science Page</h1>
</div>
<div className="py-20">
<MetricCardFourteen
title="Impact by the Numbers"
tag="Research Credibility"
metrics={[
{ id: "m1", value: "15+", description: "Clinical trials conducted" },
{ id: "m2", value: "98%", description: "Safety and efficacy rating" },
{ id: "m3", value: "10k+", description: "Lives improved through functional research" }
]}
useInvertedBackground={false}
/>
</div>
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Science", href: "/science" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
]}
logoText="FunctionalHealth"
/>
</ReactLenis>
</ThemeProvider>
);