feat: embeds

src/app/layout.tsx

@@ -1,5 +1,8 @@
+'use client';
+
 import { config } from 'dotenv';
 import { Roboto_Flex } from 'next/font/google';
+import { usePathname } from 'next/navigation';
 import { ReactNode } from 'react';
 import Navbar from '../components/Navbar';
 
@@ -15,15 +18,20 @@ const robotoFlex = Roboto_Flex({
 });
 
 export default function RootLayout({ children }: RootLayoutProps) {
+  const pathname = usePathname();
+  const isEmbed = pathname.split('/')[1] === 'embeds';
+
   return (
     <html lang="en" className={robotoFlex.className}>
       <body
         style={{
           margin: 0,
-          background: 'url(https://i.imgur.com/PhS06NJ.png)',
+          background: isEmbed
+            ? 'transparent'
+            : 'url(https://i.imgur.com/PhS06NJ.png)',
         }}
       >
-        <Navbar />
+        {!isEmbed && <Navbar />}
 
         <div
           style={{