Improve embed pages

Author: switz

src/app/(embed)/layout.tsx

@@ -16,7 +16,26 @@ export default async function EmbedLayout({ children }: { children: ReactNode })
 
   return (
     <Flex column className="h-screen bg-white">
-      {/* Minimal header with just the player */}
+      <div className="bg-amber-500 text-center text-xs font-semibold tracking-wider">
+        POWERED BY{' '}
+        <a
+          href="https://relisten.net"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="underline hover:text-amber-700"
+        >
+          RELISTEN.NET
+        </a>{' '}
+        &amp;{' '}
+        <a
+          href="https://phish.in"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="underline hover:text-amber-700"
+        >
+          PHISH.IN
+        </a>
+      </div>
       <div className="flex h-[50px] min-h-[50px] items-center justify-center border-b border-gray-300 bg-white">
         <div className="w-full max-w-2xl">
           <Player artistSlugsToName={artistSlugsToName} />

src/app/(embed)/not-found.tsx

@@ -0,0 +1,15 @@
+export default function NotFound() {
+  return (
+    <div className="flex h-full flex-col">
+      <div className="flex flex-1 items-center justify-center bg-gray-50 px-4">
+        <div className="mx-auto w-full max-w-lg text-center">
+          <h1 className="text-3xl font-semibold text-gray-900">404 - Show Not Found</h1>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export const metadata = {
+  title: '404 - Page Not Found',
+};