feat: add mobile layout with native app UX, identity page with ID card & passport

Mobile users (<768px) now see a native app-style home page with:
- Green gradient header with avatar, greeting, language/wallet/notification
- Horizontal scrollable score cards (auth-aware: login prompt for guests)
- App grid sections (Finance, Governance, Social, Education) with 4-col layout
- Bottom tab bar (Home / Citizen / Referral)
- MobileShell wrapper for consistent mobile navigation across pages

BeCitizen page redesigned for mobile with full-viewport hero screen,
scroll-to-reveal content, and compact benefits/process cards.

New Identity page (/identity) with realistic Kurdistan Republic ID card
and passport design. Users can fill personal info, upload photo from
camera/gallery, and save to device (localStorage only).

Desktop layout completely untouched. i18n keys added for all 6 languages.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-07 23:39:21 +03:00
parent 5f104fed31
commit e39a1f192a
12 changed files with 1302 additions and 11 deletions
+19
View File
@@ -3777,4 +3777,23 @@ export default {
'messaging.checkingKey': 'Şifreleme anahtarı kontrol ediliyor...',
'messaging.send': 'Gönder',
'messaging.sending': 'Gönderiliyor...',
// Mobile Home Layout
'mobile.greeting': 'Rojbaş',
'mobile.home': 'Ana Sayfa',
'mobile.citizen': 'Vatandaş',
'mobile.referral': 'Referans',
'mobile.memberSince': 'Üyelik Tarihi',
'mobile.role': 'Rol',
'mobile.totalScore': 'Toplam Puan',
'mobile.trustScore': 'Güven Puanı',
'mobile.referralScore': 'Referans Puanı',
'mobile.stakingScore': 'Staking Puanı',
'mobile.tikiScore': 'Tiki Puanı',
'mobile.kycStatus': 'KYC Durumu',
'mobile.connectWallet': 'Cüzdan bağla',
'mobile.apply': 'Başvur',
'mobile.joinUs': 'Bize Katil',
'mobile.signInUp': 'Giris / Kayit',
'mobile.loginToSeeRoles': 'Rolleri gormek icin giris yap',
};