Update src/app/page.tsx

Merge version_27 into main

src/app/klow/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function KlowPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Klow", id: "/klow" },
+            { name: "Mots-c", id: "/mots-c" },
+            { name: "NAD+", id: "/nad-plus" },
+          ]}
+          brandName="Peptify"
+        />
+        <div className="container mx-auto py-24">
+          <h1 className="text-4xl font-bold mb-6">Klow</h1>
+          <div className="prose max-w-none">
+            <p>Details about Klow, its effects on the human body, key benefits, and research-grade usage guidelines.</p>
+          </div>
+        </div>
+        <FooterSimple
+          columns={[
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
+            { title: "Compounds", items: [{ label: "Klow", href: "/klow" }, { label: "Mots-c", href: "/mots-c" }, { label: "NAD+", href: "/nad-plus" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
+          ]}
+          bottomLeftText="© 2025 Peptify"
+          bottomRightText="All rights reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/mots-c/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function MotsCPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Klow", id: "/klow" },
+            { name: "Mots-c", id: "/mots-c" },
+            { name: "NAD+", id: "/nad-plus" },
+          ]}
+          brandName="Peptify"
+        />
+        <div className="container mx-auto py-24">
+          <h1 className="text-4xl font-bold mb-6">Mots-c</h1>
+          <div className="prose max-w-none">
+            <p>Details about Mots-c, its effects on the human body, key benefits, and research-grade usage guidelines.</p>
+          </div>
+        </div>
+        <FooterSimple
+          columns={[
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
+            { title: "Compounds", items: [{ label: "Klow", href: "/klow" }, { label: "Mots-c", href: "/mots-c" }, { label: "NAD+", href: "/nad-plus" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
+          ]}
+          bottomLeftText="© 2025 Peptify"
+          bottomRightText="All rights reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/nad-plus/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function NadPlusPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" },
+            { name: "Klow", id: "/klow" },
+            { name: "Mots-c", id: "/mots-c" },
+            { name: "NAD+", id: "/nad-plus" },
+          ]}
+          brandName="Peptify"
+        />
+        <div className="container mx-auto py-24">
+          <h1 className="text-4xl font-bold mb-6">NAD+</h1>
+          <div className="prose max-w-none">
+            <p>Details about NAD+, its effects on the human body, key benefits, and research-grade usage guidelines.</p>
+          </div>
+        </div>
+        <FooterSimple
+          columns={[
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
+            { title: "Compounds", items: [{ label: "Klow", href: "/klow" }, { label: "Mots-c", href: "/mots-c" }, { label: "NAD+", href: "/nad-plus" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
+          ]}
+          bottomLeftText="© 2025 Peptify"
+          bottomRightText="All rights reserved"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,6 +32,9 @@ export default function LandingPage() {
         { name: "Products", id: "/products" },
         { name: "FAQ", id: "/faq" },
         { name: "Contact", id: "/contact" },
+        { name: "Klow", id: "/klow" },
+        { name: "Mots-c", id: "/mots-c" },
+        { name: "NAD+", id: "/nad-plus" },
       ]}
       brandName="Peptify"
     />
@@ -114,6 +117,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
+        { title: "Compounds", items: [{ label: "Klow", href: "/klow" }, { label: "Mots-c", href: "/mots-c" }, { label: "NAD+", href: "/nad-plus" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
       ]}
       bottomLeftText="© 2024 Peptify. For Research Use Only."

src/app/products/bpc-tb/page.tsx

@@ -4,55 +4,26 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 
 export default function BpcTbPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="mediumLarge"
-        background="blurBottom"
-        cardStyle="solid"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" 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">
-          <NavbarStyleApple
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Products", id: "/products" },
-              { name: "FAQ", id: "/faq" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Peptify"
-          />
-        </div>
-
-        <div id="bpc-info" data-section="bpc-info">
-          <MediaAbout
-            title="BPC-157 & TB-500: Advanced Biological Research"
-            description="BPC-157 is a pentadecapeptide derived from human gastric juice, widely studied for its potent tissue-healing and cytoprotective properties. When combined with TB-500 (Thymosin Beta-4), a synthetic fraction of a protein found in many body tissues, this complex represents a powerful synergy in regenerative research. These peptides are primarily researched for their ability to promote cellular migration, accelerate healing in connective tissues, and modulate inflammatory responses, making them focal points in current metabolic and orthopedic studies."
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-bpc-tb-in-a-sterile-envi-1775505031642-de9329a9.png?_wi=1"
-            useInvertedBackground={false}
-          />
-        </div>
-
-        <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
-              { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
-            ]}
-            bottomLeftText="© 2024 Peptify. For Research Use Only."
-            bottomRightText="All rights reserved."
-          />
+          <NavbarStyleApple navItems={[{name: 'Home', id: '/'}, {name: 'Products', id: '/products'}]} brandName="Peptify" />
         </div>
+        <main className="container mx-auto px-6 py-24">
+          <h1 className="text-4xl font-bold mb-6">BPC + TB 10MG</h1>
+          <p className="text-lg mb-8">Synergistic blend for advanced study.</p>
+          <h2 className="text-2xl font-semibold mb-4">Usage Highlights</h2>
+          <ul className="list-disc pl-6 mb-8">
+            <li>Synergistic peptide action</li>
+            <li>Sterile-tested components</li>
+            <li>Batch-certified</li>
+          </ul>
+        </main>
+        <FooterSimple columns={[]} bottomLeftText="© 2024 Peptify." bottomRightText="For Research Use Only." />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/retatrutide/page.tsx

@@ -4,49 +4,25 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import LegalSection from '@/components/legal/LegalSection';
 
 export default function RetatrutidePage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="mediumLarge"
-        background="blurBottom"
-        cardStyle="solid"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Products", id: "/products" },
-            { name: "FAQ", id: "/faq" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Peptify"
-        />
-        <LegalSection
-          layout="page"
-          title="Retatrutide"
-          subtitle="Biological Mechanisms & Research Applications"
-          sections={[
-            { heading: "Biological Mechanism", content: { text: "Retatrutide acts as a triple agonist, targeting GIP, GLP-1, and glucagon receptors. This triple-action approach allows researchers to observe more complex metabolic regulation, focusing on signaling pathways that govern energy balance and lipid metabolism." } },
-            { heading: "Research Value", content: { text: "As a novel research compound, Retatrutide is being utilized to investigate advanced metabolic pathways and the synergistic effects of multi-receptor agonism on cellular response." } }
-          ]}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
-          ]}
-          bottomLeftText="© 2024 Peptify. For Research Use Only."
-          bottomRightText="All rights reserved."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: 'Home', id: '/'}, {name: 'Products', id: '/products'}]} brandName="Peptify" />
+        </div>
+        <main className="container mx-auto px-6 py-24">
+          <h1 className="text-4xl font-bold mb-6">Retatrutide</h1>
+          <p className="text-lg mb-8">Advanced agonist compound for research applications.</p>
+          <h2 className="text-2xl font-semibold mb-4">Key Results</h2>
+          <ul className="list-disc pl-6 mb-8">
+            <li>Stabilized molecular structure</li>
+            <li>Consistent batch performance</li>
+            <li>Pharmaceutical grade precision</li>
+          </ul>
+        </main>
+        <FooterSimple columns={[]} bottomLeftText="© 2024 Peptify." bottomRightText="For Research Use Only." />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/products/tirzepatide/page.tsx

