Update src/app/products/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -7,6 +7,9 @@ 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 } from "lucide-react";
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -52,6 +55,28 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="quality" data-section="quality">
+    <AboutMetric
+      title="Quality Assured Standards"
+      metrics={[
+        { icon: ShieldCheck, label: "HPLC Verified", value: "99%+ Purity" },
+        { icon: ShieldCheck, label: "Third-Party Testing", value: "Batch Certified" }
+      ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
+    />
+  </div>
+
+  <div id="trusted" data-section="trusted">
+    <SocialProofOne
+      title="Trusted by Researchers"
+      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="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
@@ -96,4 +121,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -35,7 +35,7 @@ export default function ProductsPage() {
             <ProductCardFour
             animationType="slide-up"
             textboxLayout="default"
-            gridVariant="uniform-all-items-equal"
+            gridVariant="one-large-right-three-stacked-left"
             useInvertedBackground={false}
             title="Full Research Catalog"
             description="Complete list of pharmaceutical-grade research compounds."