hacklab/T-HUB
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Onboarding: wide hero banner (mark left, system name right) on black

Browse source
This commit is contained in:
glass beadian 2026-10-13 08:23:52 +00:00
parent 27fd68c8df
commit d313ce0bec
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/web/src/app/(main)/onboarding/page.tsx
View file

@ -4,7 +4,7 @@ import { useEffect, useState, type FormEvent } from "react";
import Link from "next/link";
import { Badge, Button, Card, Input } from "../../../components/ui/primitives";
import { OfflineBadge } from "../../../components/ui/offline-badge";
import { ArrowGlyph } from "../../../components/brand/logo";
import { ArrowGlyph, LogoMark } from "../../../components/brand/logo";
import { PLATFORMS } from "../../../lib/platforms";
import { useApiResource } from "../../../lib/use-api";
import { api, errorMessage } from "../../../lib/api-client";
@ -220,13 +220,13 @@ export default function OnboardingPage(): React.ReactElement {
>
<div className="mb-5">
<div className="-m-6 mb-5 overflow-hidden bg-black">
<img
src="/brand/hero.png"
alt="Tactical Media Broadcast Hub — arrows from a circle, warm red on black"
width={1024}
height={1024}
className="mx-auto h-auto w-full max-h-[420px] object-contain"
/>
<div className="flex items-center gap-5 px-8 py-8">
<LogoMark size={96} className="shrink-0 text-accent" />
<div className="min-w-0">
<div className="text-xl font-semibold leading-tight text-white">Horizontal Collaborative Broadcast System</div>
<div className="mt-1 text-xs uppercase tracking-wider text-text-faint">Tactical Media Broadcast Hub</div>
</div>
</div>
</div>
<div className="text-center">
<h1 className="text-2xl font-semibold tracking-tight">Tactical Media Broadcast Hub</h1>