From ee337952d12b20e140f78615afd61b79f8c4f3a1 Mon Sep 17 00:00:00 2001
From: MeysamMoghaddam <65253484+MeysamMoghaddam@users.noreply.github.com>
Date: Tue, 7 Oct 2025 02:18:07 +0330
Subject: [PATCH] u

---
 src/FrontOffice.Main/Pages/Index.razor        | 40 +++++++++----------
 .../Pages/Profile/Index.razor                 | 30 +++++++-------
 src/FrontOffice.Main/Shared/Footer.razor      | 10 ++---
 3 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/FrontOffice.Main/Pages/Index.razor b/src/FrontOffice.Main/Pages/Index.razor
index 3a58c05..098946a 100644
--- a/src/FrontOffice.Main/Pages/Index.razor
+++ b/src/FrontOffice.Main/Pages/Index.razor
@@ -9,10 +9,10 @@
         <MudGrid Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="3">
             <MudItem xs="12" md="6">
                 <MudChip T="string" Color="Color.Primary" Variant="Variant.Filled" Class="mb-3">جدید</MudChip>
-                <MudText Typo="Typo.h3" Class="fw-700 lh-tight mb-1 hero-title">
+                <MudText Typo="Typo.h3" Class="mud-typography-subtitle1 lh-tight mb-1 hero-title">
                     ساخت شبکه‌های هوشمند با فرصت
                 </MudText>
-                <MudText Typo="Typo.subtitle1" Class="muted mb-6">
+                <MudText Typo="Typo.subtitle1" Class="mud-text-secondary mb-6">
                     پلن باینری، شجره‌نامه و گزارش‌های کارمزدی شفاف — همه در یک پنل بلِیزر.
                 </MudText>
 
@@ -33,7 +33,7 @@
                     <div class="hero-overlay"></div>
                     <div class="hero-badge px-2 pb-2">
                         <MudText Typo="Typo.subtitle2">نمای لحظه‌ای</MudText>
-                        <MudText Typo="Typo.caption" Class="muted">۱۲۸۴ عضو فعال · ‎$۴۸,۹۷۰‎ پرداختی ماه گذشته</MudText>
+                        <MudText Typo="Typo.caption" Class="mud-text-secondary">۱۲۸۴ عضو فعال · ‎$۴۸,۹۷۰‎ پرداختی ماه گذشته</MudText>
                     </div>
                 </MudPaper>
             </MudItem>
@@ -47,25 +47,25 @@
         <MudGrid Spacing="2" Justify="Justify.SpaceAround">
             <MudItem xs="6" md="3">
                 <MudPaper Outlined="true" Class="pa-4 rounded-lg">
-                    <MudText Typo="Typo.h4" Align="Align.Center" Class="fw-700">+۵۰٪</MudText>
+                    <MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">+۵۰٪</MudText>
                     <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">رشد میانگین شبکه</MudText>
                 </MudPaper>
             </MudItem>
             <MudItem xs="6" md="3">
                 <MudPaper Outlined="true" Class="pa-4 rounded-lg text-center">
-                    <MudText Typo="Typo.h4" Align="Align.Center" Class="fw-700">۹۹٫۹٪</MudText>
+                    <MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">۹۹٫۹٪</MudText>
                     <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">آپ‌تایم سرویس</MudText>
                 </MudPaper>
             </MudItem>
             <MudItem xs="6" md="3">
                 <MudPaper Outlined="true" Class="pa-4 rounded-lg text-center">
-                    <MudText Typo="Typo.h4" Align="Align.Center" Class="fw-700">۳ روز</MudText>
+                    <MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">۳ روز</MudText>
                     <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">میانگین زمان استقرار</MudText>
                 </MudPaper>
             </MudItem>
             <MudItem xs="6" md="3">
                 <MudPaper Outlined="true" Class="pa-4 rounded-lg text-center">
-                    <MudText Typo="Typo.h4" Align="Align.Center" Class="fw-700">+۲۰ کشور</MudText>
+                    <MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">+۲۰ کشور</MudText>
                     <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">پوشش ارسال کد</MudText>
                 </MudPaper>
             </MudItem>
@@ -76,8 +76,8 @@
 <!-- FEATURES: معرفی پکیج‌ها -->
 <section id="features" class="py-14">
     <MudContainer MaxWidth="MaxWidth.Large">
-        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 fw-700">پکیج‌ها و امکانات</MudText>
-        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="muted mb-8">بر اساس اندازهٔ تیم خود انتخاب کنید.</MudText>
+        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">پکیج‌ها و امکانات</MudText>
+        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">بر اساس اندازهٔ تیم خود انتخاب کنید.</MudText>
 
         <MudGrid Spacing="3" Justify="Justify.Center" Class="stretch-grid">
             @foreach (var p in _packs)
