admin/FrontOffice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
MeysamMoghaddam
2025-10-07 02:25:35 +03:30
parent ee337952d1
commit ad78e27f5e
2 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/FrontOffice.Main/Pages/Index.razor
View File

@@ -16,9 +16,9 @@
پلن باینری، شجره‌نامه و گزارش‌های کارمزدی شفاف — همه در یک پنل بلِیزر. پلن باینری، شجره‌نامه و گزارش‌های کارمزدی شفاف — همه در یک پنل بلِیزر.
</MudText> </MudText>
<MudStack Row="true" Spacing="2" Class="mb-2"> <MudStack Row="true" Spacing="3" Class="mb-2">
<MudButton Color="Color.Primary" OnClick="@(() => Navigation.NavigateTo("#pricing"))">مشاهده قیمت‌ها</MudButton> <MudButton Color="Color.Primary" Size="Size.Large" Class="mud-ripple rounded-pill" OnClick="@(() => Navigation.NavigateTo("#pricing"))">مشاهده قیمت‌ها</MudButton>
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" OnClick="@(() => Navigation.NavigateTo("#features"))">معرفی پکیج‌ها</MudButton> <MudButton Variant="Variant.Outlined" Color="Color.Inherit" Size="Size.Large" Class="mud-ripple rounded-pill" OnClick="@(() => Navigation.NavigateTo("#features"))">معرفی پکیج‌ها</MudButton>
</MudStack> </MudStack>
</MudItem> </MudItem>
@@ -46,25 +46,25 @@
<MudContainer MaxWidth="MaxWidth.Large" Class="py-8"> <MudContainer MaxWidth="MaxWidth.Large" Class="py-8">
<MudGrid Spacing="2" Justify="Justify.SpaceAround"> <MudGrid Spacing="2" Justify="Justify.SpaceAround">
<MudItem xs="6" md="3"> <MudItem xs="6" md="3">
<MudPaper Outlined="true" Class="pa-4 rounded-lg"> <MudPaper Elevation="2" Class="pa-4 mud-elevation-2 rounded-xl mud-theme-surface">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">+۵۰٪</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> <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">رشد میانگین شبکه</MudText>
</MudPaper> </MudPaper>
</MudItem> </MudItem>
<MudItem xs="6" md="3"> <MudItem xs="6" md="3">
<MudPaper Outlined="true" Class="pa-4 rounded-lg text-center"> <MudPaper Elevation="2" Class="pa-4 mud-elevation-2 rounded-xl mud-theme-surface text-center">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">۹۹٫۹٪</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> <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">آپ‌تایم سرویس</MudText>
</MudPaper> </MudPaper>
</MudItem> </MudItem>
<MudItem xs="6" md="3"> <MudItem xs="6" md="3">
<MudPaper Outlined="true" Class="pa-4 rounded-lg text-center"> <MudPaper Elevation="2" Class="pa-4 mud-elevation-2 rounded-xl mud-theme-surface text-center">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">۳ روز</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> <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">میانگین زمان استقرار</MudText>
</MudPaper> </MudPaper>
</MudItem> </MudItem>
<MudItem xs="6" md="3"> <MudItem xs="6" md="3">
<MudPaper Outlined="true" Class="pa-4 rounded-lg text-center"> <MudPaper Elevation="2" Class="pa-4 mud-elevation-2 rounded-xl mud-theme-surface text-center">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mud-typography-subtitle1">+۲۰ کشور</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> <MudText Typo="Typo.caption" HtmlTag="div" Align="Align.Center" Color="Color.Info">پوشش ارسال کد</MudText>
</MudPaper> </MudPaper>
@@ -74,7 +74,7 @@
</section> </section>
<!-- FEATURES: معرفی پکیج‌ها --> <!-- FEATURES: معرفی پکیج‌ها -->
<section id="features" class="py-14"> <section id="features" class="py-20">
<MudContainer MaxWidth="MaxWidth.Large"> <MudContainer MaxWidth="MaxWidth.Large">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">پکیج‌ها و امکانات</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> <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">بر اساس اندازهٔ تیم خود انتخاب کنید.</MudText>
@@ -111,7 +111,7 @@
</section> </section>
<!-- PRICING --> <!-- PRICING -->
<section id="pricing" class="py-14"> <section id="pricing" class="py-20">
<MudContainer MaxWidth="MaxWidth.Large"> <MudContainer MaxWidth="MaxWidth.Large">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">قیمت‌گذاری</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> <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">قیمت‌ها به تومان — بدون هزینهٔ پنهان.</MudText>
@@ -120,7 +120,7 @@
@foreach (var p in _plans) @foreach (var p in _plans)
{ {
<MudItem xs="12" md="4" Class="d-flex"> <MudItem xs="12" md="4" Class="d-flex">
<MudCard Class="rounded-2xl d-flex flex-column flex-grow-1"> <MudCard Elevation="3" Class="mud-elevation-3 rounded-2xl d-flex flex-column flex-grow-1 mud-theme-surface">
<MudCardContent Class="pa-6"> <MudCardContent Class="pa-6">
<MudText Typo="Typo.overline" Class="mud-text-secondary">@(p.Name)</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> <MudText Typo="Typo.h4" Class="mud-typography-subtitle1 mb-2">@p.Price</MudText>
@@ -145,14 +145,14 @@
</section> </section>
<!-- TESTIMONIALS --> <!-- TESTIMONIALS -->
<section id="testimonials" class="py-14 testimonials"> <section id="testimonials" class="py-20 testimonials">
<MudContainer MaxWidth="MaxWidth.Large"> <MudContainer MaxWidth="MaxWidth.Large">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">اعتماد مشتریان</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> <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">بخشی از تجربهٔ استفاده از «فرصت».</MudText>
<MudGrid Spacing="3" Justify="Justify.Center"> <MudGrid Spacing="3" Justify="Justify.Center">
<MudItem xs="12" md="6"> <MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="rounded-2xl pa-5"> <MudPaper Elevation="4" Class="mud-elevation-4 rounded-2xl pa-5 mud-theme-surface">
<MudStack Spacing="2"> <MudStack Spacing="2">
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center"> <MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
<MudAvatar> <MudAvatar>
@@ -173,7 +173,7 @@
</MudItem> </MudItem>
<MudItem xs="12" md="6"> <MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="rounded-2xl pa-5"> <MudPaper Elevation="4" Class="mud-elevation-4 rounded-2xl pa-5 mud-theme-surface">
<MudStack Spacing="2"> <MudStack Spacing="2">
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center"> <MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
<MudAvatar> <MudAvatar>
@@ -198,13 +198,13 @@
</section> </section>
<!-- FAQ --> <!-- FAQ -->
<section id="faq" class="py-14"> <section id="faq" class="py-20">
<MudContainer MaxWidth="MaxWidth.Large"> <MudContainer MaxWidth="MaxWidth.Large">
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-1 mud-typography-subtitle1">سوالات متداول</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> <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="mud-text-secondary mb-8">پاسخ به سوالات رایج راه‌اندازی و صورتحساب.</MudText>
<div class="mx-auto max-w-800"> <div class="mx-auto max-w-800">
<MudExpansionPanels Elevation="1" Square="false" Class="rounded-2xl"> <MudExpansionPanels Elevation="3" Square="false" Class="mud-elevation-3 rounded-2xl mud-theme-surface">
@foreach (var q in _faqs) @foreach (var q in _faqs)
{ {
<MudExpansionPanel Text="@q.Q"> <MudExpansionPanel Text="@q.Q">
@@ -217,14 +217,14 @@
</section> </section>
<!-- CTA --> <!-- CTA -->
<section id="contact" class="py-14"> <section id="contact" class="py-20">
<MudContainer MaxWidth="MaxWidth.Medium" Class="text-center"> <MudContainer MaxWidth="MaxWidth.Medium" Class="text-center">
<MudPaper Elevation="2" Class="pa-4 rounded-2xl"> <MudPaper Elevation="5" Class="mud-elevation-5 pa-6 rounded-2xl mud-theme-surface">
<MudText Typo="Typo.h5" Class="mud-typography-subtitle1 mb-2">آمادهٔ راه‌اندازی هستید؟</MudText> <MudText Typo="Typo.h5" Class="mud-typography-subtitle1 mb-2">آمادهٔ راه‌اندازی هستید؟</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-4">ایمیل‌تان را بگذارید تا دسترسی زودهنگام بگیرید.</MudText> <MudText Typo="Typo.body1" Class="mud-text-secondary mb-4">ایمیل‌تان را بگذارید تا دسترسی زودهنگام بگیرید.</MudText>
<MudStack Row="true" Spacing="2" Justify="Justify.Center"> <MudStack Row="true" Spacing="3" Justify="Justify.Center">
<MudTextField @bind-Value="_email" For="@(() => _email)" Placeholder="you@company.com" Variant="Variant.Outlined" Class="max-w-56" /> <MudTextField @bind-Value="_email" For="@(() => _email)" Placeholder="you@company.com" Variant="Variant.Outlined" Class="max-w-56" />
<MudButton Color="Color.Primary" OnClick="@JoinWaitlist">درخواست دسترسی</MudButton> <MudButton Color="Color.Primary" Size="Size.Large" OnClick="@JoinWaitlist">درخواست دسترسی</MudButton>
</MudStack> </MudStack>
</MudPaper> </MudPaper>
</MudContainer> </MudContainer>

16
src/FrontOffice.Main/Pages/Profile/Index.razor
View File

@@ -7,7 +7,7 @@
<MudGrid Spacing="4"> <MudGrid Spacing="4">
<!-- Profile Header --> <!-- Profile Header -->
<MudItem xs="12"> <MudItem xs="12">
<MudPaper Elevation="2" Class="pa-4 rounded-2xl"> <MudPaper Elevation="4" Class="mud-elevation-4 pa-6 rounded-2xl mud-theme-surface">
<MudStack Row="true" Spacing="3" AlignItems="AlignItems.Center"> <MudStack Row="true" Spacing="3" AlignItems="AlignItems.Center">
<MudAvatar Size="Size.Large" Color="Color.Primary"> <MudAvatar Size="Size.Large" Color="Color.Primary">
<MudIcon Icon="@Icons.Material.Filled.Person" Size="Size.Large" /> <MudIcon Icon="@Icons.Material.Filled.Person" Size="Size.Large" />
@@ -23,7 +23,7 @@
<!-- Profile Content --> <!-- Profile Content -->
<MudItem xs="12"> <MudItem xs="12">
<MudPaper Elevation="2" Class="rounded-2xl"> <MudPaper Elevation="4" Class="mud-elevation-4 rounded-2xl mud-theme-surface">
<MudTabs Elevation="0" Rounded="true" ApplyEffectsToContainer="true" Class="px-4 pt-4"> <MudTabs Elevation="0" Rounded="true" ApplyEffectsToContainer="true" Class="px-4 pt-4">
<!-- Personal Information Tab --> <!-- Personal Information Tab -->
<MudTabPanel Text="اطلاعات شخصی" Icon="@Icons.Material.Filled.Person"> <MudTabPanel Text="اطلاعات شخصی" Icon="@Icons.Material.Filled.Person">
@@ -222,7 +222,7 @@
<MudGrid Spacing="3"> <MudGrid Spacing="3">
<MudItem xs="12" md="6" lg="3"> <MudItem xs="12" md="6" lg="3">
<MudPaper Elevation="1" Class="pa-4 text-center rounded-lg"> <MudPaper Elevation="3" Class="mud-elevation-3 pa-4 text-center rounded-xl mud-theme-surface">
<MudIcon Icon="@Icons.Material.Filled.DateRange" Size="Size.Large" Color="Color.Primary" Class="mb-2" /> <MudIcon Icon="@Icons.Material.Filled.DateRange" Size="Size.Large" Color="Color.Primary" Class="mb-2" />
<MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.JoinDate</MudText> <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.JoinDate</MudText>
<MudText Typo="Typo.caption" Class="mud-text-secondary">تاریخ عضویت</MudText> <MudText Typo="Typo.caption" Class="mud-text-secondary">تاریخ عضویت</MudText>
@@ -230,7 +230,7 @@
</MudItem> </MudItem>
<MudItem xs="12" md="6" lg="3"> <MudItem xs="12" md="6" lg="3">
<MudPaper Elevation="1" Class="pa-4 text-center rounded-lg"> <MudPaper Elevation="3" Class="mud-elevation-3 pa-4 text-center rounded-xl mud-theme-surface">
<MudIcon Icon="@Icons.Material.Filled.Login" Size="Size.Large" Color="Color.Success" Class="mb-2" /> <MudIcon Icon="@Icons.Material.Filled.Login" Size="Size.Large" Color="Color.Success" Class="mb-2" />
<MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.LastLogin</MudText> <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.LastLogin</MudText>
<MudText Typo="Typo.caption" Class="mud-text-secondary">آخرین ورود</MudText> <MudText Typo="Typo.caption" Class="mud-text-secondary">آخرین ورود</MudText>
@@ -238,7 +238,7 @@
</MudItem> </MudItem>
<MudItem xs="12" md="6" lg="3"> <MudItem xs="12" md="6" lg="3">
<MudPaper Elevation="1" Class="pa-4 text-center rounded-lg"> <MudPaper Elevation="3" Class="mud-elevation-3 pa-4 text-center rounded-xl mud-theme-surface">
<MudIcon Icon="@Icons.Material.Filled.Group" Size="Size.Large" Color="Color.Info" Class="mb-2" /> <MudIcon Icon="@Icons.Material.Filled.Group" Size="Size.Large" Color="Color.Info" Class="mb-2" />
<MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.TotalReferrals</MudText> <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.TotalReferrals</MudText>
<MudText Typo="Typo.caption" Class="mud-text-secondary">معرف‌ها</MudText> <MudText Typo="Typo.caption" Class="mud-text-secondary">معرف‌ها</MudText>
@@ -246,7 +246,7 @@
</MudItem> </MudItem>
<MudItem xs="12" md="6" lg="3"> <MudItem xs="12" md="6" lg="3">
<MudPaper Elevation="1" Class="pa-4 text-center rounded-lg"> <MudPaper Elevation="3" Class="mud-elevation-3 pa-4 text-center rounded-xl mud-theme-surface">
<MudIcon Icon="@Icons.Material.Filled.Star" Size="Size.Large" Color="Color.Warning" Class="mb-2" /> <MudIcon Icon="@Icons.Material.Filled.Star" Size="Size.Large" Color="Color.Warning" Class="mb-2" />
<MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.Level</MudText> <MudText Typo="Typo.h4" Class="mud-typography-subtitle1">@_userProfile.Level</MudText>
<MudText Typo="Typo.caption" Class="mud-text-secondary">سطح کاربری</MudText> <MudText Typo="Typo.caption" Class="mud-text-secondary">سطح کاربری</MudText>
@@ -255,8 +255,8 @@
</MudGrid> </MudGrid>
<!-- Account Status --> <!-- Account Status -->
<MudPaper Outlined="true" Class="pa-4 mt-4 rounded-lg"> <MudPaper Elevation="2" Class="mud-elevation-2 pa-4 mt-4 rounded-xl mud-theme-surface">
<MudText Typo="Typo.subtitle1" Class="mb-3 fw-600">وضعیت حساب</MudText> <MudText Typo="Typo.subtitle1" Class="mb-3 mud-typography-subtitle1">وضعیت حساب</MudText>
<MudStack Spacing="2"> <MudStack Spacing="2">
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center"> <MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" Size="Size.Small" Color="Color.Success" /> <MudIcon Icon="@Icons.Material.Filled.CheckCircle" Size="Size.Small" Color="Color.Success" />