feat: refine letters UI

components/site-footer.tsx

@@ -3,12 +3,10 @@ import Link from "next/link";
 export function SiteFooter() {
   return (
     <footer className="border-t border-border bg-card mt-auto">
-      <div className="max-w-6xl mx-auto px-6 py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
+      <div className="max-w-5xl mx-auto px-6 py-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
         <p>
           &copy; {new Date().getFullYear()}{" "}
-          <span className="font-medium text-foreground">
-            Prabhupāda Says
-          </span>
+          <span className="font-medium text-foreground">Prabhupāda Says</span>
         </p>
 
         <nav className="flex items-center gap-6">
@@ -18,10 +16,7 @@ export function SiteFooter() {
           >
             About
           </Link>
-          <Link
-            href="/"
-            className="hover:text-foreground transition-colors"
-          >
+          <Link href="/" className="hover:text-foreground transition-colors">
             Home
           </Link>
         </nav>