diff --git a/artifacts/ehsan-poc/public/opengraph.jpg b/artifacts/ehsan-poc/public/opengraph.jpg
index 8f8c8ea..4eeb675 100644
Binary files a/artifacts/ehsan-poc/public/opengraph.jpg and b/artifacts/ehsan-poc/public/opengraph.jpg differ
diff --git a/artifacts/ehsan-poc/src/pages/home.tsx b/artifacts/ehsan-poc/src/pages/home.tsx
index 90ab486..74ef1ce 100644
--- a/artifacts/ehsan-poc/src/pages/home.tsx
+++ b/artifacts/ehsan-poc/src/pages/home.tsx
@@ -13,6 +13,7 @@ import dawriBanner from "@assets/dawribanarWEB_1780682998494.png";
 import waqfBanner from "@assets/waqfbanerWEB_1780683002610.png";
 import giftBanner from "@assets/giftbanarWEB_1780683006569.png";
 import ayahArt from "@assets/ahseno-ayah_(1)_1780685571353.svg";
+import statsBg from "@assets/snapil-vertical-bg_1780692460644.svg";
 
 const HERO_BANNERS = [zakatBanner, dawriBanner, waqfBanner, giftBanner];
 
@@ -160,46 +161,54 @@ export default function Home() {
         </section>
 
         {/* Impact Statistics */}
-        <section className="mb-12">
-          <div className="text-center mb-8">
-            <div className="flex items-center justify-center gap-2 mb-2">
-              <Leaf className="w-6 h-6 text-primary" aria-hidden="true" />
-              <h2 className="text-2xl font-bold">{t.home.stats.title}</h2>
+        <section className="relative overflow-hidden mb-12 py-8">
+          <img
+            src={statsBg}
+            alt=""
+            aria-hidden="true"
+            className="pointer-events-none select-none absolute top-0 left-0 h-full w-auto opacity-70"
+          />
+          <div className="relative z-10">
+            <div className="text-center mb-8">
+              <div className="flex items-center justify-center gap-2 mb-2">
+                <Leaf className="w-6 h-6 text-primary" aria-hidden="true" />
+                <h2 className="text-2xl font-bold text-primary">{t.home.stats.title}</h2>
+              </div>
+              <p className="text-sm text-muted-foreground max-w-xl mx-auto">
+                {t.home.stats.subtitle}
+              </p>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+              {[
+                {
+                  Icon: Wallet,
+                  value: t.home.stats.totalValue,
+                  label: t.home.stats.totalLabel,
+                },
+                {
+                  Icon: Users,
+                  value: t.home.stats.beneficiariesValue,
+                  label: t.home.stats.beneficiariesLabel,
+                },
+                {
+                  Icon: HandHeart,
+                  value: t.home.stats.donationsValue,
+                  label: t.home.stats.donationsLabel,
+                },
+              ].map(({ Icon, value, label }, i) => (
+                <Reveal key={label} delay={i * 0.08} className="h-full">
+                  <Card className="border-none shadow-md h-full rounded-2xl">
+                    <CardContent className="p-8 text-center">
+                      <Icon className="w-9 h-9 text-primary mx-auto mb-4" aria-hidden="true" />
+                      <div className="text-3xl font-bold text-primary mb-3" data-testid={`stat-value-${i}`}>
+                        {value}
+                      </div>
+                      <div className="text-sm text-muted-foreground font-medium">{label}</div>
+                    </CardContent>
+                  </Card>
+                </Reveal>
+              ))}
             </div>
-            <p className="text-sm text-muted-foreground max-w-xl mx-auto">
-              {t.home.stats.subtitle}
-            </p>
-          </div>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-            {[
-              {
-                Icon: HandHeart,
-                value: t.home.stats.donationsValue,
-                label: t.home.stats.donationsLabel,
-              },
-              {
-                Icon: Users,
-                value: t.home.stats.beneficiariesValue,
-                label: t.home.stats.beneficiariesLabel,
-              },
-              {
-                Icon: Wallet,
-                value: t.home.stats.totalValue,
-                label: t.home.stats.totalLabel,
-              },
-            ].map(({ Icon, value, label }, i) => (
-              <Reveal key={label} delay={i * 0.08} className="h-full">
-                <Card className="border-none shadow-md h-full rounded-2xl">
-                  <CardContent className="p-8 text-center">
-                    <Icon className="w-9 h-9 text-primary mx-auto mb-4" aria-hidden="true" />
-                    <div className="text-3xl font-bold text-primary mb-3" data-testid={`stat-value-${i}`}>
-                      {value}
-                    </div>
-                    <div className="text-sm text-muted-foreground font-medium">{label}</div>
-                  </CardContent>
-                </Card>
-              </Reveal>
-            ))}
           </div>
         </section>
       </div>
diff --git a/attached_assets/snapil-vertical-bg_1780692460644.svg b/attached_assets/snapil-vertical-bg_1780692460644.svg
new file mode 100644
index 0000000..60ec2a8
--- /dev/null
+++ b/attached_assets/snapil-vertical-bg_1780692460644.svg
@@ -0,0 +1,66 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="117" height="509" viewBox="0 0 117 509" fill="none">
+<g opacity="0.8">
+<path d="M63.4005 -860.398C91.3605 -862.878 113.64 -885.228 115.98 -913.248C88.0005 -910.768 65.7405 -888.418 63.4005 -860.398ZM63.4005 -850.618C65.7405 -822.598 88.0005 -800.238 115.98 -797.768C113.64 -825.788 91.3805 -848.148 63.4005 -850.618ZM0.990479 -913.248C3.33048 -885.228 25.6105 -862.868 53.5705 -860.398C51.2305 -888.418 28.9705 -910.778 0.990479 -913.248ZM0.990479 -797.758C28.9605 -800.238 51.2305 -822.588 53.5705 -850.608C25.6105 -848.128 3.33048 -825.778 0.990479 -797.758Z" stroke="url(#paint0_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -735.908C91.3605 -738.388 113.64 -760.738 115.98 -788.758C88.0005 -786.278 65.7405 -763.928 63.4005 -735.908ZM63.4005 -726.128C65.7405 -698.108 88.0005 -675.748 115.98 -673.278C113.64 -701.298 91.3805 -723.658 63.4005 -726.128ZM0.990479 -788.758C3.33048 -760.738 25.6105 -738.378 53.5705 -735.908C51.2305 -763.928 28.9705 -786.288 0.990479 -788.758ZM0.990479 -673.268C28.9605 -675.748 51.2305 -698.098 53.5705 -726.118C25.6105 -723.638 3.33048 -701.288 0.990479 -673.268Z" stroke="url(#paint1_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -611.418C91.3605 -613.898 113.64 -636.248 115.98 -664.268C88.0005 -661.788 65.7405 -639.438 63.4005 -611.418ZM63.4005 -601.638C65.7405 -573.618 88.0005 -551.258 115.98 -548.788C113.64 -576.808 91.3805 -599.168 63.4005 -601.638ZM0.990479 -664.268C3.33048 -636.248 25.6105 -613.888 53.5705 -611.418C51.2305 -639.438 28.9705 -661.798 0.990479 -664.268ZM0.990479 -548.778C28.9605 -551.258 51.2305 -573.608 53.5705 -601.628C25.6105 -599.148 3.33048 -576.798 0.990479 -548.778Z" stroke="url(#paint2_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -486.928C91.3605 -489.408 113.64 -511.758 115.98 -539.778C88.0005 -537.298 65.7405 -514.948 63.4005 -486.928ZM63.4005 -477.148C65.7405 -449.128 88.0005 -426.768 115.98 -424.298C113.64 -452.318 91.3805 -474.678 63.4005 -477.148ZM0.990479 -539.778C3.33048 -511.758 25.6105 -489.398 53.5705 -486.928C51.2305 -514.948 28.9705 -537.308 0.990479 -539.778ZM0.990479 -424.288C28.9605 -426.768 51.2305 -449.118 53.5705 -477.138C25.6105 -474.658 3.33048 -452.308 0.990479 -424.288Z" stroke="url(#paint3_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -362.438C91.3605 -364.918 113.64 -387.268 115.98 -415.288C88.0005 -412.808 65.7405 -390.458 63.4005 -362.438ZM63.4005 -352.658C65.7405 -324.638 88.0005 -302.278 115.98 -299.808C113.64 -327.828 91.3805 -350.188 63.4005 -352.658ZM0.990479 -415.288C3.33048 -387.268 25.6105 -364.908 53.5705 -362.438C51.2305 -390.458 28.9705 -412.818 0.990479 -415.288ZM0.990479 -299.798C28.9605 -302.278 51.2305 -324.628 53.5705 -352.648C25.6105 -350.168 3.33048 -327.818 0.990479 -299.798Z" stroke="url(#paint4_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -237.948C91.3605 -240.428 113.64 -262.778 115.98 -290.798C88.0005 -288.318 65.7405 -265.968 63.4005 -237.948ZM63.4005 -228.168C65.7405 -200.148 88.0005 -177.788 115.98 -175.318C113.64 -203.338 91.3805 -225.698 63.4005 -228.168ZM0.990479 -290.798C3.33048 -262.778 25.6105 -240.418 53.5705 -237.948C51.2305 -265.968 28.9705 -288.328 0.990479 -290.798ZM0.990479 -175.308C28.9605 -177.788 51.2305 -200.138 53.5705 -228.158C25.6105 -225.678 3.33048 -203.328 0.990479 -175.308Z" stroke="url(#paint5_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 -113.458C91.3605 -115.938 113.64 -138.288 115.98 -166.308C88.0005 -163.828 65.7405 -141.478 63.4005 -113.458ZM63.4005 -103.678C65.7405 -75.658 88.0005 -53.298 115.98 -50.828C113.64 -78.848 91.3805 -101.208 63.4005 -103.678ZM0.990479 -166.308C3.33048 -138.288 25.6105 -115.928 53.5705 -113.458C51.2305 -141.478 28.9705 -163.838 0.990479 -166.308ZM0.990479 -50.818C28.9605 -53.298 51.2305 -75.648 53.5705 -103.668C25.6105 -101.188 3.33048 -78.838 0.990479 -50.818Z" stroke="url(#paint6_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 11.032C91.3605 8.55198 113.64 -13.798 115.98 -41.818C88.0005 -39.338 65.7405 -16.988 63.4005 11.032ZM63.4005 20.812C65.7405 48.832 88.0005 71.192 115.98 73.662C113.64 45.642 91.3805 23.282 63.4005 20.812ZM0.990479 -41.818C3.33048 -13.798 25.6105 8.56198 53.5705 11.032C51.2305 -16.988 28.9705 -39.348 0.990479 -41.818ZM0.990479 73.672C28.9605 71.192 51.2305 48.842 53.5705 20.822C25.6105 23.302 3.33048 45.652 0.990479 73.672Z" stroke="url(#paint7_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 135.522C91.3605 133.042 113.64 110.692 115.98 82.672C88.0005 85.152 65.7405 107.502 63.4005 135.522ZM63.4005 145.302C65.7405 173.322 88.0005 195.682 115.98 198.152C113.64 170.132 91.3805 147.772 63.4005 145.302ZM0.990479 82.672C3.33048 110.692 25.6105 133.052 53.5705 135.522C51.2305 107.502 28.9705 85.142 0.990479 82.672ZM0.990479 198.162C28.9605 195.682 51.2305 173.332 53.5705 145.312C25.6105 147.792 3.33048 170.142 0.990479 198.162Z" stroke="url(#paint8_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 260.012C91.3605 257.532 113.64 235.182 115.98 207.162C88.0005 209.642 65.7405 231.992 63.4005 260.012ZM63.4005 269.792C65.7405 297.812 88.0005 320.172 115.98 322.642C113.64 294.622 91.3805 272.262 63.4005 269.792ZM0.990479 207.162C3.33048 235.182 25.6105 257.542 53.5705 260.012C51.2305 231.992 28.9705 209.632 0.990479 207.162ZM0.990479 322.652C28.9605 320.172 51.2305 297.822 53.5705 269.802C25.6105 272.282 3.33048 294.632 0.990479 322.652Z" stroke="url(#paint9_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 384.502C91.3605 382.022 113.64 359.672 115.98 331.652C88.0005 334.132 65.7405 356.482 63.4005 384.502ZM63.4005 394.282C65.7405 422.302 88.0005 444.662 115.98 447.132C113.64 419.112 91.3805 396.752 63.4005 394.282ZM0.990479 331.652C3.33048 359.672 25.6105 382.032 53.5705 384.502C51.2305 356.482 28.9705 334.122 0.990479 331.652ZM0.990479 447.142C28.9605 444.662 51.2305 422.312 53.5705 394.292C25.6105 396.772 3.33048 419.122 0.990479 447.142Z" stroke="url(#paint10_linear_141_76616)" stroke-miterlimit="10"/>
+<path d="M63.4005 508.992C91.3605 506.512 113.64 484.162 115.98 456.142C88.0005 458.622 65.7405 480.972 63.4005 508.992ZM0.990479 456.142C3.33048 484.162 25.6105 506.522 53.5705 508.992C51.2305 480.972 28.9705 458.612 0.990479 456.142Z" stroke="url(#paint11_linear_141_76616)" stroke-miterlimit="10"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint11_linear_141_76616" x1="58.4855" y1="-1411.21" x2="58.4855" y2="571.632" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D1D1D1"/>
+<stop offset="1" stop-color="#D1D1D1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file