@@ -92,7 +92,7 @@
                                   Class="feature-img" />
                         <div class="pa-5">
                             <MudText Typo="Typo.h6" Class="mb-1">@(p.Title)</MudText>
-                            <MudText Typo="Typo.body2" Class="muted mb-2">@(p.Body)</MudText>
+                            <MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">@(p.Body)</MudText>
                             <MudList T="string" Dense="true">
                                 @foreach (var item in p.Items)
                                 {
@@ -113,8 +113,8 @@
 <!-- PRICING -->
 <section id="pricing" class="py-14">
     <MudContainer MaxWidth="MaxWidth.Large">
-        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 fw-700">قیمت‌گذاری</MudText>
-        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="muted mb-8">قیمت‌ها به تومان — بدون هزینهٔ پنهان.</MudText>
+        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">قیمت‌گذاری</MudText>
+        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">قیمت‌ها به تومان — بدون هزینهٔ پنهان.</MudText>
 
         <MudGrid Spacing="3" Justify="Justify.Center">
             @foreach (var p in _plans)
@@ -122,8 +122,8 @@
                 <MudItem xs="12" md="4" Class="d-flex">
                     <MudCard Class="rounded-2xl d-flex flex-column flex-grow-1">
                         <MudCardContent Class="pa-6">
-                            <MudText Typo="Typo.overline" Class="muted">@(p.Name)</MudText>
-                            <MudText Typo="Typo.h4" Class="fw-700 mb-2">@p.Price</MudText>
+                            <MudText Typo="Typo.overline" Class="mud-text-secondary">@(p.Name)</MudText>
+                            <MudText Typo="Typo.h4" Class="mud-typography-subtitle1 mb-2">@p.Price</MudText>
                                 <MudList T="string" Dense="true">
                                     @foreach (var item in p.Features)
                                 {
@@ -147,8 +147,8 @@
 <!-- TESTIMONIALS -->
 <section id="testimonials" class="py-14 testimonials">
     <MudContainer MaxWidth="MaxWidth.Large">
-        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 fw-700">اعتماد مشتریان</MudText>
-        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="muted mb-8">بخشی از تجربهٔ استفاده از «فرصت».</MudText>
+        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">اعتماد مشتریان</MudText>
+        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">بخشی از تجربهٔ استفاده از «فرصت».</MudText>
 
         <MudGrid Spacing="3" Justify="Justify.Center">
             <MudItem xs="12" md="6">
@@ -200,8 +200,8 @@
 <!-- FAQ -->
 <section id="faq" class="py-14">
     <MudContainer MaxWidth="MaxWidth.Large">
-        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 fw-700">سوالات متداول</MudText>
-        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="muted mb-8">پاسخ به سوالات رایج راه‌اندازی و صورتحساب.</MudText>
+        <MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">سوالات متداول</MudText>
+        <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">پاسخ به سوالات رایج راه‌اندازی و صورتحساب.</MudText>
 
         <div class="mx-auto max-w-800">
             <MudExpansionPanels Elevation="1" Square="false" Class="rounded-2xl">
@@ -220,8 +220,8 @@
 <section id="contact" class="py-14">
     <MudContainer MaxWidth="MaxWidth.Medium" Class="text-center">
         <MudPaper Elevation="2" Class="pa-4 rounded-2xl">
-            <MudText Typo="Typo.h5" Class="fw-700 mb-2">آمادهٔ راه‌اندازی هستید؟</MudText>
-            <MudText Typo="Typo.body1" Class="muted mb-4">ایمیل‌تان را بگذارید تا دسترسی زودهنگام بگیرید.</MudText>
+            <MudText Typo="Typo.h5" Class="mud-typography-subtitle1 mb-2">آمادهٔ راه‌اندازی هستید؟</MudText>
+            <MudText Typo="Typo.body1" Class="mud-text-secondary mb-4">ایمیل‌تان را بگذارید تا دسترسی زودهنگام بگیرید.</MudText>
             <MudStack Row="true" Spacing="2" Justify="Justify.Center">
                 <MudTextField @bind-Value="_email" For="@(() => _email)" Placeholder="you@company.com" Variant="Variant.Outlined" Class="max-w-56" />
                 <MudButton Color="Color.Primary" OnClick="@JoinWaitlist">درخواست دسترسی</MudButton>
diff --git a/src/FrontOffice.Main/Pages/Profile/Index.razor b/src/FrontOffice.Main/Pages/Profile/Index.razor
index 630998b..e2bcbb7 100644
--- a/src/FrontOffice.Main/Pages/Profile/Index.razor
+++ b/src/FrontOffice.Main/Pages/Profile/Index.razor
@@ -13,9 +13,9 @@
                         <MudIcon Icon="@Icons.Material.Filled.Person" Size="Size.Large" />
                     </MudAvatar>
                     <div>
-                        <MudText Typo="Typo.h5" Class="fw-700">@_userProfile.FirstName @_userProfile.LastName</MudText>
-                        <MudText Typo="Typo.body2" Class="muted">@_userProfile.Email</MudText>
-                        <MudText Typo="Typo.caption" Class="muted">عضو از @_userProfile.JoinDate</MudText>
+                        <MudText Typo="Typo.h5" Class="mud-typography-subtitle1">@_userProfile.FirstName @_userProfile.LastName</MudText>
+                        <MudText Typo="Typo.body2" Class="mud-text-secondary">@_userProfile.Email</MudText>
+                        <MudText Typo="Typo.caption" Class="mud-text-secondary">عضو از @_userProfile.JoinDate</MudText>
                     </div>
                 </MudStack>
             </MudPaper>
@@ -28,7 +28,7 @@
                     <!-- Personal Information Tab -->
                     <MudTabPanel Text="اطلاعات شخصی" Icon="@Icons.Material.Filled.Person">
                         <div class="pa-4">
-                            <MudText Typo="Typo.h6" Class="mb-4 fw-700">اطلاعات شخصی</MudText>
+                            <MudText Typo="Typo.h6" Class="mb-4 mud-typography-subtitle1">اطلاعات شخصی</MudText>
 
                             <MudForm @ref="_personalForm" Model="_userProfile" Validation="@((Func<object, IEnumerable<FluentValidation.Results.ValidationFailure>>)((model) => _personalValidator.Validate((UserProfile)model).Errors))">
                                 <MudGrid Spacing="3">
@@ -111,7 +111,7 @@
                     <!-- Password Change Tab -->
                     <MudTabPanel Text="تغییر رمز عبور" Icon="@Icons.Material.Filled.Lock">
                         <div class="pa-4">
-                            <MudText Typo="Typo.h6" Class="mb-4 fw-700">تغییر رمز عبور</MudText>
+                            <MudText Typo="Typo.h6" Class="mb-4 mud-typography-subtitle1">تغییر رمز عبور</MudText>
 
                             <MudForm @ref="_passwordForm" Model="_passwordModel" Validation="@((Func<object, IEnumerable<FluentValidation.Results.ValidationFailure>>)((model) => _passwordValidator.Validate((PasswordChangeModel)model).Errors))">
                                 <MudGrid Spacing="3">
@@ -161,7 +161,7 @@
                     <!-- Account Settings Tab -->
                     <MudTabPanel Text="تنظیمات حساب" Icon="@Icons.Material.Filled.Settings">
                         <div class="pa-4">
-                            <MudText Typo="Typo.h6" Class="mb-4 fw-700">تنظیمات حساب</MudText>
+                            <MudText Typo="Typo.h6" Class="mb-4 mud-typography-subtitle1">تنظیمات حساب</MudText>
 
                             <MudStack Spacing="4">
                                 <!-- Notification Settings -->
@@ -218,38 +218,38 @@
                     <!-- Statistics Tab -->
                     <MudTabPanel Text="آمار و اطلاعات" Icon="@Icons.Material.Filled.BarChart">
                         <div class="pa-4">
-                            <MudText Typo="Typo.h6" Class="mb-4 fw-700">آمار حساب کاربری</MudText>
+                            <MudText Typo="Typo.h6" Class="mb-4 mud-typography-subtitle1">آمار حساب کاربری</MudText>
 
                             <MudGrid Spacing="3">
                                 <MudItem xs="12" md="6" lg="3">
                                     <MudPaper Elevation="1" Class="pa-4 text-center rounded-lg">
                                         <MudIcon Icon="@Icons.Material.Filled.DateRange" Size="Size.Large" Color="Color.Primary" Class="mb-2" />
-                                        <MudText Typo="Typo.h4" Class="fw-700">@_userProfile.JoinDate</MudText>
-                                        <MudText Typo="Typo.caption" Class="muted">تاریخ عضویت</MudText>
+                                        <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.JoinDate</MudText>
+                                        <MudText Typo="Typo.caption" Class="mud-text-secondary">تاریخ عضویت</MudText>
                                     </MudPaper>
                                 </MudItem>
 
                                 <MudItem xs="12" md="6" lg="3">
                                     <MudPaper Elevation="1" Class="pa-4 text-center rounded-lg">
                                         <MudIcon Icon="@Icons.Material.Filled.Login" Size="Size.Large" Color="Color.Success" Class="mb-2" />
-                                        <MudText Typo="Typo.h4" Class="fw-700">@_userProfile.LastLogin</MudText>
-                                        <MudText Typo="Typo.caption" Class="muted">آخرین ورود</MudText>
+                                        <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.LastLogin</MudText>
+                                        <MudText Typo="Typo.caption" Class="mud-text-secondary">آخرین ورود</MudText>
                                     </MudPaper>
                                 </MudItem>
 
                                 <MudItem xs="12" md="6" lg="3">
                                     <MudPaper Elevation="1" Class="pa-4 text-center rounded-lg">
                                         <MudIcon Icon="@Icons.Material.Filled.Group" Size="Size.Large" Color="Color.Info" Class="mb-2" />
-                                        <MudText Typo="Typo.h4" Class="fw-700">@_userProfile.TotalReferrals</MudText>
-                                        <MudText Typo="Typo.caption" Class="muted">معرف‌ها</MudText>
+                                        <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.TotalReferrals</MudText>
+                                        <MudText Typo="Typo.caption" Class="mud-text-secondary">معرف‌ها</MudText>
                                     </MudPaper>
                                 </MudItem>
 
                                 <MudItem xs="12" md="6" lg="3">
                                     <MudPaper Elevation="1" Class="pa-4 text-center rounded-lg">
                                         <MudIcon Icon="@Icons.Material.Filled.Star" Size="Size.Large" Color="Color.Warning" Class="mb-2" />
-                                        <MudText Typo="Typo.h4" Class="fw-700">@_userProfile.Level</MudText>
-                                        <MudText Typo="Typo.caption" Class="muted">سطح کاربری</MudText>
+                                        <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.Level</MudText>
+                                        <MudText Typo="Typo.caption" Class="mud-text-secondary">سطح کاربری</MudText>
                                     </MudPaper>
                                 </MudItem>
                             </MudGrid>
diff --git a/src/FrontOffice.Main/Shared/Footer.razor b/src/FrontOffice.Main/Shared/Footer.razor
index f6cdbe3..602d351 100644
--- a/src/FrontOffice.Main/Shared/Footer.razor
+++ b/src/FrontOffice.Main/Shared/Footer.razor
@@ -14,7 +14,7 @@
                                   Height="40"
                                   Class="rounded-circle"
                                   Src="favicon.png" />
-                        <MudText Typo="Typo.h5" Class="fw-700">فرصت</MudText>
+                        <MudText Typo="Typo.h5" Class="mud-typography-subtitle1">فرصت</MudText>
                     </div>
                     <MudText Typo="Typo.body2" Class="footer-description">
                         پلتفرم هوشمند ساخت شبکه‌های فروش و MLM با امکانات پیشرفته مدیریت تیم، محاسبه کارمزد و گزارش‌گیری جامع.
@@ -51,7 +51,7 @@
             <!-- Quick Links -->
             <MudItem xs="12" sm="6" md="2">
                 <MudStack Spacing="2">
-                    <MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">دسترسی سریع</MudText>
+                    <MudText Typo="Typo.subtitle1" Class="mud-typography-subtitle1 footer-title">دسترسی سریع</MudText>
                     <MudLink Href="#features" Class="footer-link">امکانات</MudLink>
                     <MudLink Href="#pricing" Class="footer-link">قیمت‌ها</MudLink>
                     <MudLink Href="#faq" Class="footer-link">سوالات متداول</MudLink>
@@ -63,7 +63,7 @@
             <!-- Services -->
             <MudItem xs="12" sm="6" md="2">
                 <MudStack Spacing="2">
-                    <MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">خدمات</MudText>
+                    <MudText Typo="Typo.subtitle1" Class="mud-typography-subtitle1 footer-title">خدمات</MudText>
                     <MudLink Href="#" Class="footer-link">پکیج استارتر</MudLink>
                     <MudLink Href="#" Class="footer-link">پکیج رشد</MudLink>
                     <MudLink Href="#" Class="footer-link">پکیج اسکیل</MudLink>
@@ -75,7 +75,7 @@
             <!-- Support -->
             <MudItem xs="12" sm="6" md="2">
                 <MudStack Spacing="2">
-                    <MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">پشتیبانی</MudText>
+                    <MudText Typo="Typo.subtitle1" Class="mud-typography-subtitle1 footer-title">پشتیبانی</MudText>
                     <MudLink Href="#" Class="footer-link">مرکز راهنمایی</MudLink>
                     <MudLink Href="#" Class="footer-link">آموزش‌ها</MudLink>
                     <MudLink Href="#" Class="footer-link">وبلاگ</MudLink>
@@ -87,7 +87,7 @@
             <!-- Contact Info -->
             <MudItem xs="12" sm="6" md="2">
                 <MudStack Spacing="2">
-                    <MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">تماس</MudText>
+                    <MudText Typo="Typo.subtitle1" Class="mud-typography-subtitle1 footer-title">تماس</MudText>
                     <div class="d-flex align-center gap-2">
                         <MudIcon Icon="@Icons.Material.Filled.Phone" Size="Size.Small" />
                         <MudText Typo="Typo.body2" Class="footer-contact">۰۲۱-۱۲۳۴۵۶۷۸</MudText>