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

Merge version_25 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,36 +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. You can reach us at pepscience22@gmail.com or follow us on Instagram @peptify."
-            buttons={[
-              { text: "Email Us", href: "mailto:pepscience22@gmail.com" },
-              { text: "Instagram", href: "https://instagram.com/peptify" }
-            ]}
-            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 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

@@ -62,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."
@@ -123,4 +123,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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

@@ -0,0 +1,58 @@
+"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 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"
+    >
+      <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."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/products/retatrutide/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 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"
+    >
+      <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/products/tirzepatide/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 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"
+    >
+      <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."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}