Update src/app/page.tsx

Merge version_21 into main

src/app/contact/page.tsx

@@ -2,8 +2,8 @@
 
 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';
 
 export default function ContactPage() {
@@ -21,35 +21,44 @@ 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>
+
+        <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

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