blog: blacksite chrome

app/blog/layout.tsx

@@ -7,7 +7,7 @@ export default function BlogLayout({ children }: { children: React.ReactNode })
     <>
       <ScrollProgress />
       <Header />
-      <main className="mx-auto max-w-5xl px-6 py-12 sm:py-16">
+      <main className="mx-auto w-full max-w-6xl px-6 py-16 sm:py-24">
         {children}
       </main>
       <Footer />

components/layout/Footer.tsx

@@ -1,8 +1,8 @@
 export function Footer() {
   return (
     <footer className="border-t border-border mt-16 py-8 text-center">
-      <p className="font-mono text-sm text-ink-soft">
-        © {new Date().getFullYear()} Krishna A. All rights reserved.
+      <p className="font-mono text-xs text-ink-soft">
+        © {new Date().getFullYear()} Krishna Ayyalasomayajula
       </p>
     </footer>
   )

components/layout/Header.tsx

@@ -5,8 +5,8 @@ import { usePathname } from "next/navigation";
 import { m } from "motion/react";
 
 const navLinks = [
-  { label: "Portfolio", href: "/" },
-  { label: "Field Notes", href: "/blog/" },
+  { label: "PORTFOLIO", href: "/" },
+  { label: "FIELD NOTES", href: "/blog/" },
 ];
 
 export function Header() {
@@ -21,8 +21,11 @@ export function Header() {
       className="sticky top-0 z-50 bg-canvas/80 backdrop-blur-sm border-b border-border"
     >
       <div className="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
-        <Link href="/" className="heading-sm text-ink hover:text-accent transition-colors">
-          Krishna
+        <Link
+          href="/"
+          className="font-mono text-xs uppercase tracking-[0.16em] text-ink transition-colors hover:text-ink-soft"
+        >
+          KRISHNA / SIGNAL
         </Link>
         <div className="flex items-center gap-8">
           {navLinks.map((link) => {
@@ -36,7 +39,7 @@ export function Header() {
                 key={link.href}
                 href={link.href}
                 aria-current={isActive ? "page" : undefined}
-                className={`font-medium text-sm transition-colors ${
+                className={`font-mono text-xs uppercase tracking-[0.16em] transition-colors ${
                   isActive ? "text-ink" : "text-ink-soft hover:text-ink"
                 }`}
               >