Skip to content

Commit ab8c34c

Browse files
Add top-right navigation panel
Introduced a right-aligned navigation with Home, People, Projects links on the landing index page and removed the previous affiliations block from the main landing content. Updated layout to accommodate the navigation while preserving existing hero content. X-Lovable-Edit-ID: edt-026cdc0b-89de-4654-9048-33ebaaa8e076
2 parents 659d238 + e4fd251 commit ab8c34c

1 file changed

Lines changed: 11 additions & 16 deletions

File tree

src/pages/Index.tsx

Lines changed: 11 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { useRef } from "react";
2+
import { Link } from "react-router-dom";
23

34
const Index = () => {
45
const videoRef = useRef<HTMLVideoElement>(null);
@@ -20,8 +21,17 @@ const Index = () => {
2021
<div className="absolute inset-0 bg-background/40" />
2122
</div>
2223

24+
{/* Navigation */}
25+
<nav className="relative z-10 flex justify-end px-8 pt-6 sm:px-16 lg:px-24">
26+
<div className="flex items-center gap-6 font-mono-display text-sm tracking-wide text-muted-foreground">
27+
<Link to="/" className="transition-colors hover:text-foreground">home</Link>
28+
<Link to="/people" className="transition-colors hover:text-foreground">people</Link>
29+
<Link to="/research" className="transition-colors hover:text-foreground">projects</Link>
30+
</div>
31+
</nav>
32+
2333
{/* Content */}
24-
<main className="relative z-10 flex min-h-screen flex-col justify-center px-8 sm:px-16 lg:px-24">
34+
<main className="relative z-10 flex min-h-[calc(100vh-4rem)] flex-col justify-center px-8 sm:px-16 lg:px-24">
2535
<div className="max-w-xl">
2636
<h1 className="font-mono-display text-5xl font-bold tracking-tight text-foreground sm:text-6xl">
2737
ai smith lab
@@ -37,21 +47,6 @@ const Index = () => {
3747
privacy × security × trust.
3848
</p>
3949
</div>
40-
{/* Affiliations */}
41-
<div className="mt-4 flex items-center gap-3 font-mono-display text-xs tracking-wide text-muted-foreground/50 sm:text-sm">
42-
<span>
43-
<a href="https://ucsd.edu/">ucsd</a>
44-
</span>
45-
<span>·</span>
46-
<span>
47-
<a href="/research">research</a>
48-
</span>
49-
<span>·</span>
50-
<span>
51-
<a href="/people">people</a>
52-
</span>
53-
</div>
54-
5550
</div>
5651
</main>
5752
</div>

0 commit comments

Comments
 (0)