docs(/headless/introduction): improve intro

Author: maiieul

apps/website/src/routes/docs/headless/introduction/index.mdx

@@ -6,14 +6,7 @@ import headlessHero from '/public/images/qwik-ui-headless-hero.webp';
 
 # Headless kit
 
-<div class="text-muted-foreground mb-4 mt-[-8px] text-xl font-semibold">
-  A headless component library of unstyled, accessible, and resumable components for the
-  most creative minds.
-</div>
-
-Qwik UI Headless Kit provides a complete set of totally customizable components with built-in structure, behavior, and state. This library serves as a foundation of your design system, providing the missing or non-existent functionality from native solutions.
-
-It gives you, the developer, more time to focus on what matters most, building your awesome app! Apply your favorite styling technology, CSS-in-JS, Tailwind CSS, or whatever floats your boat. Add just a few _ad hoc_ styles or implement a full-on design system, Qwik UI Headless makes it easy.
+Taking inspiration from popular headless libraries such as [Headless UI](https://headlessui.com/), [Radix UI](https://www.radix-ui.com/primitives/docs/components/accordion), [React Aria](https://react-spectrum.adobe.com/react-aria/components.html), [Kobalte](https://kobalte.dev/docs/core/overview/introduction), and [Melt UI](https://melt-ui.com/docs/builders/accordion), the headless kit is a library of completely unstyled, accessible, and resumable components with built-in structure, behavior, and state. Use it to build your design system from scratch with any of the tools you want.
 
 <Note status="warning">
   Qwik UI is in its **beta** phase - it's like a roller coaster, thrilling and full of