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

Merge version_25 into main

src/app/contact/page.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+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 (
+    <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="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>
+      </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

@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function FaqPage() {
+  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">
+          <FaqSplitText
+            sideTitle="Peptide Research FAQ"
+            sideDescription="Common questions regarding research peptides, purity, and handling standards."
+            faqsAnimation="blur-reveal"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "What are research peptides?", content: "Peptides are short chains of amino acids. Our research peptides are high-purity compounds intended strictly for laboratory and research use." },
+              { id: "2", title: "Are these products for human use?", content: "No. All products sold by Peptify are for laboratory research and forensic use only. They are not intended for human consumption or therapeutic use." },
+              { id: "3", title: "How should I store my peptides?", content: "Most lyophilized peptides should be kept at -20°C for long-term storage, or 2-8°C for short-term. Avoid moisture and direct sunlight." },
+              { id: "4", title: "What is the meaning of purity in peptides?", content: "Purity refers to the percentage of the peptide that is the intended sequence compared to impurities. We ensure high-performance liquid chromatography verification." },
+              { id: "5", title: "How are peptides reconstituted?", content: "Reconstitution typically involves using sterile bacteriostatic water or saline, depending on the research protocol requirements." },
+              { id: "6", title: "Are your peptides third-party tested?", content: "Yes, all our peptides undergo rigorous third-party analytical testing to ensure the quality and purity promised to our research clients." },
+              { id: "7", title: "What is lyophilization?", content: "Lyophilization, or freeze-drying, is a process used to preserve peptide stability by removing water from the frozen product under vacuum." },
+              { id: "8", title: "What if my vial appears empty?", content: "Peptides often form a thin, nearly invisible film at the bottom of the vial after the lyophilization process; this is normal and not a sign of an empty vial." },
+              { id: "9", title: "Can I travel with these vials?", content: "Regulations vary, but research chemicals should always be labeled properly with accompanying analytical documentation for all transport." },
+              { id: "10", title: "How do I request a bulk quote?", content: "For large-scale research needs, please reach out through our contact page with your specific requirements and quantities." }
+            ]}
+          />
+        </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/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

@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
@@ -28,18 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "/" },
+        { name: "Products", id: "/products" },
+        { name: "FAQ", id: "/faq" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Peptify"
     />
@@ -47,94 +39,34 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars"}}
       title="Precision Peptides for Performance"
       description="Peptify delivers pharmaceutical-grade peptides sourced with the highest standards of purity and efficacy. Elevate your research."
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/a-futuristic-scientific-laboratory-setti-1775505033478-f138a781.png?_wi=1",
-          imageAlt: "Laboratory vials",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/close-up-shot-of-premium-pharmaceutical--1775505033768-ccc5a7ed.png?_wi=1",
-          imageAlt: "Medical vial",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/abstract-visualization-of-molecules-and--1775505032979-4ed56947.png",
-          imageAlt: "Scientific visualization",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/a-futuristic-scientific-laboratory-setti-1775505033478-f138a781.png?_wi=2",
-          imageAlt: "Laboratory vials",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/close-up-shot-of-premium-pharmaceutical--1775505033768-ccc5a7ed.png?_wi=2",
-          imageAlt: "Medical vial",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/a-futuristic-scientific-laboratory-setti-1775505033478-f138a781.png?_wi=1", imageAlt: "Laboratory vials"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/close-up-shot-of-premium-pharmaceutical--1775505033768-ccc5a7ed.png?_wi=1", imageAlt: "Medical vial"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/abstract-visualization-of-molecules-and--1775505032979-4ed56947.png", imageAlt: "Scientific visualization"},
       ]}
       mediaAnimation="slide-up"
       buttons={[
-        {
-          text: "View Catalog",
-          href: "#products",
-        },
+        { text: "View Catalog", href: "/products" },
       ]}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split-actions"
+      gridVariant="uniform-all-items-equal"
       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",
