admin/pos-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement a new marketing-focused home page and refine the main application layout for improved presentation.

Browse Source
This commit is contained in:
Ho Ngoc Hai
2026-01-19 10:00:02 +07:00
parent 31d8e0100c
commit f7889567f2
2 changed files with 88 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor
View File

@@ -6,13 +6,19 @@
<MudSnackbarProvider />
<MudLayout>
<MudAppBar Elevation="0" Class="border-b border-solid mud-border-lines-default">
<MudIconButton Icon="@Icons.Material.Rounded.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@ToggleDrawer" />
<MudText Typo="Typo.h6" Class="ml-3 font-weight-bold">GoodGo</MudText>
<MudAppBar Elevation="0" Class="border-b border-solid mud-border-lines-default" Fixed="true" Style="background-color: var(--bg-primary); backdrop-filter: blur(12px);">
<MudIconButton Icon="@Icons.Material.Rounded.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@ToggleDrawer" Class="d-md-none" />
<MudText Typo="Typo.h6" Class="ml-3 font-weight-bold" Style="font-family: 'Inter', sans-serif;">GoodGo</MudText>
<MudSpacer />
<MudButton Variant="Variant.Text" Color="Color.Inherit" Class="mr-4 d-none d-md-flex">Features</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Inherit" Class="mr-4 d-none d-md-flex">Enterprise</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Inherit" Class="mr-4 d-none d-md-flex">Pricing</MudButton>
<!-- Desktop Navigation -->
<MudStack Row="true" Spacing="4" Class="d-none d-md-flex align-center mr-8">
<MudLink Href="/" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Home</MudLink>
<MudLink Href="/features" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Features</MudLink>
<MudLink Href="/enterprise" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Enterprise</MudLink>
<MudLink Href="/pricing" Color="Color.Inherit" Underline="Underline.None" Class="mud-nav-link px-3 py-2">Pricing</MudLink>
</MudStack>
<MudStack Row="true" Spacing="2">
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" Class="rounded-lg">Sign in</MudButton>
<MudButton Variant="Variant.Filled" Color="Color.Primary" Class="rounded-lg">Download</MudButton>
@@ -23,19 +29,20 @@
OnClick="@ToggleDarkMode" />
</MudAppBar>
<MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="2">
<MudDrawer @bind-Open="_drawerOpen" Variant="@DrawerVariant.Temporary" Elevation="1">
<MudDrawerHeader>
<MudText Typo="Typo.h6">GoodGo</MudText>
</MudDrawerHeader>
<NavMenu />
</MudDrawer>
<MudMainContent Class="pt-16 px-4">
<MudContainer MaxWidth="MaxWidth.Large" Class="my-4">
@Body
</MudContainer>
<MudMainContent Class="pt-16">
@Body
</MudMainContent>
</MudLayout>
@code {
private bool _drawerOpen = true;
private bool _drawerOpen = false;
private bool _isDarkMode = false;
private MudTheme _theme = new()