docs: restore landing page

Author: onmax

docs/app/components/content/landing/LandingHero.vue

@@ -91,17 +91,17 @@ function getCodeBlock(tab: { name: string, code: string }) {
             </div>
 
             <!-- CTA Buttons -->
-            <div class="mt-4 flex w-fit flex-col gap-4 font-sans md:flex-row md:justify-center lg:justify-start items-center">
+            <div class="mt-4 flex w-full max-w-sm items-center gap-3 font-sans min-[390px]:w-fit md:max-w-none md:gap-4 md:justify-center lg:justify-start">
               <NuxtLink
                 to="/getting-started/installation"
-                class="border-2 border-black bg-white px-4 py-1.5 text-sm uppercase text-black shadow-[1px_1px_rgba(0,0,0),2px_2px_rgba(0,0,0),3px_3px_rgba(0,0,0),4px_4px_rgba(0,0,0),5px_5px_0px_0px_rgba(0,0,0)] transition duration-200 md:px-8 hover:shadow-sm dark:border-stone-400 dark:hover:shadow-sm dark:shadow-[1px_1px_rgba(120,113,108),2px_2px_rgba(120,113,108),3px_3px_rgba(120,113,108),4px_4px_rgba(120,113,108),5px_5px_0px_0px_rgba(120,113,108)]"
+                class="shrink-0 border-2 border-black bg-white px-4 py-1.5 text-sm uppercase text-black shadow-[1px_1px_rgba(0,0,0),2px_2px_rgba(0,0,0),3px_3px_rgba(0,0,0),4px_4px_rgba(0,0,0),5px_5px_0px_0px_rgba(0,0,0)] transition duration-200 hover:shadow-sm dark:border-stone-400 dark:hover:shadow-sm dark:shadow-[1px_1px_rgba(120,113,108),2px_2px_rgba(120,113,108),3px_3px_rgba(120,113,108),4px_4px_rgba(120,113,108),5px_5px_0px_0px_rgba(120,113,108)] md:px-8"
               >
                 Get Started
               </NuxtLink>
               <NuxtLink
                 to="https://github.com/onmax/nuxt-better-auth"
                 target="_blank"
-                class="group relative hidden p-px text-xs font-semibold leading-6 text-white no-underline md:inline-block"
+                class="group relative inline-block min-w-0 p-px text-xs font-semibold leading-6 text-white no-underline"
               >
                 <span class="absolute inset-0 overflow-hidden rounded-sm">
                   <span class="absolute inset-0 rounded-sm bg-[image:radial-gradient(75%_100%_at_50%_0%,rgba(56,189,248,0.6)_0%,rgba(56,189,248,0)_75%)] opacity-0 transition-opacity duration-500 group-hover:opacity-100" />
@@ -112,15 +112,6 @@ function getCodeBlock(tab: { name: string, code: string }) {
                 </span>
                 <span class="absolute bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-stone-800/90 to-emerald-400/0 transition-opacity duration-500 group-hover:opacity-40" />
               </NuxtLink>
-              <!-- Mobile GitHub button -->
-              <NuxtLink
-                to="https://github.com/onmax/nuxt-better-auth"
-                target="_blank"
-                class="flex items-center gap-2 rounded-none bg-zinc-950 px-4 py-2 text-xs font-semibold text-white ring-1 ring-white/10 md:hidden"
-              >
-                <UIcon name="i-simple-icons-github" class="size-4" />
-                <span>GitHub</span>
-              </NuxtLink>
             </div>
           </div>
         </div>

docs/content/index.md

@@ -4,70 +4,8 @@ description: Seamless Better Auth integration for Nuxt with automatic route prot
 navigation: false
 ---
 
-Nuxt Better Auth is a Nuxt 4 module that wraps [Better Auth](https://www.better-auth.com/) with Nuxt-native configuration, route protection, SSR-safe session access, and optional NuxtHub schema generation.
+::landing-hero
+::
 
-## Start here
-
-Use the docs in this order if you are setting up the module for the first time:
-
-1. [Quickstart](/getting-started)
-2. [Installation](/getting-started/installation)
-3. [Configuration](/getting-started/configuration)
-4. [Client setup](/getting-started/client-setup)
-5. [Route protection](/core-concepts/route-protection)
-
-You should finish that path with a working `/api/auth/*` backend, a client config, and a login flow that can read session state through `useUserSession()`.
-
-## Choose the right setup
-
-| If you want to... | Start here |
-| --- | --- |
-| Get a database-backed setup running quickly | [NuxtHub](/integrations/nuxthub) |
-| Plug Better Auth into your own database stack | [Custom database](/guides/custom-database) |
-| Reuse an external Better Auth server | [External auth backend](/guides/external-auth-backend) |
-| Avoid a database and accept stateless session tradeoffs | [Database-less mode](/guides/database-less-mode) |
-| Migrate from `nuxt-auth-utils` | [Migration guide](/guides/migrate-from-nuxt-auth-utils) |
-
-## What the module adds on top of Better Auth
-
-- `server/auth.config.ts` and `app/auth.config.ts` helpers
-- auto-imported client and server auth utilities
-- route protection through `routeRules` and page meta
-- SSR-aware session hydration
-- typed `AuthUser` and `AuthSession` inference from your config
-- optional NuxtHub database and schema integration
-
-## Documentation map
-
-### Getting started
-
-- [Quickstart](/getting-started)
-- [Installation](/getting-started/installation)
-- [Configuration](/getting-started/configuration)
-- [Client setup](/getting-started/client-setup)
-- [Type augmentation](/getting-started/type-augmentation)
-- [Schema generation](/getting-started/schema-generation)
-
-### Core concepts
-
-- [Server auth](/core-concepts/server-auth)
-- [Sessions](/core-concepts/sessions)
-- [Route protection](/core-concepts/route-protection)
-- [Auto-imports and aliases](/core-concepts/auto-imports-aliases)
-- [Security and caveats](/core-concepts/security-caveats)
-
-### Guides and integrations
-
-- [Role-based access](/guides/role-based-access)
-- [OAuth providers](/guides/oauth-providers)
-- [Two-factor authentication](/guides/two-factor-auth)
-- [Production deployment](/guides/production-deployment)
-- [NuxtHub](/integrations/nuxthub)
-- [i18n](/integrations/i18n)
-
-### API reference
-
-- [Composables](/api/composables)
-- [Server utilities](/api/server-utils)
-- [Components](/api/components)
-- [Types](/api/types)
+::landing-features
+::