docs: update website

.prettierignore

@@ -1,3 +1,2 @@
-website
 dist
 pnpm-lock.yaml

website/components/Hero.tsx

@@ -1,14 +1,24 @@
+import Link from "next/link";
+
 export function Hero() {
   return (
     <div className="text">
       <div className="text-center mt-10 mb-20 max-w-4xl mx-auto text-balance">
-        <h1 className="text-8xl mb-5 font-semibold font-accent text-transparent bg-clip-text bg-gradient-to-br from-blue-9 to-purple-11">
+        <h1 className="text-[3.4rem] leading-none md:text-8xl mb-5 font-semibold font-accent text-transparent bg-clip-text bg-gradient-to-br from-blue-9 to-purple-11">
           Supercharge React + Tailwind
         </h1>
-        <p className="text-2xl text-low">
+        <p className="text-xl md:text-2xl text-low">
           TWC is a lightweight library to create Tailwind Components in one
           line, write less code and build faster.
         </p>
+        <div className="mt-8 flex justify-center gap-4">
+          <Link
+            className="text-lg rounded-lg text-white ring-1 bg-indigo-9 font-medium px-8 py-3 transition hover:bg-indigo-10"
+            href="/docs/getting-started"
+          >
+            Get started with TWC
+          </Link>
+        </div>
       </div>
     </div>
   );

website/pages/index.mdx

@@ -2,8 +2,8 @@
 title: TWC – Tailwind React Components
 ---
 
+import Link from "next/link";
 import { Hero } from "@/components/Hero";
-import { Bleed } from "nextra-theme-docs";
 
 <Hero />
 
@@ -46,7 +46,18 @@ const Card = twc.div`rounded-lg border bg-slate-100 text-white shadow-sm`;
 
 With just one single line of code, you can create a reusable component with all these amazing features out-of-the-box:
 
-- **Lightweight** and **fast**
-- **Style reuse** using `asChild` prop support
-- **Style all components**, DOM, library based or yours
-- `ref` prop support
+- ⚡️ Lightweight — only 0.65kb
+- ✨ Autocompletion in all editors
+- 🎨 Adapt the style based on props
+- ♻️ Reuse classes with `asChild` prop
+- 🦄 Work with all components
+- 🚀 First-class `tailwind-merge` and `cva` support
+
+<div className="my-8">
+  <Link
+    className="inline-block text-lg rounded-lg text-white border border-indigo-9 font-medium px-4 py-2 transition hover:border-indigo-11"
+    href="/docs/getting-started"
+  >
+    Get started with TWC →
+  </Link>
+</div>