From b8532f24f58ddcc78c394c9867612c1691009237 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Wed, 28 May 2025 14:49:13 +0530
Subject: [PATCH] Add max-width and center-align layout containers

---
 apps/web/src/app/(home)/_components/footer.tsx | 2 +-
 apps/web/src/app/(home)/_components/navbar.tsx | 2 +-
 apps/web/src/app/(home)/page.tsx               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(home)/_components/footer.tsx b/apps/web/src/app/(home)/_components/footer.tsx
index a775aba..61ad76d 100644
--- a/apps/web/src/app/(home)/_components/footer.tsx
+++ b/apps/web/src/app/(home)/_components/footer.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 const Footer = () => {
 	return (
 		<footer className="relative w-full border-border border-t font-mono">
-			<div className="px-4 py-12 sm:px-6">
+			<div className="mx-auto max-w-7xl px-4 py-12 sm:px-6">
 				<div className="mb-12 grid gap-8 md:grid-cols-3">
 					<div>
 						<h3 className="mb-4 flex items-center gap-2 font-semibold text-base text-foreground">
diff --git a/apps/web/src/app/(home)/_components/navbar.tsx b/apps/web/src/app/(home)/_components/navbar.tsx
index 8bb9905..6b86eef 100644
--- a/apps/web/src/app/(home)/_components/navbar.tsx
+++ b/apps/web/src/app/(home)/_components/navbar.tsx
@@ -94,7 +94,7 @@ export default function Navbar() {
 						: "border-transparent border-b bg-transparent",
 				)}
 			>
-				<div className="flex h-16 items-center justify-between px-4 sm:px-6 lg:px-8">
+				<div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
 					<Link href="/" className="flex flex-shrink-0 items-center gap-2">
 						<Image
 							src="/logo.svg"
diff --git a/apps/web/src/app/(home)/page.tsx b/apps/web/src/app/(home)/page.tsx
index 0bd6723..3c1001f 100644
--- a/apps/web/src/app/(home)/page.tsx
+++ b/apps/web/src/app/(home)/page.tsx
@@ -133,7 +133,7 @@ export default function HomePage() {
 	return (
 		<div className="terminal-scanlines min-h-screen bg-background font-mono">
 			<Navbar />
-			<main className="terminal-matrix-bg p-6 pt-28">
+			<main className="terminal-matrix-bg mx-auto max-w-7xl p-6 pt-28">
 				<div className="mb-8 flex items-center justify-center">
 					<div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4 md:gap-6">
 						<pre className="ascii-art terminal-glow text-primary text-xs leading-tight sm:text-sm">