Mr.Gay100
/
HoushaWebsite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use exact authentic badge images for Bazaar, Myket, Web/iOS, and Direct Download

This commit is contained in:
alireza 2026-08-24 13:37:08 +03:30
parent 6313361406
commit 90c5598524
6 changed files with 27 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/storage/banner/badge-bazaar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
public/storage/banner/badge-direct.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/storage/banner/badge-ios.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/storage/banner/badge-myket.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
public/storage/banner/badge-web-ios.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

74
src/components/home/Hero.tsx
View File

@ -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>