refactor(web): replace marketing landing with minimal login page (#48)

The self-hosted, OSS nature of the app makes a full marketing landing
redundant — the README already covers discovery, and instance visitors
just need a way to sign in. Drops ~460 lines of SaaS-style content in
favor of a terse mono/accent login screen.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: mariuspruvot

CLAUDE.md

@@ -21,7 +21,7 @@ apps/api/          — FastAPI backend (Python 3.12, uv)
   tests/           — mirrors modules/ structure
   alembic/         — DB migrations
 apps/web/          — React frontend (Vite, TypeScript)
-  src/features/    — feature modules: auth, dashboard, landing, installation, session
+  src/features/    — feature modules: auth, dashboard, installation, session
   src/shared/      — API client (shared/api/client.ts)
 skills/            — Claude Code skill definitions (mounted into ephemeral containers)
 infra/

apps/web/src/app.tsx

@@ -9,12 +9,12 @@ import SessionReplay from './features/dashboard/SessionReplay'
 import SetupView from './features/installation/SetupView'
 import SettingsView from './features/installation/SettingsView'
 import SessionView from './features/session/SessionView'
-import LandingPage from './features/landing/LandingPage'
+import LoginPage from './features/auth/LoginPage'
 
 function AuthRedirect() {
   const isAuthenticated = useAuthStore((s) => s.isAuthenticated)
   if (isAuthenticated) return <Navigate to="/installations" replace />
-  return <LandingPage />
+  return <LoginPage />
 }
 
 export default function App() {

apps/web/src/features/auth/LoginPage.test.tsx

@@ -0,0 +1,29 @@
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, test } from 'vitest'
+import LoginPage from './LoginPage'
+
+afterEach(() => cleanup())
+
+describe('LoginPage', () => {
+  test('renders helPRs wordmark', () => {
+    render(<LoginPage />)
+    expect(screen.getByText('helPRs')).toBeTruthy()
+  })
+
+  test('renders sign-in link pointing to GitHub OAuth', () => {
+    render(<LoginPage />)
+    const link = screen.getByRole('link', { name: /sign in with github/i })
+    expect(link.getAttribute('href')).toContain('/api/v1/auth/github')
+  })
+
+  test('renders link to the GitHub repo', () => {
+    render(<LoginPage />)
+    const link = screen.getByRole('link', { name: /view on github/i })
+    expect(link.getAttribute('href')).toContain('github.com/mariuspruvot/helprs')
+  })
+
+  test('renders tagline', () => {
+    const { container } = render(<LoginPage />)
+    expect(container.textContent).toContain('Self-hosted')
+  })
+})

apps/web/src/features/auth/LoginPage.tsx

@@ -0,0 +1,36 @@
+import { Button, GrainOverlay } from '../../shared/components'
+
+const API_BASE = import.meta.env.VITE_API_URL ?? 'http://localhost:8000'
+const GITHUB_URL = 'https://github.com/mariuspruvot/helprs'
+
+export default function LoginPage() {
+  return (
+    <div className="relative min-h-screen bg-bg text-ink font-sans flex flex-col items-center justify-center px-6">
+      <GrainOverlay />
+
+      <main className="relative flex flex-col items-center text-center max-w-md w-full">
+        <span className="font-mono text-3xl font-bold text-accent tracking-tight">helPRs</span>
+        <p className="mt-4 text-ink2 text-sm leading-relaxed font-mono">
+          Claude Code on your PRs. Self-hosted.
+        </p>
+
+        <a href={`${API_BASE}/api/v1/auth/github`} className="mt-10 w-full sm:w-auto">
+          <Button className="w-full sm:w-auto px-6 py-3">Sign in with GitHub</Button>
+        </a>
+
+        <a
+          href={GITHUB_URL}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="mt-6 font-mono text-xs text-dim hover:text-ink2 transition-colors"
+        >
+          View on GitHub {'\u2192'}
+        </a>
+      </main>
+
+      <footer className="relative mt-16 font-mono text-xs text-dim">
+        {'// MIT \u00B7 open source'}
+      </footer>
+    </div>
+  )
+}