From 4e0f2e2a0e6d9428d91bf48740d7acfeeaa23640 Mon Sep 17 00:00:00 2001
From: alireza <alirezaameria2@gmail.com>
Date: Sun, 31 May 2026 12:23:22 +0330
Subject: [PATCH] =?UTF-8?q?Add=20compressed=20hero=20background=20video=20?=
 =?UTF-8?q?(40MB=20=E2=86=92=2010MB)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/Home/sections/HeroSection.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/Home/sections/HeroSection.tsx b/src/pages/Home/sections/HeroSection.tsx
index fdda5c5..9eb2bb5 100644
--- a/src/pages/Home/sections/HeroSection.tsx
+++ b/src/pages/Home/sections/HeroSection.tsx
@@ -36,8 +36,18 @@ export default function HeroSection() {
         justifyContent: 'center',
       }}
     >
+      {/* Background video */}
+      <video
+        aria-hidden="true"
+        autoPlay
+        muted
+        loop
+        playsInline
+        style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', zIndex: 0 }}
+        src="/hero-bg.mp4"
+      />
       {/* Dark overlay */}
-      <div aria-hidden="true" style={{ position: 'absolute', inset: 0, background: 'linear-gradient(135deg, rgba(26,23,18,0.92) 0%, rgba(26,23,18,0.70) 100%)', zIndex: 1 }} />
+      <div aria-hidden="true" style={{ position: 'absolute', inset: 0, background: 'linear-gradient(135deg, rgba(26,23,18,0.88) 0%, rgba(26,23,18,0.72) 100%)', zIndex: 1 }} />
       {/* Grid texture */}
       <div aria-hidden="true" style={{ position: 'absolute', inset: 0, backgroundImage: 'linear-gradient(to right, rgba(244,239,231,0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(244,239,231,0.03) 1px, transparent 1px)', backgroundSize: '80px 80px', pointerEvents: 'none', zIndex: 2 }} />
       {/* Red glow */}