Update src/app/products/tirzepatide/page.tsx

Merge version_23 into main

src/app/contact/page.tsx

@@ -2,9 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { ExternalLink } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -21,35 +22,56 @@ export default function ContactPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Products", id: "/products" },
-                { name: "FAQ", id: "/faq" },
-                { name: "Contact", id: "/contact" }
-            ]}
-            brandName="Peptify"
-        />
-        <div className="pt-32 pb-20">
-          <ContactCTA 
-            tag="Get in Touch"
-            title="Contact Our Team"
-            description="Reach out for wholesale inquiries, custom orders, or any questions regarding our high-purity research peptides."
-            buttons={[
-              { text: "Email Us", href: "mailto:inquiries@peptify.com" }
-            ]}
-            background={{ variant: "plain" }}
-            useInvertedBackground={false}
-          />
+        <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="contact" data-section="contact">
+            <ContactSplitForm
+                title="Contact Our Team"
+                description="Reach out for inquiries, research support, or partnership opportunities. We aim to respond within 24-48 hours."
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Full Name", required: true },
+                    { name: "email", type: "email", placeholder: "Email Address", required: true },
+                    { name: "subject", type: "text", placeholder: "Subject" }
+                ]}
+                textarea={{ name: "message", placeholder: "How can we help you?", required: true, rows: 5 }}
+                useInvertedBackground={false}
+                mediaPosition="right"
+                imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/a-futuristic-scientific-laboratory-setti-1775505033478-f138a781.png?_wi=1"
+            />
+            
+            <div className="flex justify-center items-center gap-4 py-8">
+                <p className="text-lg font-medium">Connect with us on Instagram: <span className="text-primary">@peptifydr</span></p>
+                <a 
+                    href="https://instagram.com/peptifydr" 
+                    target="_blank" 
+                    rel="noopener noreferrer" 
+                    className="flex items-center gap-2 px-6 py-2 bg-primary text-white rounded-full hover:opacity-90 transition-opacity"
+                >
+                    Follow Us <ExternalLink size={16} />
+                </a>
+            </div>
+        </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."
+            />
         </div>
-        <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", href: "#" }] },
-            ]}
-            bottomLeftText="© 2024 Peptify. For Research Use Only."
-            bottomRightText="All rights reserved."
-        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/disclaimer/page.tsx

