Commit
polish landing footer, fallback hero and grain
commit
2112b49
3 changed files with +19 and −9
Jump to a changed file
- src/app/page.tsx +17 −7
- src/components/landing-background.tsx +1 −1
- src/components/landing-hero.tsx +1 −1
modified src/app/page.tsx +17 −7
| @@ -90,11 +90,21 @@export default async function HomePage() { | ||
| 90 | 90 | </Reveal> |
| 91 | 91 | </section> |
| 92 | 92 | |
| 93 | - <footer className="container flex items-center justify-between border-t py-8 text-sm text-muted-foreground"> | |
| 94 | - <span className="flex items-center gap-2"> | |
| 95 | - <GitCompareArrows className="h-4 w-4 text-primary" /> Roundtable | |
| 96 | - </span> | |
| 97 | - <span>Next.js · OpenRouter · Vercel AI SDK</span> | |
| 93 | + <footer className="border-t"> | |
| 94 | + <div className="container flex flex-col items-center justify-between gap-4 py-10 text-sm text-muted-foreground sm:flex-row"> | |
| 95 | + <span className="flex items-center gap-2 font-medium text-foreground"> | |
| 96 | + <GitCompareArrows className="h-4 w-4 text-primary" /> Roundtable | |
| 97 | + </span> | |
| 98 | + <nav className="flex items-center gap-6"> | |
| 99 | + <Link href="/debate" className="transition-colors hover:text-foreground"> | |
| 100 | + New debate | |
| 101 | + </Link> | |
| 102 | + <Link href="/demo" className="transition-colors hover:text-foreground"> | |
| 103 | + Demo | |
| 104 | + </Link> | |
| 105 | + </nav> | |
| 106 | + <span className="text-xs">Next.js · OpenRouter · Vercel AI SDK</span> | |
| 107 | + </div> | |
| 98 | 108 | </footer> |
| 99 | 109 | </div> |
| 100 | 110 | ); |
| @@ -104,8 +114,8 @@export default async function HomePage() { | ||
| 104 | 114 | function MinimalHero() { |
| 105 | 115 | return ( |
| 106 | 116 | <section className="container max-w-2xl py-28 text-center"> |
| 107 | - <h1 className="text-4xl font-bold tracking-tight sm:text-5xl"> | |
| 108 | - Convene a <span className="text-primary">roundtable</span>. | |
| 117 | + <h1 className="font-display text-4xl font-medium tracking-tight sm:text-6xl"> | |
| 118 | + Convene a <em className="text-primary">roundtable</em>. | |
| 109 | 119 | </h1> |
| 110 | 120 | <p className="mx-auto mt-5 max-w-xl text-lg text-muted-foreground"> |
| 111 | 121 | A council of models answers your question, critiques each other blind, and revises across rounds. A chairman |
modified src/components/landing-background.tsx +1 −1
| @@ -10,7 +10,7 @@export function LandingBackground() { | ||
| 10 | 10 | <Glow className="-right-[10%] top-[2%] h-[40rem] w-[40rem]" color="var(--stage-revision)" opacity={0.15} delay="-6s" /> |
| 11 | 11 | <Glow className="left-[28%] top-[34%] h-[38rem] w-[38rem]" color="var(--stage-synthesis)" opacity={0.11} delay="-12s" /> |
| 12 | 12 | <Glow className="right-[18%] top-[48%] h-[30rem] w-[30rem]" color="var(--stage-critique)" opacity={0.1} delay="-3s" /> |
| 13 | - <div className="absolute inset-0 bg-grain opacity-[0.5] mix-blend-soft-light dark:opacity-40" /> | |
| 13 | + <div className="absolute inset-0 bg-grain opacity-[0.35] mix-blend-soft-light dark:opacity-[0.4]" /> | |
| 14 | 14 | <div className="absolute inset-x-0 bottom-0 h-72 bg-gradient-to-b from-transparent to-background" /> |
| 15 | 15 | </div> |
| 16 | 16 | ); |
modified src/components/landing-hero.tsx +1 −1
| @@ -44,7 +44,7 @@export function LandingHero({ result }: { result: DebateResult }) { | ||
| 44 | 44 | the council is in session |
| 45 | 45 | </div> |
| 46 | 46 | <h1 |
| 47 | - className="reveal font-display text-[2.6rem] font-medium leading-[1.02] tracking-[-0.01em] sm:text-[4.25rem]" | |
| 47 | + className="reveal font-display text-4xl font-medium leading-[1.04] tracking-[-0.01em] sm:text-[4.25rem]" | |
| 48 | 48 | style={{ animationDelay: '80ms' }} |
| 49 | 49 | > |
| 50 | 50 | Watch models <em className="text-primary">argue</em> their way to a better answer. |