u
This commit is contained in:
MeysamMoghaddam
@@ -0,0 +1,152 @@
|
||||
@inject ISnackbar Snackbar
|
||||
|
||||
<footer class="footer-section">
|
||||
<MudContainer MaxWidth="MaxWidth.Large" Class="py-12">
|
||||
<!-- Main Footer Content -->
|
||||
<MudGrid Spacing="4" Class="mb-8">
|
||||
<!-- Company Info -->
|
||||
<MudItem xs="12" md="4">
|
||||
<MudStack Spacing="3">
|
||||
<div class="d-flex align-center gap-2 mb-2">
|
||||
<MudImage ObjectFit="ObjectFit.Cover"
|
||||
ObjectPosition="ObjectPosition.Center"
|
||||
Width="40"
|
||||
Height="40"
|
||||
Class="rounded-circle"
|
||||
Src="favicon.png" />
|
||||
<MudText Typo="Typo.h5" Class="fw-700">فرصت</MudText>
|
||||
</div>
|
||||
<MudText Typo="Typo.body2" Class="footer-description">
|
||||
پلتفرم هوشمند ساخت شبکههای فروش و MLM با امکانات پیشرفته مدیریت تیم، محاسبه کارمزد و گزارشگیری جامع.
|
||||
</MudText>
|
||||
<MudStack Row="true" Spacing="2" Class="social-links">
|
||||
<MudIconButton Icon="@Icons.Custom.Brands.Telegram"
|
||||
Color="Color.Inherit"
|
||||
Size="Size.Medium"
|
||||
Class="social-icon"
|
||||
Href="https://t.me/foursat"
|
||||
Target="_blank" />
|
||||
<MudIconButton Icon="@Icons.Custom.Brands.Instagram"
|
||||
Color="Color.Inherit"
|
||||
Size="Size.Medium"
|
||||
Class="social-icon"
|
||||
Href="https://instagram.com/foursat"
|
||||
Target="_blank" />
|
||||
<MudIconButton Icon="@Icons.Custom.Brands.LinkedIn"
|
||||
Color="Color.Inherit"
|
||||
Size="Size.Medium"
|
||||
Class="social-icon"
|
||||
Href="https://linkedin.com/company/foursat"
|
||||
Target="_blank" />
|
||||
<MudIconButton Icon="@Icons.Custom.Brands.WhatsApp"
|
||||
Color="Color.Inherit"
|
||||
Size="Size.Medium"
|
||||
Class="social-icon"
|
||||
Href="https://wa.me/989123456789"
|
||||
Target="_blank" />
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<MudItem xs="12" sm="6" md="2">
|
||||
<MudStack Spacing="2">
|
||||
<MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">دسترسی سریع</MudText>
|
||||
<MudLink Href="#features" Class="footer-link">امکانات</MudLink>
|
||||
<MudLink Href="#pricing" Class="footer-link">قیمتها</MudLink>
|
||||
<MudLink Href="#faq" Class="footer-link">سوالات متداول</MudLink>
|
||||
<MudLink Href="#contact" Class="footer-link">ارتباط با ما</MudLink>
|
||||
<MudLink Href="/auth/phone" Class="footer-link">ورود</MudLink>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
|
||||
<!-- Services -->
|
||||
<MudItem xs="12" sm="6" md="2">
|
||||
<MudStack Spacing="2">
|
||||
<MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">خدمات</MudText>
|
||||
<MudLink Href="#" Class="footer-link">پکیج استارتر</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">پکیج رشد</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">پکیج اسکیل</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">مشاوره رایگان</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">پشتیبانی فنی</MudLink>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
|
||||
<!-- Support -->
|
||||
<MudItem xs="12" sm="6" md="2">
|
||||
<MudStack Spacing="2">
|
||||
<MudText Typo="Typo.subtitle1" Class="fw-700 footer-title">پشتیبانی</MudText>
|
||||
<MudLink Href="#" Class="footer-link">مرکز راهنمایی</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">آموزشها</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">وبلاگ</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">تماس با ما</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">گزارش مشکل</MudLink>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
|
||||
<!-- Contact Info -->
|
||||
<MudItem xs="12" sm="6" md="2">
|
||||
<MudStack Spacing="2">
|
||||
<MudText Typo="Typo.subtitle1" Class="fw-700 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>
|
||||
</div>
|
||||
<div class="d-flex align-center gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Email" Size="Size.Small" />
|
||||
<MudText Typo="Typo.body2" Class="footer-contact">info@foursat.co</MudText>
|
||||
</div>
|
||||
<div class="d-flex align-start gap-2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.LocationOn" Size="Size.Small" Class="mt-1" />
|
||||
<MudText Typo="Typo.body2" Class="footer-contact">
|
||||
تهران، خیابان ولیعصر، پلاک ۱۲۳۴
|
||||
</MudText>
|
||||
</div>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<!-- Newsletter Subscription -->
|
||||
<MudDivider Class="my-6" />
|
||||
<MudGrid Justify="Justify.Center" Class="mb-6">
|
||||
<MudItem xs="12" md="8" lg="6">
|
||||
<MudPaper Elevation="2" Class="pa-4 rounded-2xl newsletter-section">
|
||||
<MudText Typo="Typo.h6" Class="fw-700 mb-2" Align="Align.Center">عضویت در خبرنامه</MudText>
|
||||
<MudText Typo="Typo.body2" Class="mb-3" Align="Align.Center">
|
||||
از آخرین اخبار، آموزشها و تخفیفهای ویژه باخبر شوید
|
||||
</MudText>
|
||||
<MudStack Row="true" Spacing="2" Justify="Justify.Center" Class="newsletter-form">
|
||||
<MudTextField @bind-Value="_newsletterEmail"
|
||||
Placeholder="آدرس ایمیل شما"
|
||||
Variant="Variant.Outlined"
|
||||
Class="flex-grow-1"
|
||||
Style="max-width: 300px;" />
|
||||
<MudButton Color="Color.Primary"
|
||||
Variant="Variant.Filled"
|
||||
OnClick="SubscribeNewsletter"
|
||||
Class="newsletter-btn">
|
||||
عضویت
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<!-- Bottom Footer -->
|
||||
<MudDivider Class="mb-4" />
|
||||
<MudGrid Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
|
||||
<MudItem xs="12" md="6">
|
||||
<MudText Typo="Typo.body2" Class="footer-copyright">
|
||||
© @DateTime.Now.Year فرصت. تمامی حقوق محفوظ است.
|
||||
</MudText>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="6">
|
||||
<MudStack Row="true" Spacing="3" Justify="Justify.FlexEnd" Class="footer-legal">
|
||||
<MudLink Href="#" Class="footer-link">حریم خصوصی</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">شرایط استفاده</MudLink>
|
||||
<MudLink Href="#" Class="footer-link">قوانین</MudLink>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudContainer>
|
||||
</footer>
|
||||
Reference in New Issue
Block a user