Add development status waring

Author: luzrain

src/components/LandingPage/index.js

@@ -51,6 +51,9 @@ const Index = () => {
                         Powered by the <Link href="https://revolt.run/">Revolt</Link> event loop and built on the <Link href="https://amphp.org/">AMPHP</Link> ecosystem, it brings true asynchronous capabilities to PHP applications.<br/>
                         With its extensible plugin system, PHPStreamServer can replace traditional stacks such as Nginx, PHP-FPM, Cron, and Supervisor.
                     </div>
+                    <div className="p-2 my-4 text-sm max-w-4xl border border-gray-200 dark:border-gray-700 text-gray-800 rounded-(--ifm-code-border-radius) bg-gray-50 dark:bg-gray-800 dark:text-gray-300">
+                        ⚠️ PHPStreamServer is still under active development and not yet considered production-ready. While it already works, it should be treated as experimental when used in live environments.
+                    </div>
                     <div className={styles.buttons}>
                         <Link className={styles.button} to="/docs/general/">
                             Get Started

src/components/LandingPage/index.module.css

@@ -2,7 +2,7 @@
 @custom-variant dark (&:where(html[data-theme="dark"] *));
 
 .heroBanner {
-    @apply px-3 py-[3em] lg:py-[6em];
+    @apply px-3 py-[3em] lg:py-[5em];
     text-align: left;
     position: relative;
     overflow: hidden;
@@ -66,7 +66,7 @@
     display: flex;
     gap: 1.5em;
     align-items: center;
-    margin-top: 3rem;
+    margin-top: 2rem;
     @apply justify-center sm:justify-start;
 }