Redesign: modern landing with Hero, simplified sections, consistent 1200px layout; suppress hydration noise; navbar aligned

JoeMatt · JoeMatt · commit 078584b20f46 · 2025-09-30T14:41:46.000-04:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -47,7 +47,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body suppressHydrationWarning className="antialiased">
         <Navigation />
         <main className="min-h-screen">
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
@@ -32,7 +32,7 @@ const Navigation = () => {
 
   return (
     <nav className="bg-gray-900 text-white shadow-lg sticky top-0 z-50">
-      <div className="w-full max-w-[1100px] mx-auto px-4">
+      <div className="w-full max-w-[1200px] mx-auto px-4">
         <div className="flex items-center justify-between h-16">
           {/* Logo */}
           <div className="flex items-center flex-shrink-0">
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -13,7 +13,7 @@ module.exports = {
         sm: '640px',
         md: '768px',
         lg: '1024px',
-        xl: '1100px',
+        xl: '1200px',
         '2xl': '72rem',
       },
     },
