Update layout and page components

src/app/gallery/page.tsx

@@ -3,7 +3,6 @@ import type { Metadata } from 'next';
 import { Button } from '@/components/ui/button';
 import Link from 'next/link';
 import { ExternalLink } from 'lucide-react';
-import { Footer } from '@/components/Footer';
 
 export const metadata: Metadata = {
     title: "Video Gallery - Community Coverage of Chelsea Smallwood",
@@ -85,9 +84,7 @@ export default async function GalleryPage() {
   const videos = await getYouTubeVideos(videoIds);
 
   return (
-    <div className="flex flex-col min-h-screen bg-background text-foreground">
+    <div className="container mx-auto max-w-5xl py-12 px-4 sm:px-6 lg:px-8">
-      <main className="flex-grow">
-        <div className="container mx-auto max-w-5xl py-12 px-4 sm:px-6 lg:px-8">
           <header className="text-center mb-12">
             <h1 className="text-4xl sm:text-5xl font-extrabold tracking-tight text-primary font-headline">
               YouTube Community Coverage
@@ -128,10 +125,6 @@ export default async function GalleryPage() {
               <Link href="/">Back to Home</Link>
             </Button>
           </div>
-        </div>
-      </main>
-
-      <Footer />
     </div>
   );
 }

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { Inter } from 'next/font/google';
 import './globals.css';
 import { Toaster } from '@/components/ui/toaster';
 import { ThemeProvider } from '@/components/theme-provider';
+import { Footer } from '@/components/Footer';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -71,7 +72,12 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          {children}
+          <div className="flex flex-col min-h-screen bg-background text-foreground">
+            <main className="flex-grow">
+              {children}
+            </main>
+            <Footer />
+          </div>
           <Toaster />
         </ThemeProvider>
       </body>

src/app/long-story/page.tsx

@@ -7,7 +7,6 @@ import {
   CardHeader,
 } from '@/components/ui/card';
 import Link from 'next/link';
-import { Footer } from '@/components/Footer';
 export const metadata: Metadata = {
     title: "The Full Story: Chelsea Smallwood's Controversial Empire",
     description: "A deep dive into how Chelsea Smallwood built a business on monetizing infidelity, the controversy surrounding 'The Other Woman and the Wife,' and the serious allegations of cyberbullying and harassment in the Kristen Jacobs lawsuit.",
@@ -15,9 +14,7 @@ export const metadata: Metadata = {
 
 export default function LongStoryPage() {
   return (
-    <div className="flex flex-col min-h-screen bg-background text-foreground">
+    <div className="container mx-auto max-w-4xl py-12 px-4 sm:px-6 lg:px-8">
-      <main className="flex-grow">
-        <div className="container mx-auto max-w-4xl py-12 px-4 sm:px-6 lg:px-8">
           <header className="text-center mb-12">
             <h1 className="text-4xl sm:text-5xl font-extrabold tracking-tight text-primary font-headline">
               Chelsea Smallwood&apos;s Controversial Empire
@@ -199,10 +196,6 @@ export default function LongStoryPage() {
                 </Button>
             </div>
           </div>
-        </div>
-      </main>
-
-      <Footer />
     </div>
   );
 }

src/app/page.tsx

@@ -8,13 +8,10 @@ import {
   CardHeader,
 } from '@/components/ui/card';
 import Link from 'next/link';
-import { Footer } from '@/components/Footer';
 
 export default function Home() {
   return (
-    <div className="flex flex-col min-h-screen bg-background text-foreground">
+    <div className="container mx-auto max-w-4xl py-12 px-4 sm:px-6 lg:px-8">
-      <main className="flex-grow">
-        <div className="container mx-auto max-w-4xl py-12 px-4 sm:px-6 lg:px-8">
           <header className="text-center mb-12">
             <h1 className="text-4xl sm:text-5xl font-extrabold tracking-tight text-primary font-headline">
               Cheating Chelsea Exposed
@@ -174,10 +171,6 @@ export default function Home() {
               </CardContent>
             </Card>
           </div>
-        </div>
-      </main>
-
-      <Footer />
     </div>
   );
 }