@@ -4,49 +4,27 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import LegalSection from '@/components/legal/LegalSection';
 
 export default function TirzepatidePage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="mediumLarge"
-        background="blurBottom"
-        cardStyle="solid"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Products", id: "/products" },
-            { name: "FAQ", id: "/faq" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Peptify"
-        />
-        <LegalSection
-          layout="page"
-          title="Tirzepatide"
-          subtitle="Biological Mechanisms & Research Applications"
-          sections={[
-            { heading: "Biological Mechanism", content: { text: "Tirzepatide acts as a dual agonist for the Glucose-dependent Insulinotropic Polypeptide (GIP) and Glucagon-Like Peptide-1 (GLP-1) receptors. By stimulating these receptors, it influences insulin secretion, glucagon suppression, and gastric emptying, playing a critical role in metabolic pathway studies." } },
-            { heading: "Research Value", content: { text: "Widely studied for its impact on metabolic health, Tirzepatide serves as a significant compound for understanding glucose homeostasis and appetite regulation mechanisms in research environments." } }
-          ]}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Disclaimer", href: "/disclaimer" }, { label: "Terms", href: "/terms" }] },
-          ]}
-          bottomLeftText="© 2024 Peptify. For Research Use Only."
-          bottomRightText="All rights reserved."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: 'Home', id: '/'}, {name: 'Products', id: '/products'}]} brandName="Peptify" />
+        </div>
+        <main className="container mx-auto px-6 py-24">
+          <h1 className="text-4xl font-bold mb-6">Tirzepatide</h1>
+          <p className="text-lg mb-8">High-purity Tirzepatide for metabolic and physiological research.</p>
+          <h2 className="text-2xl font-semibold mb-4">Benefits</h2>
+          <ul className="list-disc pl-6 mb-8">
+            <li>Supports metabolic pathways</li>
+            <li>High potency formulation</li>
+            <li>HPLC verified purity</li>
+          </ul>
+          <h2 className="text-2xl font-semibold mb-4">Recommended Uses</h2>
+          <p className="mb-8">For exclusive use in controlled laboratory research environments.</p>
+        </main>
+        <FooterSimple columns={[]} bottomLeftText="© 2024 Peptify." bottomRightText="For Research Use Only." />
       </ReactLenis>
     </ThemeProvider>
   );