docs: fix landing page layout with Nuxt UI Pro section components

The home page was edge-to-edge with zero horizontal margin because it
used generic Prose ::card-group and plain headings, none of which carry
the landing-page container constraints. Nuxt UI Pro provides dedicated
layout components for exactly this, and Docus's own index.md uses them.

Rewrite docs/content/index.md to mirror the Docus landing pattern:

- ::u-page-hero wraps the title, description, and CTA buttons, giving
  the hero the standard max-w + mx-auto + responsive px-* container.
- ::u-page-section wraps each content block so sections pick up the
  same container and the consistent py-16 / sm:py-24 / lg:py-32 vertical
  rhythm other Docus sites use.
- :::u-page-grid + ::::u-page-card replace the Prose card-group so the
  four package cards get the proper spotlight + grid layout with
  col-span-2 lg:col-span-1 for 2x2-on-small, 4-across-on-large.
- Hero CTAs (Get started, Star on GitHub) use :::u-button inside the
  #links slot.

Verified in the built HTML: the rendered page now has the
max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8 container on
every section, instead of edge-to-edge content.

The MDC named-slot markers (#title, #description, #links) look like
ATX headings to eslint-plugin-markdown, so the file disables
markdown/no-missing-atx-heading-space at the top. This matches the
upstream Docus content and is the same escape hatch their docs use.

Author: amondnet

docs/content/index.md

@@ -1,56 +1,115 @@
 ---
-title: PleaseAI Code Style
-description: Shared code style configurations for PleaseAI projects.
+seo:
+  title: PleaseAI Code Style
+  description: Shared ESLint, Prettier, and EditorConfig configurations for consistent code style across PleaseAI projects.
 navigation: false
 ---
 
-# PleaseAI Code Style
+<!-- eslint-disable markdown/no-missing-atx-heading-space -->
 
-Shared ESLint, Prettier, and EditorConfig configurations for consistent code style across PleaseAI projects — plus a CLI that wires them all up in one command.
+::u-page-hero
+#title
+PleaseAI Code Style
 
-## Packages
+#description
+Shared ESLint, Prettier, and EditorConfig configurations for consistent code style across PleaseAI projects — plus a CLI that wires them up in one command.
 
-:::card-group
-  ::card
+#links
+  :::u-button
   ---
-  title: ESLint Config
-  icon: i-lucide-shield-check
-  to: /eslint-config
-  ---
-  Opinionated ESLint flat config built on top of `@antfu/eslint-config`.
-  ::
-
-  ::card
-  ---
-  title: Prettier Config
-  icon: i-lucide-paintbrush
-  to: /prettier-config
-  ---
-  Shared Prettier configuration for consistent formatting.
-  ::
-
-  ::card
-  ---
-  title: EditorConfig
-  icon: i-lucide-file-cog
-  to: /editorconfig
+  color: neutral
+  size: xl
+  to: /cli
+  trailing-icon: i-lucide-arrow-right
   ---
-  Shared `.editorconfig` for consistent editor settings.
-  ::
+  Get started
+  :::
 
-  ::card
+  :::u-button
   ---
-  title: CLI
-  icon: i-lucide-terminal
-  to: /cli
+  color: neutral
+  icon: i-simple-icons-github
+  size: xl
+  target: _blank
+  to: https://github.com/pleaseai/code-style
+  variant: outline
   ---
-  One-command setup for eslint, prettier, editorconfig, and the `AGENTS.md` rules block.
-  ::
-:::
-
-## Quick Start
-
-The fastest path is the CLI — it installs the packages and writes the config files for you:
+  Star on GitHub
+  :::
+::
+
+::u-page-section
+#title
+Packages
+
+#description
+Everything you need for consistent code style, shipped as focused packages.
+
+  :::u-page-grid
+    ::::u-page-card
+    ---
+    class: col-span-2 lg:col-span-1
+    icon: i-lucide-shield-check
+    spotlight: true
+    to: /eslint-config
+    ---
+    #title
+    ESLint Config
+
+    #description
+    Opinionated ESLint flat config built on top of `@antfu/eslint-config`.
+    ::::
+
+    ::::u-page-card
+    ---
+    class: col-span-2 lg:col-span-1
+    icon: i-lucide-paintbrush
+    spotlight: true
+    to: /prettier-config
+    ---
+    #title
+    Prettier Config
+
+    #description
+    Shared Prettier configuration for consistent formatting.
+    ::::
+
+    ::::u-page-card
+    ---
+    class: col-span-2 lg:col-span-1
+    icon: i-lucide-file-cog
+    spotlight: true
+    to: /editorconfig
+    ---
+    #title
+    EditorConfig
+
+    #description
+    Shared `.editorconfig` for consistent editor settings.
+    ::::
+
+    ::::u-page-card
+    ---
+    class: col-span-2 lg:col-span-1
+    icon: i-lucide-terminal
+    spotlight: true
+    to: /cli
+    ---
+    #title
+    CLI
+
+    #description
+    One-command setup for eslint, prettier, editorconfig, and the `AGENTS.md` rules block.
+    ::::
+  :::
+::
+
+::u-page-section
+#title
+Quick Start
+
+#description
+The fastest path is the CLI — it installs the packages and writes the config files for you.
 
 :::code-group
 ```bash [bun]
@@ -87,3 +146,4 @@ import pleaseai from '@pleaseai/eslint-config'
 
 export default pleaseai()
 ```
+::