From b1458934c3ce8ee09cd7c726c6784a260cd1bd94 Mon Sep 17 00:00:00 2001
From: Shekhar Vaidya <shekhar.vaidya2@hotmail.com>
Date: Mon, 18 May 2026 22:04:09 +0530
Subject: [PATCH] fix(ui): standardise page widths to two-tier system

Listing pages (home, products, eval): max-w-4xl
Content pages (product detail, eval detail, about, privacy, disclaimer): max-w-2xl

Previously four different widths were in use across the app.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 frontend/src/pages/EvalDetailPage.tsx    | 2 +-
 frontend/src/pages/ProductDetailPage.tsx | 2 +-
 frontend/src/pages/ProductsPage.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/EvalDetailPage.tsx b/frontend/src/pages/EvalDetailPage.tsx
index 5ebb907..d78407b 100644
--- a/frontend/src/pages/EvalDetailPage.tsx
+++ b/frontend/src/pages/EvalDetailPage.tsx
@@ -121,7 +121,7 @@ export default function EvalDetailPage() {
       <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }} />
       <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(softwareJsonLd) }} />
 
-      <div className="max-w-xl mx-auto px-5 pt-12 pb-10">
+      <div className="max-w-2xl mx-auto px-5 pt-12 pb-10">
         {/* Back */}
         <button
           onClick={() => window.history.state?.idx ? navigate(-1) : navigate('/eval')}
diff --git a/frontend/src/pages/ProductDetailPage.tsx b/frontend/src/pages/ProductDetailPage.tsx
index 7872eae..c411cc5 100644
--- a/frontend/src/pages/ProductDetailPage.tsx
+++ b/frontend/src/pages/ProductDetailPage.tsx
@@ -210,7 +210,7 @@ export default function ProductDetailPage() {
         <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }} />
       )}
 
-      <div className="max-w-xl mx-auto px-5 pt-12 pb-10">
+      <div className="max-w-2xl mx-auto px-5 pt-12 pb-10">
         {/* Back */}
         <button
           onClick={() => window.history.state?.idx ? navigate(-1) : navigate('/')}
diff --git a/frontend/src/pages/ProductsPage.tsx b/frontend/src/pages/ProductsPage.tsx
index 5f8f101..f1d3edb 100644
--- a/frontend/src/pages/ProductsPage.tsx
+++ b/frontend/src/pages/ProductsPage.tsx
@@ -43,7 +43,7 @@ export default function ProductsPage() {
       <meta property="og:description" content="Browse all official Microsoft Windows ISO releases available for direct download." />
       <meta property="og:url" content={`${SITE_URL}/products`} />
 
-      <div className="max-w-3xl mx-auto px-4 pt-12 pb-10">
+      <div className="max-w-4xl mx-auto px-4 pt-12 pb-10">
         <motion.div
           initial={{ opacity: 0, y: 16 }}
           animate={{ opacity: 1, y: 0 }}