From 9d87399ba8775825bc38a3e848714241e69cc577 Mon Sep 17 00:00:00 2001
From: Derek Slenk <Derek.Slenk@gmail.com>
Date: Thu, 26 Jun 2025 19:21:18 +0000
Subject: [PATCH] Let's make a third page.

Chelsea has been covered by a lot of YouTuber
---
 src/app/gallery/page.tsx    | 82 +++++++++++++++++++++++++++++++++++++
 src/app/long-story/page.tsx |  5 ++-
 src/app/page.tsx            |  5 ++-
 3 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 src/app/gallery/page.tsx

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
new file mode 100644
index 0000000..9de759a
--- /dev/null
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,82 @@
+
+import type { Metadata } from 'next';
+import { Button } from '@/components/ui/button';
+import Link from 'next/link';
+
+export const metadata: Metadata = {
+    title: "Video Gallery - Community Coverage of Chelsea Smallwood",
+    description: "Watch YouTube commentary and analysis on Chelsea Smallwood, The Other Woman and the Wife, and the ongoing controversy.",
+};
+
+const videos = [
+  { id: 'R35g0-dG6Xw', title: 'Life Coach CHELSEA SMALLWOOD Is SUING Her HUSBANDS Ex Wife... It Gets WORSE' },
+  { id: 'vV_uImy858s', title: 'The Infidelity "Coach" Who Monetizes Affairs Is Now Suing The Betrayed Wife' },
+  { id: 'JmUaAAbA9wU', title: 'Affair Coach Chelsea Smallwood Is SUING The Ex-Wife... Allegedly' },
+];
+
+export default function GalleryPage() {
+  return (
+    <div className="flex flex-col min-h-screen bg-background text-foreground">
+      <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
+            </h1>
+            <p className="mt-4 text-xl text-muted-foreground">
+              Commentary and analysis from creators across the platform.
+            </p>
+          </header>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            {videos.map((video) => (
+              <div key={video.id} className="bg-card p-4 rounded-lg shadow-sm border">
+                <div className="relative overflow-hidden rounded-md" style={{ paddingTop: '56.25%' }}>
+                   <iframe
+                    className="absolute top-0 left-0 w-full h-full"
+                    src={`https://www.youtube.com/embed/${video.id}`}
+                    title={`YouTube video player: ${video.title}`}
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                    allowFullScreen
+                  ></iframe>
+                </div>
+                <h2 className="mt-4 text-lg font-semibold text-card-foreground">{video.title}</h2>
+              </div>
+            ))}
+          </div>
+
+          <div className="text-center mt-12">
+            <Button asChild>
+              <Link href="/">Back to Home</Link>
+            </Button>
+          </div>
+        </div>
+      </main>
+
+      <footer className="text-center py-6 text-sm text-muted-foreground">
+        <div className="container mx-auto">
+          <p>
+            This website, cheatingchelsea.com, is dedicated to raising
+            awareness and supporting the victims.
+          </p>
+          <p>
+            For questions, comments, or concerns, please email:{' '}
+            <a
+              href="mailto:notacheater&#64;cheatingchelsea.com"
+              className="text-primary hover:underline"
+            >
+              notacheater&#64;cheatingchelsea.com
+            </a>
+          </p>
+          <p className="mt-4 italic">
+            Disclaimer: This website is independently operated by a snarky
+            Michigander and is not affiliated with or endorsed by Kristen
+            Jacobs.
+          </p>
+          <p className="mt-2">&copy; 2025 Cheating Chelsea Exposed. All Rights Reserved.</p>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/src/app/long-story/page.tsx b/src/app/long-story/page.tsx
index b4e9f39..4ddc904 100644
--- a/src/app/long-story/page.tsx
+++ b/src/app/long-story/page.tsx
@@ -190,10 +190,13 @@ export default function LongStoryPage() {
               </CardContent>
             </Card>
 
-            <div className="text-center mt-12">
+            <div className="flex justify-center items-center gap-4 mt-12">
                 <Button asChild>
                     <Link href="/">Back to Home</Link>
                 </Button>
+                <Button asChild variant="outline">
+                    <Link href="/gallery">View Video Gallery &raquo;</Link>
+                </Button>
             </div>
           </div>
         </div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index de6c144..76680f0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -76,10 +76,13 @@ export default function Home() {
               </CardContent>
             </Card>
 
-            <div className="text-center my-8">
+            <div className="flex flex-wrap justify-center items-center gap-4 my-8">
               <Button asChild variant="outline" size="lg">
                 <Link href="/long-story">Read The Full Story &raquo;</Link>
               </Button>
+              <Button asChild variant="outline" size="lg">
+                <Link href="/gallery">View Video Gallery &raquo;</Link>
+              </Button>
             </div>
 
             <Card className="border-2 border-destructive shadow-lg">