Update src/app/page.tsx

Merge version_17 into main

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 } 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() {
@@ -55,28 +54,6 @@ 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"
@@ -89,7 +66,7 @@ export default function LandingPage() {
         { 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" },
       ]}
-      title="Our Peptide Collection"
+      title="Premium Research Compounds"
       description="Pharmaceutical grade compounds in high-potency concentrations."
     />
   </div>
@@ -108,6 +85,31 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="quality" data-section="quality">
+    <MetricCardFourteen
+      title="Quality Assured Standards"
+      tag="Our Commitment"
+      metrics={[
+        { 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="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="footer" data-section="footer">
       <FooterSimple
       columns={[
@@ -121,4 +123,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."