-          imageAlt: "Tirzepatide Vial",
-        },
-        {
-          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",
-          imageAlt: "Retatrutide Vial",
-        },
-        {
-          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",
-          imageAlt: "BPC+TB Vial",
-        },
-        {
-          id: "4",
-          name: "KLOW 80MG",
-          price: "Contact for pricing",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzpXIQ8WhJ8WvoMuxtEmg0ewMo/medical-vial-of-klow-80mg-in-a-sterile-e-1775505032645-950fd706.png",
-          imageAlt: "KLOW Vial",
-        },
-        {
-          id: "5",
-          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",
-          imageAlt: "MOTS-C Vial",
-        },
-        {
-          id: "6",
-          name: "NAD+ 500MG",
-          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",
-          imageAlt: "NAD+ Vial",
-        },
+        { 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="Our Peptide Collection"
+      title="Premium Research Compounds"
       description="Pharmaceutical grade compounds in high-potency concentrations."
     />
   </div>
@@ -143,31 +75,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "What are peptides?",
-          content: "Peptides are short chains of amino acids that act as building blocks of proteins and signaling molecules in the body.",
-        },
-        {
-          id: "2",
-          title: "Are these for human consumption?",
-          content: "No, all products sold by Peptify are for laboratory research purposes only and not for human consumption.",
-        },
-        {
-          id: "3",
-          title: "How do I store my vials?",
-          content: "Most peptides should be stored in a cool, dry place away from direct sunlight, often in the refrigerator after reconstitution.",
-        },
-        {
-          id: "4",
-          title: "How do you ensure purity?",
-          content: "We utilize third-party laboratory testing to ensure all products meet our high purity and potency standards.",
-        },
-        {
-          id: "5",
-          title: "What is reconstitution?",
-          content: "Reconstitution is the process of mixing lyophilized powder with a solvent like bacteriostatic water for research use.",
-        },
+        { id: "1", title: "What are peptides?", content: "Peptides are short chains of amino acids that act as building blocks of proteins and signaling molecules in the body." },
+        { id: "2", title: "Are these for human consumption?", content: "No, all products sold by Peptify are for laboratory research purposes only and not for human consumption." },
+        { id: "3", title: "How do I store my vials?", content: "Most peptides should be stored in a cool, dry place away from direct sunlight, often in the refrigerator after reconstitution." },
       ]}
       sideTitle="Peptide Research FAQ"
       sideDescription="Frequently asked questions regarding our peptides, purity, and usage standards."
@@ -175,92 +85,36 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Quality Assured"
-      tag="Reliability"
-      metricsAnimation="slide-up"
+  <div id="quality" data-section="quality">
+    <MetricCardFourteen
+      title="Quality Assured Standards"
+      tag="Our Commitment"
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Average purity",
-        },
-        {
-          id: "m2",
-          value: "24h",
-          description: "Support response",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          description: "Research labs",
-        },
-        {
-          id: "m4",
-          value: "3rd Party",
-          description: "Verified tested",
-        },
-        {
-          id: "m5",
-          value: "Global",
-          description: "Shipping reach",
-        },
+        { 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}
     />
   </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
+  <div id="trusted" data-section="trusted">
+    <SocialProofOne
       title="Trusted by Researchers"
-      description="Leading laboratories rely on Peptify for consistent, reliable chemical compounds."
-      names={[
-        "Bioscience Labs",
-        "Genomic Research",
-        "Peptide Dynamics",
-        "Clinical Studies",
-        "Advanced Proteomics",
-      ]}
-      tag="Partners"
+      names={["Advanced Science Inst.", "Global Bio-Research", "Metabolic Studies Group", "Peptide Analysis Lab", "Cellular Dynamics Inc."]}
+      description="Leading laboratories trust our high-purity compounds for their critical studies."
+      useInvertedBackground={false}
+      textboxLayout="default"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Shipping Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Disclaimer",
-              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."
@@ -269,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,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/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ProductsPage() {
+  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">
+            <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            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", 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" },
+                { id: "nad", name: "NAD+ 500mg", 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=2", variant: "500mg" },
+            ]}
+            />
+        </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/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>
+  );
+}

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>
+  );
+}