From 3fb6e228c665c9d69dfb505b2090ecc219529fb1 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Wed, 3 Jun 2026 22:45:27 +0800
Subject: [PATCH] strip

---
 src/blocks/StatsStrip/Component.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/blocks/StatsStrip/Component.tsx b/src/blocks/StatsStrip/Component.tsx
index d4be37a..0b27292 100644
--- a/src/blocks/StatsStrip/Component.tsx
+++ b/src/blocks/StatsStrip/Component.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { Container } from '@/components/ui/Container' // Adjust path as needed
 
 type Stat = {
   value: string
@@ -13,19 +14,20 @@ export function StatsStripBlock({ stats }: StatsStripProps) {
   if (!Array.isArray(stats) || stats.length === 0) return null
 
   return (
-    <div
-      className="grid border-b border-foreground/8"
-      style={{ gridTemplateColumns: `repeat(${stats.length}, 1fr)` }}
-    >
-      {stats.map((stat, i) => (
-        <div
-          key={i}
-          className={`px-6 py-5 ${i < stats.length - 1 ? 'border-r border-foreground/8' : ''}`}
-        >
-          <p className="text-2xl font-medium text-foreground">{stat.value}</p>
-          <p className="text-xs text-foreground/30 mt-1">{stat.label}</p>
+    <div className="border-b border-foreground/8">
+      <Container className="px-0">
+        <div className="grid" style={{ gridTemplateColumns: `repeat(${stats.length}, 1fr)` }}>
+          {stats.map((stat, i) => (
+            <div
+              key={i}
+              className={`px-6 py-5 ${i < stats.length - 1 ? 'border-r border-foreground/8' : ''}`}
+            >
+              <p className="text-2xl font-medium text-foreground">{stat.value}</p>
+              <p className="text-xs text-foreground/30 mt-1">{stat.label}</p>
+            </div>
+          ))}
         </div>
-      ))}
+      </Container>
     </div>
   )
 }