page links

app/components/Header.tsx

@@ -29,9 +29,8 @@ export default function MobileHeader() {
                             <div tabIndex={0} role="button" className="bg-primary text-black p-1 border-b-accent border-b-4 rounded-2xl block w-28 text-center active:mt-1 active:border-0" >
                                 Projects
                             </div>
-                            <ul tabIndex={0} className="text-black dropdown-content z-10 mt-1 p-2 bg-primary border-4 border-accent rounded-box w-52 shadow-right-bottom">
-                                <li><a>Item 1</a></li>
-                                <li><a>Item 2</a></li>
+                            <ul tabIndex={0} className="text-black dropdown-content mt-1 p-2 bg-primary border-4 border-accent rounded-box w-52 shadow-right-bottom z-50 flex flex-col">
+                                <Link href="/projects/wendy-and-the-sprite" className="hover:bg-white p-2 rounded-2xl w-full">Wendy and the Sprite</Link>
                             </ul>
                         </div>
                     </li>

app/projects/wendy-and-the-sprite/page.tsx

@@ -0,0 +1,10 @@
+import Header from "@/app/components/Header";
+import Footer from "@/app/components/Footer";
+export default function Publishing() {
+    return (
+        <main className="flex min-h-screen flex-col bg-base-100">
+            <Header />
+            <Footer/>
+        </main>
+    )
+}

app/publishing/design/page.tsx

@@ -1,11 +1,8 @@
 
 import Footer from "@/app/components/Footer";
 import Header from "@/app/components/Header";
-import mailLogo from "@/public/mail.svg"
 import PageTitle from "@/app/components/PageTitle";
-import Link from "next/link";
-import Image from "next/image";
-import AnthologyCarousel from "@/app/components/AnthologyCarousel";
+
 
 export default function Anthology() {
   return (