Refresh sign-in hero and feature highlights

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>
   );