u
This commit is contained in:
@@ -54,7 +54,7 @@
|
|||||||
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">چشمانداز و مأموریت ما</MudText>
|
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">چشمانداز و مأموریت ما</MudText>
|
||||||
<MudGrid Spacing="4" Justify="Justify.Center">
|
<MudGrid Spacing="4" Justify="Justify.Center">
|
||||||
<MudItem xs="12" md="6">
|
<MudItem xs="12" md="6">
|
||||||
<MudPaper Elevation="3" Class="pa-6 rounded-2xl mud-theme-surface text-center h-100">
|
<MudPaper Elevation="3" Class="pa-6 text-center h-100">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Visibility" Size="Size.Large" Color="Color.Primary" Class="mb-4" />
|
<MudIcon Icon="@Icons.Material.Filled.Visibility" Size="Size.Large" Color="Color.Primary" Class="mb-4" />
|
||||||
<MudText Typo="Typo.h5" Class="mb-3">چشمانداز</MudText>
|
<MudText Typo="Typo.h5" Class="mb-3">چشمانداز</MudText>
|
||||||
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" md="6">
|
<MudItem xs="12" md="6">
|
||||||
<MudPaper Elevation="3" Class="pa-6 rounded-2xl mud-theme-surface text-center h-100">
|
<MudPaper Elevation="3" Class="pa-6 text-center h-100">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.TrackChanges" Size="Size.Large" Color="Color.Success" Class="mb-4" />
|
<MudIcon Icon="@Icons.Material.Filled.TrackChanges" Size="Size.Large" Color="Color.Success" Class="mb-4" />
|
||||||
<MudText Typo="Typo.h5" Class="mb-3">مأموریت</MudText>
|
<MudText Typo="Typo.h5" Class="mb-3">مأموریت</MudText>
|
||||||
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
<MudText Typo="Typo.body1" Class="mud-text-secondary">
|
||||||
@@ -81,7 +81,7 @@
|
|||||||
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">ارزشهای ما</MudText>
|
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">ارزشهای ما</MudText>
|
||||||
<MudGrid Spacing="3" Justify="Justify.Center">
|
<MudGrid Spacing="3" Justify="Justify.Center">
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Security" Size="Size.Large" Color="Color.Info" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.Security" Size="Size.Large" Color="Color.Info" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">صداقت و شفافیت</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">صداقت و شفافیت</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -90,7 +90,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Lightbulb" Size="Size.Large" Color="Color.Warning" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.Lightbulb" Size="Size.Large" Color="Color.Warning" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">نوآوری</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">نوآوری</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Group" Size="Size.Large" Color="Color.Success" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.Group" Size="Size.Large" Color="Color.Success" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">مشتریمداری</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">مشتریمداری</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -108,7 +108,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.Verified" Size="Size.Large" Color="Color.Primary" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.Verified" Size="Size.Large" Color="Color.Primary" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">کیفیت</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">کیفیت</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -117,7 +117,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.AccessTime" Size="Size.Large" Color="Color.Secondary" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.AccessTime" Size="Size.Large" Color="Color.Secondary" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">پاسخگویی</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">پاسخگویی</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -126,7 +126,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.EmergencyRecording" Size="Size.Large" Color="Color.Error" Class="mb-3" />
|
<MudIcon Icon="@Icons.Material.Filled.EmergencyRecording" Size="Size.Large" Color="Color.Error" Class="mb-3" />
|
||||||
<MudText Typo="Typo.h6" Class="mb-2">پایداری</MudText>
|
<MudText Typo="Typo.h6" Class="mb-2">پایداری</MudText>
|
||||||
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
<MudText Typo="Typo.body2" Class="mud-text-secondary">
|
||||||
@@ -144,7 +144,7 @@
|
|||||||
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">تیم ما</MudText>
|
<MudText Typo="Typo.h3" Align="Align.Center" Class="mb-8">تیم ما</MudText>
|
||||||
<MudGrid Spacing="4" Justify="Justify.Center">
|
<MudGrid Spacing="4" Justify="Justify.Center">
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="3" Class="pa-4 rounded-2xl mud-theme-surface text-center">
|
<MudPaper Elevation="3" Class="pa-4 text-center">
|
||||||
<MudAvatar Size="Size.Large" Class="mb-3">
|
<MudAvatar Size="Size.Large" Class="mb-3">
|
||||||
<MudImage ObjectFit="ObjectFit.Cover"
|
<MudImage ObjectFit="ObjectFit.Cover"
|
||||||
ObjectPosition="ObjectPosition.Center"
|
ObjectPosition="ObjectPosition.Center"
|
||||||
@@ -158,7 +158,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="3" Class="pa-4 rounded-2xl mud-theme-surface text-center">
|
<MudPaper Elevation="3" Class="pa-4 text-center">
|
||||||
<MudAvatar Size="Size.Large" Class="mb-3">
|
<MudAvatar Size="Size.Large" Class="mb-3">
|
||||||
<MudImage ObjectFit="ObjectFit.Cover"
|
<MudImage ObjectFit="ObjectFit.Cover"
|
||||||
ObjectPosition="ObjectPosition.Center"
|
ObjectPosition="ObjectPosition.Center"
|
||||||
@@ -172,7 +172,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="3" Class="pa-4 rounded-2xl mud-theme-surface text-center">
|
<MudPaper Elevation="3" Class="pa-4 text-center">
|
||||||
<MudAvatar Size="Size.Large" Class="mb-3">
|
<MudAvatar Size="Size.Large" Class="mb-3">
|
||||||
<MudImage ObjectFit="ObjectFit.Cover"
|
<MudImage ObjectFit="ObjectFit.Cover"
|
||||||
ObjectPosition="ObjectPosition.Center"
|
ObjectPosition="ObjectPosition.Center"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<MudGrid Spacing="4">
|
<MudGrid Spacing="4">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<MudItem xs="12">
|
<MudItem xs="12">
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3">
|
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.ShoppingCart" Size="Size.Large" Color="Color.Primary" />
|
<MudIcon Icon="@Icons.Material.Filled.ShoppingCart" Size="Size.Large" Color="Color.Primary" />
|
||||||
@@ -23,7 +23,7 @@
|
|||||||
<MudItem xs="12" md="8">
|
<MudItem xs="12" md="8">
|
||||||
<MudStack>
|
<MudStack>
|
||||||
<!-- Package Details -->
|
<!-- Package Details -->
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudText Typo="Typo.h5" Class="mb-4 fw-600">جزئیات پکیج</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4 fw-600">جزئیات پکیج</MudText>
|
||||||
|
|
||||||
@if (_selectedPackage != null)
|
@if (_selectedPackage != null)
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
|
|
||||||
<!-- Address Selection -->
|
<!-- Address Selection -->
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudText Typo="Typo.h5" Class="mb-4 fw-600">انتخاب آدرس</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4 fw-600">انتخاب آدرس</MudText>
|
||||||
|
|
||||||
@if (_isLoadingAddresses)
|
@if (_isLoadingAddresses)
|
||||||
@@ -128,7 +128,7 @@
|
|||||||
<MudItem xs="12" md="4">
|
<MudItem xs="12" md="4">
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
<!-- Discount Code Section -->
|
<!-- Discount Code Section -->
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudText Typo="Typo.h5" Class="mb-4 fw-600">کد تخفیف</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4 fw-600">کد تخفیف</MudText>
|
||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Stretch">
|
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Stretch">
|
||||||
@@ -156,7 +156,7 @@
|
|||||||
<!-- Order Summary -->
|
<!-- Order Summary -->
|
||||||
@if (_selectedPackage != null)
|
@if (_selectedPackage != null)
|
||||||
{
|
{
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudText Typo="Typo.h5" Class="mb-4 fw-600">خلاصه سفارش</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4 fw-600">خلاصه سفارش</MudText>
|
||||||
|
|
||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
|
|||||||
@@ -25,7 +25,7 @@
|
|||||||
<MudGrid Spacing="6">
|
<MudGrid Spacing="6">
|
||||||
<!-- Contact Form -->
|
<!-- Contact Form -->
|
||||||
<MudItem xs="12" lg="8">
|
<MudItem xs="12" lg="8">
|
||||||
<MudPaper Elevation="3" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-6">
|
||||||
<MudText Typo="Typo.h5" Class="mb-6">فرم تماس</MudText>
|
<MudText Typo="Typo.h5" Class="mb-6">فرم تماس</MudText>
|
||||||
|
|
||||||
<MudForm @ref="_form" Model="_contactForm">
|
<MudForm @ref="_form" Model="_contactForm">
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
<MudItem xs="12" lg="4">
|
<MudItem xs="12" lg="4">
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
<!-- Contact Details -->
|
<!-- Contact Details -->
|
||||||
<MudPaper Elevation="3" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-6">
|
||||||
<MudText Typo="Typo.h6" Class="mb-4">اطلاعات تماس</MudText>
|
<MudText Typo="Typo.h6" Class="mb-4">اطلاعات تماس</MudText>
|
||||||
|
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
@@ -168,7 +168,7 @@
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
|
|
||||||
<!-- Social Media -->
|
<!-- Social Media -->
|
||||||
<MudPaper Elevation="3" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-6">
|
||||||
<MudText Typo="Typo.h6" Class="mb-4">شبکههای اجتماعی</MudText>
|
<MudText Typo="Typo.h6" Class="mb-4">شبکههای اجتماعی</MudText>
|
||||||
|
|
||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
@@ -220,7 +220,7 @@
|
|||||||
<MudContainer MaxWidth="MaxWidth.Large">
|
<MudContainer MaxWidth="MaxWidth.Large">
|
||||||
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-8">موقعیت مکانی</MudText>
|
<MudText Typo="Typo.h4" Align="Align.Center" Class="mb-8">موقعیت مکانی</MudText>
|
||||||
|
|
||||||
<MudPaper Elevation="3" Class="pa-4 rounded-2xl overflow-hidden">
|
<MudPaper Elevation="3" Class="pa-4 overflow-hidden">
|
||||||
<!-- Placeholder for Map -->
|
<!-- Placeholder for Map -->
|
||||||
<div style="height: 400px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center;">
|
<div style="height: 400px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center;">
|
||||||
<MudStack AlignItems="AlignItems.Center" Spacing="3">
|
<MudStack AlignItems="AlignItems.Center" Spacing="3">
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
</MudText>
|
</MudText>
|
||||||
|
|
||||||
<!-- Search Box -->
|
<!-- Search Box -->
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-2xl w-100" Style="max-width: 500px;">
|
<MudPaper Elevation="2" Class="pa-4 w-100" Style="max-width: 500px;">
|
||||||
<MudTextField @bind-Value="_searchQuery"
|
<MudTextField @bind-Value="_searchQuery"
|
||||||
Label="جستجو در سوالات..."
|
Label="جستجو در سوالات..."
|
||||||
Variant="Variant.Outlined"
|
Variant="Variant.Outlined"
|
||||||
@@ -40,7 +40,7 @@
|
|||||||
@foreach (var category in _categories)
|
@foreach (var category in _categories)
|
||||||
{
|
{
|
||||||
<MudItem xs="12" sm="6" md="4">
|
<MudItem xs="12" sm="6" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface cursor-pointer h-100"
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl cursor-pointer h-100"
|
||||||
OnClick="() => ScrollToCategory(category.Id)">
|
OnClick="() => ScrollToCategory(category.Id)">
|
||||||
<MudStack AlignItems="AlignItems.Center" Spacing="3">
|
<MudStack AlignItems="AlignItems.Center" Spacing="3">
|
||||||
<MudIcon Icon="@category.Icon" Size="Size.Large" Color="Color.Primary" />
|
<MudIcon Icon="@category.Icon" Size="Size.Large" Color="Color.Primary" />
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
<MudText Typo="Typo.h5" Class="mb-4">نتایج جستجو برای "@_searchQuery"</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4">نتایج جستجو برای "@_searchQuery"</MudText>
|
||||||
@if (_filteredQuestions.Any())
|
@if (_filteredQuestions.Any())
|
||||||
{
|
{
|
||||||
<MudExpansionPanels Square="false" Class="rounded-2xl">
|
<MudExpansionPanels Square="false" Class="">
|
||||||
@foreach (var question in _filteredQuestions)
|
@foreach (var question in _filteredQuestions)
|
||||||
{
|
{
|
||||||
<MudExpansionPanel Text="@question.Question">
|
<MudExpansionPanel Text="@question.Question">
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
<MudStack Spacing="4" Class="mb-8">
|
<MudStack Spacing="4" Class="mb-8">
|
||||||
<div id="@category.Id">
|
<div id="@category.Id">
|
||||||
<MudText Typo="Typo.h5" Class="mb-4">@category.Title</MudText>
|
<MudText Typo="Typo.h5" Class="mb-4">@category.Title</MudText>
|
||||||
<MudExpansionPanels Square="false" Class="rounded-2xl">
|
<MudExpansionPanels Square="false" Class="">
|
||||||
@foreach (var question in category.Questions)
|
@foreach (var question in category.Questions)
|
||||||
{
|
{
|
||||||
<MudExpansionPanel Text="@question.Question">
|
<MudExpansionPanel Text="@question.Question">
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
<!-- Contact Support -->
|
<!-- Contact Support -->
|
||||||
<section class="py-12 bg-grey-50">
|
<section class="py-12 bg-grey-50">
|
||||||
<MudContainer MaxWidth="MaxWidth.Large">
|
<MudContainer MaxWidth="MaxWidth.Large">
|
||||||
<MudPaper Elevation="3" Class="pa-8 rounded-2xl mud-theme-surface text-center">
|
<MudPaper Elevation="3" Class="pa-8 text-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.ContactSupport" Size="Size.Large" Color="Color.Primary" Class="mb-4" />
|
<MudIcon Icon="@Icons.Material.Filled.ContactSupport" Size="Size.Large" Color="Color.Primary" Class="mb-4" />
|
||||||
<MudText Typo="Typo.h4" Class="mb-3">سوال شما پاسخ داده نشد؟</MudText>
|
<MudText Typo="Typo.h4" Class="mb-3">سوال شما پاسخ داده نشد؟</MudText>
|
||||||
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-6">
|
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-6">
|
||||||
|
|||||||
@@ -240,25 +240,25 @@
|
|||||||
<MudStack>
|
<MudStack>
|
||||||
<MudGrid Spacing="4" Justify="Justify.SpaceAround">
|
<MudGrid Spacing="4" Justify="Justify.SpaceAround">
|
||||||
<MudItem xs="6">
|
<MudItem xs="6">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl ">
|
||||||
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Success">+۵۰٪</MudText>
|
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Success">+۵۰٪</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">
|
<MudItem xs="6">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Primary">۹۹٫۹٪</MudText>
|
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Primary">۹۹٫۹٪</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">
|
<MudItem xs="6">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Warning">۳ روز</MudText>
|
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Warning">۳ روز</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">
|
<MudItem xs="6">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface text-center">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl text-center">
|
||||||
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Secondary">+۲۰ کشور</MudText>
|
<MudText Typo="Typo.h4" Align="Align.Center" Color="Color.Secondary">+۲۰ کشور</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>
|
||||||
@@ -283,7 +283,7 @@
|
|||||||
</MudText>
|
</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="4" Class="rounded-2xl pa-5 mud-theme-surface">
|
<MudPaper Elevation="4" Class=" pa-5 ">
|
||||||
<MudStack Spacing="2">
|
<MudStack Spacing="2">
|
||||||
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
||||||
<MudAvatar>
|
<MudAvatar>
|
||||||
@@ -304,7 +304,7 @@
|
|||||||
</MudItem>
|
</MudItem>
|
||||||
|
|
||||||
<MudItem xs="12" md="6">
|
<MudItem xs="12" md="6">
|
||||||
<MudPaper Elevation="4" Class="rounded-2xl pa-5 mud-theme-surface">
|
<MudPaper Elevation="4" Class=" pa-5 ">
|
||||||
<MudStack Spacing="2">
|
<MudStack Spacing="2">
|
||||||
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
||||||
<MudAvatar>
|
<MudAvatar>
|
||||||
@@ -338,7 +338,7 @@
|
|||||||
پاسخ به سوالات رایج شما.
|
پاسخ به سوالات رایج شما.
|
||||||
</MudText>
|
</MudText>
|
||||||
<div class="mx-auto max-w-800">
|
<div class="mx-auto max-w-800">
|
||||||
<MudExpansionPanels Square="false" Class="rounded-2xl mud-theme-surface">
|
<MudExpansionPanels Square="false" Class=" ">
|
||||||
@foreach (var q in _faqs)
|
@foreach (var q in _faqs)
|
||||||
{
|
{
|
||||||
<MudExpansionPanel Text="@q.Q">
|
<MudExpansionPanel Text="@q.Q">
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ else
|
|||||||
<MudGrid Spacing="4">
|
<MudGrid Spacing="4">
|
||||||
<!-- Sidebar (Mobile First) -->
|
<!-- Sidebar (Mobile First) -->
|
||||||
<MudItem xs="12" lg="4" Class="order-1 order-lg-2">
|
<MudItem xs="12" lg="4" Class="order-1 order-lg-2">
|
||||||
<MudPaper Elevation="2" Class="pa-6 rounded-2xl mud-theme-surface sticky-top">
|
<MudPaper Elevation="2" Class="pa-6 sticky-top">
|
||||||
<MudStack Class="mb-4">
|
<MudStack Class="mb-4">
|
||||||
<!-- Package Image -->
|
<!-- Package Image -->
|
||||||
<MudPaper Class="pa-2 rounded-xl" Style="background: radial-gradient(600px 280px at 120% 0, #daccff 0, transparent 60%), radial-gradient(600px 280px at -10% 100%, #ffe2f2 0, transparent 60%), linear-gradient(180deg, #fff, #fbfaff);">
|
<MudPaper Class="pa-2 rounded-xl" Style="background: radial-gradient(600px 280px at 120% 0, #daccff 0, transparent 60%), radial-gradient(600px 280px at -10% 100%, #ffe2f2 0, transparent 60%), linear-gradient(180deg, #fff, #fbfaff);">
|
||||||
@@ -102,7 +102,7 @@ else
|
|||||||
|
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
<MudItem xs="12" lg="8" Class="order-2 order-lg-1">
|
<MudItem xs="12" lg="8" Class="order-2 order-lg-1">
|
||||||
<MudPaper Elevation="2" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="2" Class="pa-6">
|
||||||
<!-- Package Header -->
|
<!-- Package Header -->
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
|
|
||||||
@@ -136,7 +136,7 @@ else
|
|||||||
</MudPaper>
|
</MudPaper>
|
||||||
|
|
||||||
<!-- Reviews Section -->
|
<!-- Reviews Section -->
|
||||||
<MudPaper Elevation="2" Class="pa-6 rounded-2xl mud-theme-surface mt-4">
|
<MudPaper Elevation="2" Class="pa-6 mt-4">
|
||||||
|
|
||||||
<!-- Comment Submission Form (only for authenticated users) -->
|
<!-- Comment Submission Form (only for authenticated users) -->
|
||||||
@if (_isAuthenticated)
|
@if (_isAuthenticated)
|
||||||
@@ -226,7 +226,7 @@ else
|
|||||||
@foreach (var relatedPackage in _relatedPackages)
|
@foreach (var relatedPackage in _relatedPackages)
|
||||||
{
|
{
|
||||||
<MudItem xs="12" md="4">
|
<MudItem xs="12" md="4">
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-2xl d-flex flex-column h-100 cursor-pointer"
|
<MudPaper Elevation="2" Class="pa-4 d-flex flex-column h-100 cursor-pointer"
|
||||||
OnClick="() => NavigateToPackage(relatedPackage.Id)">
|
OnClick="() => NavigateToPackage(relatedPackage.Id)">
|
||||||
<MudImage Src="@relatedPackage.Image"
|
<MudImage Src="@relatedPackage.Image"
|
||||||
Alt="@relatedPackage.Title"
|
Alt="@relatedPackage.Title"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<MudGrid Spacing="4">
|
<MudGrid Spacing="4">
|
||||||
<!-- Profile Header -->
|
<!-- Profile Header -->
|
||||||
<MudItem xs="12">
|
<MudItem xs="12">
|
||||||
<MudPaper Elevation="4" Class="pa-6 rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class="pa-6">
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
<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">
|
||||||
@@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
<!-- Profile Content -->
|
<!-- Profile Content -->
|
||||||
<MudItem xs="12">
|
<MudItem xs="12">
|
||||||
<MudPaper Elevation="4" Class="rounded-2xl mud-theme-surface">
|
<MudPaper Elevation="4" Class=" ">
|
||||||
<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">
|
||||||
@@ -135,7 +135,7 @@
|
|||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
@foreach (var address in _addresses)
|
@foreach (var address in _addresses)
|
||||||
{
|
{
|
||||||
<MudPaper Elevation="2" Class="pa-4 rounded-xl mud-theme-surface" Outlined="true">
|
<MudPaper Elevation="2" Class="pa-4 rounded-xl " Outlined="true">
|
||||||
<MudStack Spacing="3">
|
<MudStack Spacing="3">
|
||||||
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Start">
|
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Start">
|
||||||
<MudStack Spacing="1">
|
<MudStack Spacing="1">
|
||||||
@@ -252,7 +252,7 @@
|
|||||||
|
|
||||||
<MudGrid Spacing="3">
|
<MudGrid Spacing="3">
|
||||||
<MudItem xs="12" md="6" lg="3">
|
<MudItem xs="12" md="6" lg="3">
|
||||||
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl ">
|
||||||
<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">@_userProfile.JoinDate</MudText>
|
<MudText Typo="Typo.h4">@_userProfile.JoinDate</MudText>
|
||||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">تاریخ عضویت</MudText>
|
<MudText Typo="Typo.caption" Class="mud-text-secondary">تاریخ عضویت</MudText>
|
||||||
@@ -260,7 +260,7 @@
|
|||||||
</MudItem>
|
</MudItem>
|
||||||
|
|
||||||
<MudItem xs="12" md="6" lg="3">
|
<MudItem xs="12" md="6" lg="3">
|
||||||
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl ">
|
||||||
<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">@_userProfile.LastLogin</MudText>
|
<MudText Typo="Typo.h4">@_userProfile.LastLogin</MudText>
|
||||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">آخرین ورود</MudText>
|
<MudText Typo="Typo.caption" Class="mud-text-secondary">آخرین ورود</MudText>
|
||||||
@@ -268,7 +268,7 @@
|
|||||||
</MudItem>
|
</MudItem>
|
||||||
|
|
||||||
<MudItem xs="12" md="6" lg="3">
|
<MudItem xs="12" md="6" lg="3">
|
||||||
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl ">
|
||||||
<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">@_userProfile.TotalReferrals</MudText>
|
<MudText Typo="Typo.h4">@_userProfile.TotalReferrals</MudText>
|
||||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">معرفها</MudText>
|
<MudText Typo="Typo.caption" Class="mud-text-secondary">معرفها</MudText>
|
||||||
@@ -276,7 +276,7 @@
|
|||||||
</MudItem>
|
</MudItem>
|
||||||
|
|
||||||
<MudItem xs="12" md="6" lg="3">
|
<MudItem xs="12" md="6" lg="3">
|
||||||
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl mud-theme-surface">
|
<MudPaper Elevation="3" Class="pa-4 text-center rounded-xl ">
|
||||||
<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">@_userProfile.Level</MudText>
|
<MudText Typo="Typo.h4">@_userProfile.Level</MudText>
|
||||||
<MudText Typo="Typo.caption" Class="mud-text-secondary">سطح کاربری</MudText>
|
<MudText Typo="Typo.caption" Class="mud-text-secondary">سطح کاربری</MudText>
|
||||||
@@ -285,7 +285,7 @@
|
|||||||
</MudGrid>
|
</MudGrid>
|
||||||
|
|
||||||
<!-- Account Status -->
|
<!-- Account Status -->
|
||||||
<MudPaper Elevation="2" Class="pa-4 mt-4 rounded-xl mud-theme-surface">
|
<MudPaper Elevation="2" Class="pa-4 mt-4 rounded-xl ">
|
||||||
<MudText Typo="Typo.subtitle1" Class="mb-3">وضعیت حساب</MudText>
|
<MudText Typo="Typo.subtitle1" Class="mb-3">وضعیت حساب</MudText>
|
||||||
<MudStack Spacing="2">
|
<MudStack Spacing="2">
|
||||||
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
<MudStack Row="true" Spacing="2" AlignItems="AlignItems.Center">
|
||||||
|
|||||||
Reference in New Issue
Block a user