diff --git a/public/storage/banner/badge-bazaar.png b/public/storage/banner/badge-bazaar.png
new file mode 100644
index 0000000..01d20b2
Binary files /dev/null and b/public/storage/banner/badge-bazaar.png differ
diff --git a/public/storage/banner/badge-direct.png b/public/storage/banner/badge-direct.png
new file mode 100644
index 0000000..886eda6
Binary files /dev/null and b/public/storage/banner/badge-direct.png differ
diff --git a/public/storage/banner/badge-ios.png b/public/storage/banner/badge-ios.png
new file mode 100644
index 0000000..6507704
Binary files /dev/null and b/public/storage/banner/badge-ios.png differ
diff --git a/public/storage/banner/badge-myket.png b/public/storage/banner/badge-myket.png
new file mode 100644
index 0000000..4de7646
Binary files /dev/null and b/public/storage/banner/badge-myket.png differ
diff --git a/public/storage/banner/badge-web-ios.png b/public/storage/banner/badge-web-ios.png
new file mode 100644
index 0000000..6507704
Binary files /dev/null and b/public/storage/banner/badge-web-ios.png differ
diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
index 74a1f1a..88ac42f 100644
--- a/src/components/home/Hero.tsx
+++ b/src/components/home/Hero.tsx
@@ -23,27 +23,21 @@ export const Hero: React.FC<HeroProps> = ({ onOpenAuth }) => {
               دستیار هوش مصنوعی شما
             </p>
 
-            {/* 2x2 Grid of Store Badges */}
-            <div className="grid grid-cols-2 gap-3 sm:gap-4 w-full max-w-md mx-auto lg:mx-0">
+            {/* 2x2 Grid of Authentic Store Badges */}
+            <div className="grid grid-cols-2 gap-3 sm:gap-4 w-full max-w-[420px] mx-auto lg:mx-0">
               
               {/* 1. Cafe Bazaar */}
               <a
                 href="https://cafebazaar.ir/app/com.example.hoshan"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="bg-black hover:bg-neutral-900 border border-neutral-800 hover:border-neutral-700 text-white rounded-xl sm:rounded-2xl p-2.5 sm:p-3 flex items-center justify-between shadow-md hover:scale-[1.02] active:scale-[0.98] transition-all duration-150 group"
+                className="block transition-transform duration-200 hover:scale-[1.03] active:scale-[0.98] drop-shadow-sm"
               >
-                <div className="text-right flex flex-col justify-center">
-                  <span className="text-[10px] sm:text-xs text-gray-300 font-medium leading-none mb-1">دریافت از</span>
-                  <span className="text-xs sm:text-sm font-extrabold text-white leading-none">بازار</span>
-                </div>
-                <div className="w-8 h-8 sm:w-9 sm:h-9 bg-emerald-950/40 rounded-lg flex items-center justify-center p-1 group-hover:scale-105 transition-transform flex-shrink-0">
-                  <svg className="w-full h-full" viewBox="0 0 24 24" fill="none">
-                    <path d="M19 8H5C3.89543 8 3 8.89543 3 10V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V10C21 8.89543 20.1046 8 19 8Z" fill="#22c55e" />
-                    <path d="M8 8V6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6V8" stroke="#ffffff" strokeWidth="2" strokeLinecap="round" />
-                    <path d="M12 12V16M10 14H14" stroke="#ffffff" strokeWidth="1.5" strokeLinecap="round" />
-                  </svg>
-                </div>
+                <img 
+                  src="/storage/banner/badge-bazaar.png" 
+                  alt="دریافت از بازار" 
+                  className="w-full h-auto object-contain rounded-lg sm:rounded-xl"
+                />
               </a>
 
               {/* 2. Myket */}
@@ -51,53 +45,39 @@ export const Hero: React.FC<HeroProps> = ({ onOpenAuth }) => {
                 href="https://myket.ir/app/com.example.hoshan"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="bg-black hover:bg-neutral-900 border border-neutral-800 hover:border-neutral-700 text-white rounded-xl sm:rounded-2xl p-2.5 sm:p-3 flex items-center justify-between shadow-md hover:scale-[1.02] active:scale-[0.98] transition-all duration-150 group"
+                className="block transition-transform duration-200 hover:scale-[1.03] active:scale-[0.98] drop-shadow-sm"
               >
-                <div className="text-right flex flex-col justify-center">
-                  <span className="text-[10px] sm:text-xs text-gray-300 font-medium leading-none mb-1">دریافت از</span>
-                  <span className="text-xs sm:text-sm font-extrabold text-white leading-none">مایکت</span>
-                </div>
-                <div className="w-8 h-8 sm:w-9 sm:h-9 bg-sky-950/40 rounded-lg flex items-center justify-center p-1 group-hover:scale-105 transition-transform flex-shrink-0">
-                  <svg className="w-full h-full" viewBox="0 0 100 100" fill="none">
-                    <circle cx="50" cy="50" r="46" fill="#0091ea" />
-                    <path d="M30 38C30 38 34 32 40 32C46 32 48 37 48 42V68H40V44C40 40 38 38 35 38C32 38 30 40 30 44V68H22V34H30V38Z" fill="#ffffff" />
-                    <path d="M52 38C52 38 56 32 62 32C68 32 70 37 70 42V68H62V44C62 40 60 38 57 38C54 38 52 40 52 44V68H44V34H52V38Z" fill="#ffffff" />
-                  </svg>
-                </div>
+                <img 
+                  src="/storage/banner/badge-myket.png" 
+                  alt="دریافت از مایکت" 
+                  className="w-full h-auto object-contain rounded-lg sm:rounded-xl"
+                />
               </a>
 
               {/* 3. Web App / iOS */}
               <button
                 type="button"
                 onClick={onOpenAuth}
-                className="bg-black hover:bg-neutral-900 border border-neutral-800 hover:border-neutral-700 text-white rounded-xl sm:rounded-2xl p-2.5 sm:p-3 flex items-center justify-between shadow-md hover:scale-[1.02] active:scale-[0.98] transition-all duration-150 group cursor-pointer text-right"
+                className="block w-full transition-transform duration-200 hover:scale-[1.03] active:scale-[0.98] drop-shadow-sm cursor-pointer"
               >
-                <div className="text-right flex flex-col justify-center">
-                  <span className="text-xs sm:text-sm font-extrabold text-white leading-tight">نسخه وب / ios</span>
-                </div>
-                <div className="w-8 h-8 sm:w-9 sm:h-9 bg-neutral-800 rounded-lg flex items-center justify-center p-1.5 group-hover:scale-105 transition-transform flex-shrink-0">
-                  <svg className="w-full h-full text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-                    <circle cx="12" cy="12" r="10" />
-                    <line x1="2" y1="12" x2="22" y2="12" />
-                    <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
-                  </svg>
-                </div>
+                <img 
+                  src="/storage/banner/badge-web-ios.png" 
+                  alt="نسخه وب / ios" 
+                  className="w-full h-auto object-contain rounded-lg sm:rounded-xl"
+                />
               </button>
 
-              {/* 4. Direct Download (Android APK) */}
+              {/* 4. Direct Android Download */}
               <a
                 href="/storage/app/houshan-latest.apk"
                 download
-                className="bg-black hover:bg-neutral-900 border border-neutral-800 hover:border-neutral-700 text-white rounded-xl sm:rounded-2xl p-2.5 sm:p-3 flex items-center justify-between shadow-md hover:scale-[1.02] active:scale-[0.98] transition-all duration-150 group cursor-pointer"
+                className="block transition-transform duration-200 hover:scale-[1.03] active:scale-[0.98] drop-shadow-sm"
               >
-                <div className="text-right flex flex-col justify-center">
-                  <span className="text-xs sm:text-sm font-extrabold text-white leading-tight">دانلود مستقیم</span>
-                </div>
-                <div className="w-8 h-8 sm:w-9 sm:h-9 bg-emerald-950/40 rounded-lg flex items-center justify-center p-1.5 group-hover:scale-105 transition-transform flex-shrink-0">
-                  <svg className="w-full h-full text-[#3ddc84]" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-4.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 2.23 12.95 2 12 2c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.73 3.26 5.5 5.01 5.5 7h13c0-1.99-1.23-3.74-2.97-4.84zM9 5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z" />
-                  </svg>
-                </div>
+                <img 
+                  src="/storage/banner/badge-direct.png" 
+                  alt="دانلود مستقیم" 
+                  className="w-full h-auto object-contain rounded-lg sm:rounded-xl"
+                />
               </a>
 
             </div>