feat: add movies

routes/index.tsx

@@ -1,6 +1,4 @@
 import { Head } from "$fresh/runtime.ts";
-import { useSignal } from "@preact/signals";
-import Counter from "@islands/Counter.tsx";
 import { MainLayout } from "@components/layouts/main.tsx";
 import { Card } from "@components/Card.tsx";
 import { PageProps } from "$fresh/server.ts";
@@ -14,10 +12,15 @@ export default function Home(props: PageProps) {
       <MainLayout url={props.url}>
         <div class="flex flex-wrap justify-center items-center gap-4 px-4">
           <Card
-            title="Recipes"
-            image="/api/images?image=Recipes/images/placeholder.jpg&width=200&height=200"
+            title="🍽️ Recipes"
+            image="/placeholder.svg"
             link="/recipes"
           />
+          <Card
+            title="🍿 Movies"
+            image="/placeholder.svg"
+            link="/movies"
+          />
         </div>
       </MainLayout>
     </>