press page

app/press/page.tsx

@@ -0,0 +1,23 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+import { ResponsiveIframe } from "@/app/components/responsive-iframe";
+
+export default async function PressPage() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <ResponsiveIframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_SHOWCASE_URL || ''}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        />
+      </div>
+    </main>
+  );
+} 

components/main-nav.tsx

@@ -21,6 +21,7 @@ import {
   Lightbulb,
   Circle,
   Menu,
+  Newspaper,
 } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
@@ -277,6 +278,10 @@ export function MainNav() {
               <RadioIcon className='w-5 h-5' />
               <span className="sr-only">Radio</span>
             </Link>
+            <Link href='/press' className='text-white/80 hover:text-white'>
+              <Newspaper className='w-5 h-5' />
+              <span className="sr-only">Press</span>
+            </Link>
             <Link href='/announcement' className='text-white/80 hover:text-white'>
               <Megaphone className='w-5 h-5' />
               <span className="sr-only">Announcement</span>