Merge branch 'kub-stage' into production

- Modified the kub-deploy.yml to remove cached images using containerd's ctr command, ensuring that both IfNotPresent and Always image pull policies work correctly.
- Updated frontoffice-deployment.yaml to set imagePullPolicy to Always, preventing stale node cache issues with the :latest tag.

These changes improve the deployment process and ensure that the latest images are always used in the staging environment.

.gitea/workflows/kub-deploy.yml

@@ -74,7 +74,11 @@ jobs:
           # Apply manifests and restart
           sshpass -e ssh -o StrictHostKeyChecking=no root@${{ env.K8S_SERVER }} "
             kubectl apply -n kbs-stage -f /tmp/frontoffice-deployment.yaml &&
-            crictl rmi ${REGISTRY}/${IMAGE_NAME}:latest 2>/dev/null || true &&
+            # Drop cached :latest so IfNotPresent/Always both pick the new digest
+            # (crictl is broken on this host — use containerd ctr)
+            ctr -n k8s.io images ls -q | grep -E 'frontoffice(:latest|@)' | while read -r ref; do
+              ctr -n k8s.io images rm \"\$ref\" 2>/dev/null || true
+            done
             kubectl -n kbs-stage rollout restart deployment/frontoffice &&
             kubectl -n kbs-stage rollout status deployment/frontoffice --timeout=180s &&
             rm -f /tmp/frontoffice-deployment.yaml

k8s/staging/frontoffice-deployment.yaml

@@ -21,7 +21,8 @@ spec:
       containers:
         - name: frontoffice
           image: 185.252.31.44:30080/admin/frontoffice:latest
-          imagePullPolicy: IfNotPresent
+          # Staging uses :latest — Always avoids stale node cache after registry retag
+          imagePullPolicy: Always
           ports:
             - containerPort: 80
               name: http

src/FrontOffice.Main/Pages/Index.razor

@@ -93,6 +93,42 @@
     </section>
 }
 
+@* ═══════════════════════════════════════════════
+   1c. TWENTYCARD CREDIT — promo box
+   ═══════════════════════════════════════════════ *@
+<section class="py-4" style="background:var(--mud-palette-surface);">
+    <MudContainer MaxWidth="MaxWidth.Medium">
+        <MudPaper Elevation="0" Class="landing-twentycard-box rounded-xl pa-4 pa-md-5">
+            <MudStack Row="true" Spacing="3" AlignItems="AlignItems.Start" Class="flex-wrap">
+                <MudAvatar Color="Color.Info" Variant="Variant.Filled" Size="Size.Large" Class="rounded-lg" Style="min-width:56px;">
+                    <MudIcon Icon="@Icons.Material.Filled.AccountBalance" />
+                </MudAvatar>
+                <MudStack Spacing="2" Style="flex:1; min-width:220px;">
+                    <MudText Typo="Typo.h6">تأمین اعتبار ۲۰کارت</MudText>
+                    <MudText Typo="Typo.body2" Class="mud-text-secondary">
+                        با تأمین اعتبار از طریق ۲۰کارت می‌توانید بدون پرداخت نقدی کامل، هزینه خرید پکیج و محصولات در کارا بازار را پوشش دهید.
+                        فرایند درخواست و تأیید اعتبار در پنل ۲۰کارت انجام می‌شود و پس از آن پرداخت از همان مسیر در دسترس است.
+                        این روش برای کسانی مناسب است که می‌خواهند سریع‌تر وارد مسیر عضویت و خرید شوند.
+                    </MudText>
+                    <MudText Typo="Typo.body2">
+                        بعد از دریافت وام، می‌توانید در کارا بازار از باشگاه مشتریان استفاده کنید و با فروش و دعوت، توسعه سرمایه داشته باشید.
+                    </MudText>
+                    <div class="mt-1">
+                        <MudButton Variant="Variant.Filled"
+                                   Color="Color.Info"
+                                   Class="rounded-pill"
+                                   StartIcon="@Icons.Material.Filled.OpenInNew"
+                                   Disabled="@string.IsNullOrWhiteSpace(_twentyCardPortalUrl)"
+                                   OnClick="OpenTwentyCardPortal">
+                            ورود به سایت ۲۰کارت
+                        </MudButton>
+                    </div>
+                </MudStack>
+            </MudStack>
+        </MudPaper>
+    </MudContainer>
+</section>
+
 @* ═══════════════════════════════════════════════
    2. HOW IT WORKS — 3 numbered steps
    ═══════════════════════════════════════════════ *@

src/FrontOffice.Main/Pages/Index.razor.cs

@@ -1,5 +1,6 @@
 using FrontOffice.Main.Utilities;
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Configuration;
 using Microsoft.JSInterop;
 using MudBlazor;
 
@@ -16,8 +17,10 @@ public partial class Index : IDisposable
     [Inject] private DiscountCartService DiscountCart { get; set; } = default!;
     [Inject] private GuestActionGate GuestGate { get; set; } = default!;
     [Inject] private VATService VAT { get; set; } = default!;
+    [Inject] private IConfiguration Configuration { get; set; } = default!;
 
     private bool _isAuthenticated;
+    private string _twentyCardPortalUrl = string.Empty;
 
     // ── CMS page data ──
     private PageSettingsDto? _pageData;
@@ -49,6 +52,7 @@ public partial class Index : IDisposable
     {
         MainService.OnChangeHandler += OnStateChanged;
         _isAuthenticated = await AuthService.IsAuthenticatedAsync();
+        _twentyCardPortalUrl = Configuration["TwentyCard:CreditPortalUrl"] ?? string.Empty;
 
         // Load landing page settings from CMS
         try
@@ -298,6 +302,12 @@ public partial class Index : IDisposable
         Navigation.NavigateTo(RouteConstants.Registration.Wizard);
     }
 
+    private async Task OpenTwentyCardPortal()
+    {
+        if (string.IsNullOrWhiteSpace(_twentyCardPortalUrl)) return;
+        await JS.InvokeVoidAsync("open", _twentyCardPortalUrl, "_blank");
+    }
+
     private void NavigateToPost(string slug)
     {
         Navigation.NavigateTo($"/blog/{slug}");

src/FrontOffice.Main/wwwroot/css/site.css

@@ -1617,6 +1617,12 @@ html, body {
     overflow: hidden;
 }
 
+/* ── Landing TwentyCard credit promo ── */
+.landing-twentycard-box {
+    background: var(--ds-info-soft);
+    border: 1px solid rgba(59, 130, 246, 0.22);
+}
+
 /* ── Register Wizard Unified ── */
 .wizard-section {
     min-height: 80vh;