YeonGyu-Kim
4d5f58f0c3
app/_components/landing-page.tsx: 832 LOC -> 33-LOC composition shell. Each section becomes a focused, named component under components/landing/sections/: - hero.tsx: terminal headline + install command + primary CTA - ultrawork.tsx: ultrawork mode pitch - sisyphus.tsx: Sisyphus orchestrator showcase - prometheus-atlas.tsx: planner + executor pair (was amber+indigo, now violet — single secondary accent) - hephaestus.tsx: code surgeon (was orange, now cyan) - team-mode.tsx: parallel team coordination (was fuchsia/purple/cyan gradient, now solid cyan headline + violet skills accent) - sub-agents.tsx: explore/librarian/oracle/multimodal etc. - architecture.tsx: 4-tier diagram - reviews.tsx: testimonials (Star kept text-cyan-500 / fill-cyan-500, on-brand) - cta.tsx: final call-to-action components/landing/constants.ts (new): - SUB_AGENT_KEYS, AGENT_STYLES, PRINCIPLE_KEYS, PRINCIPLE_ICONS, REVIEW_KEYS, CATEGORY_ROUTING, SKILL_INJECTIONS - Single source of truth for agent/principle/review metadata used across sections components/icons/github-icon.tsx (new): - Extracted inline SVG into a typed component with default aria-hidden and overridable size/className Color consolidation: 9-color rainbow per-section -> cyan (primary) + violet (secondary, agent identity) + neutral grays + status colors only. 'Evolution not revolution': dark + cyan brand soul intact.
96 lines
2.3 KiB
TypeScript
96 lines
2.3 KiB
TypeScript
import type { Brain } from "lucide-react"
|
|
import {
|
|
Check,
|
|
Eye,
|
|
Search,
|
|
Code2,
|
|
MessageSquare,
|
|
Target,
|
|
Shield,
|
|
Lightbulb,
|
|
Zap,
|
|
Route,
|
|
HardDrive,
|
|
} from "lucide-react"
|
|
|
|
export const SUB_AGENT_KEYS = ["oracle", "librarian", "explore", "metis", "momus"] as const
|
|
export type SubAgentKey = (typeof SUB_AGENT_KEYS)[number]
|
|
|
|
type AgentStyle = {
|
|
readonly color: string
|
|
readonly border: string
|
|
readonly bg: string
|
|
readonly icon: typeof Brain
|
|
}
|
|
|
|
// Consolidated: single secondary accent (violet) for all sub-agents.
|
|
// The visual differentiation comes from the icon, not a rainbow of colors.
|
|
export const AGENT_STYLES: Readonly<Record<SubAgentKey, AgentStyle>> = {
|
|
oracle: { color: "text-violet-300", border: "border-zinc-800", bg: "bg-violet-400/5", icon: Eye },
|
|
librarian: {
|
|
color: "text-violet-300",
|
|
border: "border-zinc-800",
|
|
bg: "bg-violet-400/5",
|
|
icon: Search,
|
|
},
|
|
explore: {
|
|
color: "text-violet-300",
|
|
border: "border-zinc-800",
|
|
bg: "bg-violet-400/5",
|
|
icon: Code2,
|
|
},
|
|
metis: {
|
|
color: "text-violet-300",
|
|
border: "border-zinc-800",
|
|
bg: "bg-violet-400/5",
|
|
icon: MessageSquare,
|
|
},
|
|
momus: {
|
|
color: "text-violet-300",
|
|
border: "border-zinc-800",
|
|
bg: "bg-violet-400/5",
|
|
icon: Check,
|
|
},
|
|
}
|
|
|
|
export const PRINCIPLE_KEYS = [
|
|
"specialization",
|
|
"trustVerify",
|
|
"wisdom",
|
|
"modelOptimization",
|
|
"categories",
|
|
"continuity",
|
|
] as const
|
|
export type PrincipleKey = (typeof PRINCIPLE_KEYS)[number]
|
|
|
|
export const PRINCIPLE_ICONS: Readonly<Record<PrincipleKey, typeof Brain>> = {
|
|
specialization: Target,
|
|
trustVerify: Shield,
|
|
wisdom: Lightbulb,
|
|
modelOptimization: Zap,
|
|
categories: Route,
|
|
continuity: HardDrive,
|
|
}
|
|
|
|
export const REVIEW_KEYS = [
|
|
"review1",
|
|
"review2",
|
|
"review3",
|
|
"review4",
|
|
"review5",
|
|
"review6",
|
|
] as const
|
|
export type ReviewKey = (typeof REVIEW_KEYS)[number]
|
|
|
|
export const CATEGORY_ROUTING = [
|
|
{ cat: "visual-engineering", model: "Gemini 3.1 Pro" },
|
|
{ cat: "ultrabrain", model: "GPT 5.5 xHigh" },
|
|
{ cat: "artistry", model: "Gemini 3.1 Pro" },
|
|
{ cat: "quick", model: "GPT 5.4 Mini" },
|
|
{ cat: "deep", model: "GPT 5.5 Medium" },
|
|
{ cat: "writing", model: "Kimi K2.5" },
|
|
{ cat: "git", model: "Claude Haiku 4.5" },
|
|
] as const
|
|
|
|
export const SKILL_INJECTIONS = ["playwright", "git-master", "frontend-ui-ux", "team-mode"] as const
|