From 0fb975ac6eee7da37d914592a1b6048a70e14c2b Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 6 Mar 2026 15:37:25 +0000
Subject: [PATCH] Standardize page layouts and footer width for consistent
 appearance

Update various page components and the footer to use a `max-w-7xl` width for consistent layout across the site. Removes explicit `contentHalfWidth` props from `PageSideAds` components, allowing them to default to the standardized width.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2d87eb5e-a5f7-4bb4-8334-5904d9d52843
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/footer.tsx | 2 +-
 client/src/pages/about.tsx       | 4 ++--
 client/src/pages/article.tsx     | 2 +-
 client/src/pages/datenschutz.tsx | 4 ++--
 client/src/pages/empfang.tsx     | 4 ++--
 client/src/pages/impressum.tsx   | 4 ++--
 client/src/pages/kontakt.tsx     | 4 ++--
 client/src/pages/search.tsx      | 2 +-
 8 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/components/footer.tsx b/client/src/components/footer.tsx
index 22ba99b..db61f5e 100644
--- a/client/src/components/footer.tsx
+++ b/client/src/components/footer.tsx
@@ -11,7 +11,7 @@ const SOCIAL_LINKS = [
 export default function Footer() {
   return (
     <footer className="border-t border-border mt-16" data-testid="footer">
-      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10 relative z-20">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 relative z-20">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
           <div>
             <h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>
diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index a2eb15d..0522459 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -9,8 +9,8 @@ export default function AboutPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <PageSideAds contentHalfWidth={384} />
-      <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <PageSideAds />
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-about-title">
diff --git a/client/src/pages/article.tsx b/client/src/pages/article.tsx
index 6c77571..dac9a9e 100644
--- a/client/src/pages/article.tsx
+++ b/client/src/pages/article.tsx
@@ -220,7 +220,7 @@ export default function ArticlePage() {
     <div className="min-h-screen bg-background">
       <Header />
       <PageSideAds />
-      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <Link href="/">
           <Button variant="ghost" size="sm" className="mb-6 gap-2" data-testid="button-back">
             <ArrowLeft className="w-4 h-4" />
diff --git a/client/src/pages/datenschutz.tsx b/client/src/pages/datenschutz.tsx
index fa6795e..e1ff39e 100644
--- a/client/src/pages/datenschutz.tsx
+++ b/client/src/pages/datenschutz.tsx
@@ -9,8 +9,8 @@ export default function DatenschutzPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <PageSideAds contentHalfWidth={448} />
-      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <PageSideAds />
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Shield className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-datenschutz-title">
diff --git a/client/src/pages/empfang.tsx b/client/src/pages/empfang.tsx
index dc5117f..295b4ba 100644
--- a/client/src/pages/empfang.tsx
+++ b/client/src/pages/empfang.tsx
@@ -38,8 +38,8 @@ export default function EmpfangPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <PageSideAds contentHalfWidth={448} />
-      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <PageSideAds />
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-2">
           <Tv className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-empfang-title">
diff --git a/client/src/pages/impressum.tsx b/client/src/pages/impressum.tsx
index 472ba6c..fa30a82 100644
--- a/client/src/pages/impressum.tsx
+++ b/client/src/pages/impressum.tsx
@@ -9,8 +9,8 @@ export default function ImpressumPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <PageSideAds contentHalfWidth={448} />
-      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <PageSideAds />
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Scale className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-impressum-title">
diff --git a/client/src/pages/kontakt.tsx b/client/src/pages/kontakt.tsx
index c372300..f20bed3 100644
--- a/client/src/pages/kontakt.tsx
+++ b/client/src/pages/kontakt.tsx
@@ -40,8 +40,8 @@ export default function KontaktPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <PageSideAds contentHalfWidth={384} />
-      <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <PageSideAds />
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center gap-3 mb-8">
           <Mail className="w-7 h-7 text-primary" />
           <h1 className="text-3xl font-bold text-foreground" data-testid="text-kontakt-title">
diff --git a/client/src/pages/search.tsx b/client/src/pages/search.tsx
index 5882b5d..f9236db 100644
--- a/client/src/pages/search.tsx
+++ b/client/src/pages/search.tsx
@@ -78,7 +78,7 @@ export default function SearchPage() {
     <div className="min-h-screen bg-background" data-testid="page-search">
       <Header />
       <PageSideAds />
-      <main className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
         <Link href="/">
           <button className="flex items-center gap-1 text-muted-foreground hover:text-foreground text-sm mb-4 transition-colors" data-testid="link-back-home">
             <ArrowLeft className="w-4 h-4" />