feat: add movies

routes/recipes/[name].tsx

@@ -22,7 +22,7 @@ export default function Greet(props: PageProps<Recipe>) {
 
   return (
     <MainLayout url={props.url}>
-      <RecipeHero recipe={recipe} />
+      <RecipeHero data={recipe} backlink="/recipes" />
       <div class="px-8 text-white mt-10">
         <div class="flex items-center gap-8">
           <h3 class="text-3xl my-5">Ingredients</h3>

routes/recipes/index.tsx

@@ -4,6 +4,7 @@ import { MainLayout } from "@components/layouts/main.tsx";
 import { Recipe } from "@lib/recipes.ts";
 import { getRecipes } from "../api/recipes/index.ts";
 import IconArrowLeft from "https://deno.land/x/tabler_icons_tsx@0.0.3/tsx/arrow-left.tsx";
+
 export const handler: Handlers<Recipe[] | null> = {
   async GET(_, ctx) {
     const recipes = await getRecipes();
@@ -23,7 +24,7 @@ export default function Greet(props: PageProps<Recipe[] | null>) {
           Back
         </a>
 
-        <h3 class="text-2xl text-white font-light">Recipes</h3>
+        <h3 class="text-2xl text-white font-light">🍽️ Recipes</h3>
       </header>
       <div class="flex flex-wrap items-center gap-4 px-4">
         {props.data?.map((doc) => {