docs: add Hero image to docs

Author: uhyo

packages/docs/public/FUNSTACK_Static_Hero_small.png

@@ -18,6 +18,14 @@
   margin: 0 auto;
 }
 
+.heroImage {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-xl);
+  margin-bottom: var(--spacing-2xl);
+}
+
 .badge {
   display: inline-flex;
   align-items: center;

packages/docs/src/pages/Home.module.css

@@ -19,6 +19,11 @@ export const Home: React.FC = () => {
       {/* Hero Section */}
       <section className={styles.hero}>
         <div className={styles.heroContent}>
+          <img
+            src={`${import.meta.env.BASE_URL}FUNSTACK_Static_Hero_small.png`}
+            alt="FUNSTACK Static"
+            className={styles.heroImage}
+          />
           <span className={styles.badge}>React Server Components</span>
           <h1 className={styles.title}>SPAs Powered by RSC</h1>
           <p className={styles.subtitle}>