u
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user