improve page ux

Author: Thomas Stromberg

src/assets/css/style.css

@@ -40,11 +40,17 @@
     /* Brand Colors - Brutalist Design */
     --yellow: #ffe838;
     --yellow-dark: #eab308;
+    --yellow-alt: #fef08a;
     --cyan: #5ce1e6;
     --black: #000000;
     --white: #ffffff;
     --gray-50: #fafaf9;
     --gray-100: #f5f5f4;
+    --gray-200: #e7e5e4;
+    --gray-300: #d6d3d1;
+    --gray-400: #a8a29e;
+    --gray-500: #78716c;
+    --gray-600: #57534e;
     --gray-700: #44403c;
     --gray-800: #292524;
     --gray-900: #1c1917;
@@ -53,6 +59,11 @@
 
     /* Spacing - 8px base, use multiples */
     --space: 8px;
+    --space-2: 16px;
+    --space-4: 32px;
+
+    /* Layout */
+    --max-width: 1200px;
 
     /* Brutalist Border Radius */
     --radius: 16px;
@@ -6260,6 +6271,59 @@ hr.text-separator {
     }
 }
 
+/* reviewGOOSE Coming Soon */
+.rg-coming-soon {
+    padding: calc(var(--space) * 8) calc(var(--space) * 3);
+    background: var(--gray-100);
+    border-top: 2px solid var(--black);
+    border-bottom: 2px solid var(--black);
+}
+
+.rg-coming-soon__container {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.rg-coming-soon__content {
+    text-align: center;
+}
+
+.rg-coming-soon__title {
+    font-size: clamp(28px, 3vw, 36px);
+    font-weight: 900;
+    color: var(--black);
+    margin-bottom: calc(var(--space) * 3);
+}
+
+.rg-coming-soon__text {
+    font-size: clamp(16px, 1vw + 14px, 18px);
+    line-height: var(--leading);
+    color: var(--gray-700);
+    margin-bottom: calc(var(--space) * 2);
+}
+
+.rg-coming-soon__button {
+    display: inline-flex;
+    align-items: center;
+    padding: calc(var(--space) * 2) calc(var(--space) * 4);
+    font-weight: 700;
+    font-size: 16px;
+    border-radius: 8px;
+    text-decoration: none;
+    background: var(--cyan);
+    color: var(--black);
+    border: 2px solid var(--black);
+    margin-top: calc(var(--space) * 2);
+    transition: all 0.2s;
+}
+
+.rg-coming-soon__button:hover {
+    background: var(--black);
+    color: var(--cyan);
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-brutal);
+}
+
 /* reviewGOOSE CTA */
 .rg-cta {
     padding: calc(var(--space) * 8) calc(var(--space) * 3);
@@ -6283,7 +6347,7 @@ hr.text-separator {
 }
 
 .rg-cta__text {
-    color: var(--gray-400);
+    color: var(--gray-100);
     margin-bottom: calc(var(--space) * 4);
 }
 

src/reviewgoose/index.njk

@@ -233,6 +233,21 @@ title: reviewGOOSE - PRs That Merge in Minutes, Not Days
   </div>
 </section>
 
+<section class="rg-coming-soon">
+  <div class="rg-coming-soon__container">
+    <div class="rg-coming-soon__content">
+      <h2 class="rg-coming-soon__title">GitLab & Gitea Support Coming Soon</h2>
+      <p class="rg-coming-soon__text">
+        We're bringing reviewGOOSE to GitLab and Gitea. Same turn-based tracking, same intelligent notifications, same workflow integrations.
+      </p>
+      <p class="rg-coming-soon__text">
+        Interested in early access? We'd love to work with you to make sure reviewGOOSE fits your workflow perfectly.
+      </p>
+      <a href="mailto:hello@codegroove.dev?subject=Early%20Access%20-%20GitLab/Gitea" class="rg-coming-soon__button">Join Early Access Program</a>
+    </div>
+  </div>
+</section>
+
 <section class="rg-cta">
   <div class="rg-cta__container">
     <div class="rg-cta__box">