@@ -0,0 +1,55 @@
+"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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function DisclaimerPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Disclaimer"
+            sections={[
+                { heading: "Research Use Only", content: [{ type: "paragraph", text: "All products provided by Peptify are for laboratory research use only. They are not intended for human consumption or for use in any veterinary applications." }] },
+                { heading: "No Liability", content: [{ type: "paragraph", text: "Peptify assumes no responsibility for the misuse of these products. Users are responsible for ensuring compliance with all local laws and research safety protocols." }] },
+                { heading: "Qualification", content: [{ type: "paragraph", text: "By purchasing our products, you confirm that you are a qualified researcher or working within a professional laboratory environment." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -52,8 +52,8 @@ export default function FaqPage() {
         </div>
         <FooterSimple
             columns={[
-                { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/contact" }] },
-                { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
+                { 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."

src/app/legal/disclaimer/page.tsx

@@ -0,0 +1,55 @@
+"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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function DisclaimerPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Disclaimer"
+            sections={[
+                { heading: "Research Use Only", content: [{ type: "paragraph", text: "All products provided by Peptify are for laboratory research use only. They are not intended for human consumption or for use in any veterinary applications." }] },
+                { heading: "No Liability", content: [{ type: "paragraph", text: "Peptify assumes no responsibility for the misuse of these products. Users are responsible for ensuring compliance with all local laws and research safety protocols." }] },
+                { heading: "Qualification", content: [{ type: "paragraph", text: "By purchasing our products, you confirm that you are a qualified researcher or working within a professional laboratory environment." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/legal/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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function LegalPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Legal Information"
+            sections={[
+                { heading: "Overview", content: [{ type: "paragraph", text: "This page serves as the central hub for our legal policies and guidelines." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/legal/privacy/page.tsx

@@ -0,0 +1,55 @@
+"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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Privacy Policy"
+            sections={[
+                { heading: "Information Collection", content: [{ type: "paragraph", text: "We respect your privacy and are committed to protecting your personal data. We only collect essential information required for processing orders and research communications." }] },
+                { heading: "Data Usage", content: [{ type: "paragraph", text: "Your information is used solely for the purpose of fulfilling your orders, improving our services, and maintaining laboratory records according to industry compliance standards." }] },
+                { heading: "Security", content: [{ type: "paragraph", text: "All data is encrypted and handled with the utmost security protocols to prevent unauthorized access or disclosure." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -7,8 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { ShieldCheck, FileCheck, FlaskConical, Microscope } from "lucide-react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
@@ -63,9 +62,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       buttons={[{ text: "Contact for Pricing", href: "/contact" }]}
       products={[
-        { id: "1", name: "Tirzepatide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=1", imageAlt: "Tirzepatide Vial", variant: "10mg" },
-        { id: "2", name: "Retatrutide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=1", imageAlt: "Retatrutide Vial", variant: "10mg" },
-        { id: "3", name: "BPC + TB 10MG", price: "Contact for pricing", 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", imageAlt: "BPC+TB Vial", variant: "10mg" },
+        { id: "1", name: "Tirzepatide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=1", imageAlt: "Tirzepatide Vial", variant: "10mg", onProductClick: () => window.location.href = "/products/tirzepatide" },
+        { id: "2", name: "Retatrutide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=1", imageAlt: "Retatrutide Vial", variant: "10mg", onProductClick: () => window.location.href = "/products/retatrutide" },
+        { id: "3", name: "BPC + TB 10MG", price: "Contact for pricing", 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", imageAlt: "BPC+TB Vial", variant: "10mg", onProductClick: () => window.location.href = "/products/bpc-tb" },
       ]}
       title="Premium Research Compounds"
       description="Pharmaceutical grade compounds in high-potency concentrations."
@@ -87,13 +86,14 @@ export default function LandingPage() {
   </div>
 
   <div id="quality" data-section="quality">
-    <AboutMetric
+    <MetricCardFourteen
       title="Quality Assured Standards"
+      tag="Our Commitment"
       metrics={[
-        { icon: ShieldCheck, label: "HPLC Verified", value: "99%+ Purity Guaranteed" },
-        { icon: FileCheck, label: "Batch Certified", value: "ISO 9001 Compliant" },
-        { icon: Microscope, label: "Purity Analysis", value: "MS Verification" },
-        { icon: FlaskConical, label: "Lab Grade", value: "Sterile Tested High Purity" }
+        { id: "1", value: "99%+ Purity Guaranteed", description: "HPLC Verified" },
+        { id: "2", value: "ISO 9001 Compliant", description: "Batch Certified" },
+        { id: "3", value: "MS Verification", description: "Purity Analysis" },
+        { id: "4", value: "Sterile Tested", description: "High Purity Lab Grade" }
       ]}
       metricsAnimation="slide-up"
       useInvertedBackground={false}
@@ -114,7 +114,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: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Disclaimer", href: "#" }] },
+        { 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."
@@ -123,4 +123,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -0,0 +1,55 @@
+"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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Privacy Policy"
+            sections={[
+                { heading: "Information Collection", content: [{ type: "paragraph", text: "We respect your privacy and are committed to protecting your personal data. We only collect essential information required for processing orders and research communications." }] },
+                { heading: "Data Usage", content: [{ type: "paragraph", text: "Your information is used solely for the purpose of fulfilling your orders, improving our services, and maintaining laboratory records according to industry compliance standards." }] },
+                { heading: "Security", content: [{ type: "paragraph", text: "All data is encrypted and handled with the utmost security protocols to prevent unauthorized access or disclosure." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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

@@ -0,0 +1,29 @@
+"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 BpcTbPage() {
+  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>
+        <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">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/page.tsx

@@ -35,18 +35,14 @@ export default function ProductsPage() {
             <ProductCardFour
             animationType="slide-up"
             textboxLayout="default"
-            gridVariant="one-large-right-three-stacked-left"
+            gridVariant="uniform-all-items-equal"
             useInvertedBackground={false}
             title="Full Research Catalog"
             description="Complete list of pharmaceutical-grade research compounds."
             buttons={[{ text: "Contact for Pricing", href: "/contact" }]}
             products={[
-                { id: "t1", name: "Tirzepatide 10mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=2", variant: "10mg" },
-                { id: "t2", name: "Tirzepatide 20mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=2", variant: "20mg" },
-                { id: "t3", name: "Tirzepatide 30mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=2", variant: "30mg" },
-                { id: "r1", name: "Retatrutide 10mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=2", variant: "10mg" },
-                { id: "r2", name: "Retatrutide 20mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=2", variant: "20mg" },
-                { id: "r3", name: "Retatrutide 30mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=2", variant: "30mg" },
+                { id: "t1", name: "Tirzepatide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-tirzepatide-in-a-sterile-1775505032194-38e18dca.png?_wi=2", variant: "10mg, 20mg, 30mg available" },
+                { id: "r1", name: "Retatrutide", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-retatrutide-in-a-sterile-1775505032674-eda4960c.png?_wi=2", variant: "10mg, 20mg, 30mg available" },
                 { id: "bpc", name: "BPC+TB 10MG", price: "Contact for pricing", 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", variant: "10mg" },
                 { id: "klow", name: "KLOW 80MG", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-nad-500mg-in-a-sterile-e-1775505033201-78ee626f.png?_wi=1", variant: "80mg" },
                 { id: "mots", name: "MOTS-C 10mg", price: "Contact for pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-mots-c-in-a-sterile-envi-1775505033701-d7599eb5.png", variant: "10mg" },
@@ -58,7 +54,7 @@ export default function ProductsPage() {
         <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", href: "#" }] },
+                { 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."

src/app/products/retatrutide/page.tsx

@@ -0,0 +1,29 @@
+"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 RetatrutidePage() {
+  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>
+        <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

@@ -0,0 +1,31 @@
+"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 TirzepatidePage() {
+  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>
+        <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>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,55 @@
+"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';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function TermsPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Products", id: "/products" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Peptify"
+        />
+        <div className="pt-32 pb-20">
+          <LegalSection 
+            layout="page"
+            title="Terms and Conditions"
+            sections={[
+                { heading: "Acceptance of Terms", content: [{ type: "paragraph", text: "By accessing this website, you agree to comply with these terms of use. If you do not agree with any part, please discontinue use immediately." }] },
+                { heading: "Ordering", content: [{ type: "paragraph", text: "Orders are subject to verification and availability. We reserve the right to refuse service if research legitimacy cannot be established." }] },
+                { heading: "Intellectual Property", content: [{ type: "paragraph", text: "All content, graphics, and research summaries remain the property of Peptify and may not be reproduced without written consent." }] }
+            ]}
+          />
+        </div>
+        <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}