From a6cde33a0b2ddc793db1ab3f22a395babde71b4f Mon Sep 17 00:00:00 2001
From: TELVIN TEUM <telvinteum@ubunifucollege.com>
Date: Sat, 18 Jul 2026 11:23:00 +0300
Subject: [PATCH] Refresh sign-in hero and feature highlights
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update the SignIn page copy and layout to emphasize Overup’s open-source CI/CD positioning, streamline the GitHub OAuth trust message, and add compact icon-based highlights for key capabilities (pipelines, self-hosted runners, encrypted secrets).
---
 src/features/auth/pages/SignInPage.tsx | 40 ++++++++++++++++----------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/features/auth/pages/SignInPage.tsx b/src/features/auth/pages/SignInPage.tsx
index fd30128..f350f40 100644
--- a/src/features/auth/pages/SignInPage.tsx
+++ b/src/features/auth/pages/SignInPage.tsx
@@ -1,3 +1,4 @@
+import { Lock, Server, ShieldCheck, Workflow } from 'lucide-react';
 import { useState } from 'react';
 import { GitHubMark } from '../../../components/brand/GitHubMark';
 import { Button } from '../../../components/ui/Button';
@@ -17,18 +18,17 @@ export function SignInPage() {
   return (
     <AuthSplitLayout>
       <div className="animate-fade-in space-y-8">
-        <div className="space-y-3">
-          <h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">
-            A modern CI/CD platform for developers
+        <div className="space-y-4">
+          <h1 className="text-4xl font-semibold leading-[1.1] tracking-tight sm:text-5xl">
+            Ship faster with
+            <span className="block text-primary">open-source CI/CD</span>
           </h1>
-          <p className="leading-relaxed text-steel">
-            Overup uses GitHub as its exclusive identity provider. Connect
-            your account to build, test, and ship straight from your
-            repositories.
+          <p className="text-steel">
+            Pipelines, runners, and secrets — wired straight into GitHub.
           </p>
         </div>
 
-        <div className="space-y-4">
+        <div className="space-y-3">
           <Button
             size="lg"
             className="w-full"
@@ -38,16 +38,26 @@ export function SignInPage() {
             {!isRedirecting && <GitHubMark className="h-5 w-5" />}
             Continue with GitHub
           </Button>
-          <p className="text-sm leading-relaxed text-steel">
-            We never see or store your GitHub password — authentication
-            happens directly with GitHub.
+          <p className="flex items-center gap-1.5 text-xs text-steel">
+            <ShieldCheck size={13} aria-hidden="true" className="shrink-0" />
+            Secure OAuth — we never see your password.
           </p>
         </div>
 
-        <p className="text-sm leading-relaxed text-steel">
-          First time here? A workspace is created for you automatically after
-          your first successful sign-in.
-        </p>
+        <div className="flex flex-wrap items-center gap-x-5 gap-y-2 border-t border-steel/10 pt-5 text-xs text-steel">
+          <span className="flex items-center gap-1.5">
+            <Workflow size={13} aria-hidden="true" className="text-primary" />
+            Pipelines
+          </span>
+          <span className="flex items-center gap-1.5">
+            <Server size={13} aria-hidden="true" className="text-primary" />
+            Self-hosted runners
+          </span>
+          <span className="flex items-center gap-1.5">
+            <Lock size={13} aria-hidden="true" className="text-primary" />
+            Encrypted secrets
+          </span>
+        </div>
       </div>
     </AuthSplitLayout>
   );