feat: add pricing section and hero redesign to homepage
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (8.3) (push) Has been cancelled
tests / ci (8.4) (push) Has been cancelled
tests / ci (8.5) (push) Has been cancelled

This commit is contained in:
Ovidiu U
2026-04-10 11:41:13 +01:00
parent 28d4a9df5c
commit 771f499f36
10 changed files with 438 additions and 187 deletions

View File

@@ -1,28 +1,32 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
{{-- Force light mode before @fluxAppearance reads localStorage --}}
<script>localStorage.setItem('flux_appearance', 'light');</script>
@include('partials.head')
</head>
<body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900">
<div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
<div class="flex w-full max-w-sm flex-col gap-2">
<a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
<span class="flex h-9 w-9 mb-1 items-center justify-center rounded-md">
<x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
</span>
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
<body class="min-h-screen bg-zinc-100 antialiased" x-data x-init="$flux.appearance = 'light'">
<div class="flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
<div class="flex w-full max-w-sm flex-col gap-6">
<a href="{{ route('home') }}" class="flex items-center justify-center gap-3" wire:navigate>
<div class="w-10 h-10 rounded-lg bg-primary flex items-center justify-center shadow-md">
<iconify-icon icon="lucide:fuel" class="text-white text-xl"></iconify-icon>
</div>
<span class="font-display text-2xl font-black tracking-tighter text-primary">FuelAlert</span>
</a>
<div class="flex flex-col gap-6">
<div class="bg-zinc-50 border border-zinc-300 rounded-2xl shadow-sm p-8 flex flex-col gap-6">
{{ $slot }}
</div>
</div>
</div>
@persist('toast')
<flux:toast.group>
<flux:toast />
</flux:toast.group>
@endpersist
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js" defer></script>
@fluxScripts
</body>
</html>

View File

@@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
@include('partials.head', ['title' => $title ?? null])
</head>
<body class="min-h-screen bg-white dark:bg-zinc-900">
<body class="min-h-screen bg-zinc-100">
{{ $slot }}
@persist('toast')
@@ -12,6 +12,7 @@
</flux:toast.group>
@endpersist
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js" defer></script>
@fluxScripts
</body>
</html>