add fuse

superpage/src/pages/index.astro

@@ -4,6 +4,7 @@ import { Icon } from "astro-icon/components";
 import Layout from "~/layouts/Layout.astro";
 import Container from "~/components/Container.astro";
 import { Clients } from "~/components/Course";
+import Search from "./_components/Search.astro";
 
 import mulhercomepi from "~/assets/mulher-com-epi.png";
 
@@ -19,7 +20,7 @@ let posts = await res.json();
             >
                 <div class="col-span-4 flex items-center justify-center">
                     <div class="lg:w-4/6 max-lg:p-5 space-y-6 lg:space-y-12">
-                        <form class="space-y-1.5">
+                        <div class="space-y-1.5">
                             <label for="search" class="block">
                                 <h1
                                     class="text-pretty font-semibold text-3xl lg:text-4xl"
@@ -29,7 +30,7 @@ let posts = await res.json();
                             </label>
 
                             <div
-                                class="flex gap-2.5 border border-black bg-white w-full rounded-lg"
+                                class="flex gap-2.5 border border-black bg-white w-full rounded-lg relative"
                             >
                                 <label for="search" class="py-3.5 pl-3">
                                     <Icon
@@ -37,12 +38,9 @@ let posts = await res.json();
                                         class="size-6"
                                     />
                                 </label>
-                                <input
-                                    id="search"
-                                    class="focus:outline-none w-full pr-5 py-3.5"
-                                />
+                                <Search />
                             </div>
-                        </form>
+                        </div>
 
                         <div>
                             <h2 class="font-bold text-xl flex gap-1">