feat: use filament input wrapper for textareas, add alpha callout and preview image, remove redundant introduction page

docs/content/1.getting-started/1.introduction.md

@@ -1,52 +0,0 @@
----
-title: Introduction
-description: A full-featured commenting system for Filament panels.
-navigation:
-  icon: i-lucide-home
-seo:
-  title: Introduction
-  description: Learn about Comments - a full-featured commenting system for Filament panels with threaded replies, @mentions, emoji reactions, and real-time updates.
-  ogImage: /preview.png
----
-
-Welcome to **Comments**, a powerful Laravel package that adds a full-featured commenting system to any Filament panel.
-
-## What is Comments?
-
-Comments provides polymorphic commenting on any Eloquent model with deep Filament integration. Add threaded discussions, @mentions, emoji reactions, file attachments, and real-time notifications to your admin panel with minimal setup.
-
-## Why Choose Comments?
-
-::card-group
-  :::card
-  ---
-  icon: i-lucide-messages-square
-  title: Threaded Discussions
-  ---
-  Nested replies with configurable depth limits keep conversations organized and easy to follow.
-  :::
-
-  :::card
-  ---
-  icon: i-lucide-clock
-  title: Quick Setup
-  ---
-  Add traits to your models, register the plugin, and you have a working comment system in minutes.
-  :::
-
-  :::card
-  ---
-  icon: i-lucide-puzzle
-  title: 3 Integration Patterns
-  ---
-  Use as a slide-over action, table row action, or inline infolist entry - whatever fits your resource.
-  :::
-
-  :::card
-  ---
-  icon: i-lucide-bell
-  title: Built-in Notifications
-  ---
-  Database and mail notifications with subscription management and auto-subscribe for authors and mentioned users.
-  :::
-::

docs/content/index.md

@@ -37,6 +37,14 @@ Drop-in integration with any Filament resource.
   :::
 ::
 
+::callout{icon="i-lucide-triangle-alert" color="amber"}
+**Alpha Software** -- This package is currently in alpha. The API is not stable and breaking changes may occur between releases without prior notice. Do not use in production unless you are prepared to handle upgrades manually.
+::
+
+<div class="max-w-5xl mx-auto mt-8">
+  <img src="/preview.png" alt="Comments - threaded discussions in Filament" class="rounded-lg shadow-lg w-full" />
+</div>
+
 ::u-page-section
 #title
 Why choose Comments?