Navigation and Footer

<x-aura::card padding="md">
    <x-aura::flex align="center" justify="between" gap="4">
        <x-aura::flex align="center" width="auto" gap="6">
            <x-aura::avatar initials="AW" size="sm" />
            <x-aura::heading level="3" size="sm">
                Aura Wire
            </x-aura::heading>
            <x-aura::flex align="center" width="auto" gap="4">
                <x-aura::link href="/guest#design-block" size="sm">
                    Components
                </x-aura::link>
                <x-aura::link href="/guest#full-template" size="sm">
                    Templates
                </x-aura::link>
            </x-aura::flex>
        </x-aura::flex>

        <x-aura::flex align="center" width="auto" gap="2.5">
            <x-aura::button variant="secondary" size="sm">
                Login
            </x-aura::button>
            <x-aura::button variant="primary" size="sm">
                Start
            </x-aura::button>
        </x-aura::flex>
    </x-aura::flex>
</x-aura::card>

<x-aura::card padding="xl" gap="8">
    <x-aura::grid cols="1" md="4" gap="8">
        <x-aura::flex direction="col" gap="3">
            <x-aura::heading level="3" size="sm">
                Aura Wire
            </x-aura::heading>
            <x-aura::text variant="subtle" size="sm">
                Crafting UI components for modern Laravel Livewire.
            </x-aura::text>
        </x-aura::flex>
        <!-- Other columns -->
    </x-aura::grid>
</x-aura::card>