add trends

superpage/src/pages/_components/Search.astro

@@ -27,6 +27,7 @@ const bundlePath = `${import.meta.env.BASE_URL}pagefind/`;
             new PagefindUI({
                 element,
                 bundlePath,
+                autofocus: true,
                 showImages: false,
                 pageSize: 5,
             });

superpage/src/pages/index.astro

@@ -7,6 +7,18 @@ import { Clients } from "~/components/Course";
 import Search from "./_components/Search.astro";
 
 import mulhercomepi from "~/assets/mulher-com-epi.png";
+const treands = [
+    {
+        label: "NR-18 PEMT Plataforma Móvel de Trabalho Aéreo",
+        href: "nr-18-plataforma-de-trabalho-aereo",
+    },
+    { label: "NR-10 Básico", href: "nr-10-basico" },
+    { label: "CIPA Grau de Risco 3", href: "cipa-grau-de-risco-3" },
+    {
+        label: "NR-35 Trabalho em Altura",
+        href: "nr-35-trabalhos-em-altura-teorico",
+    },
+];
 ---
 
 <Layout>
@@ -35,9 +47,13 @@ import mulhercomepi from "~/assets/mulher-com-epi.png";
                                 <span>Cursos mais procurados</span>
                             </h2>
                             <ul class="list-disc list-inside font-medium">
-                                <li>CIPA</li>
-                                <li>Lei Lucas</li>
-                                <li>Noções em Primeiros Socorros</li>
+                                {
+                                    treands.map(({ label, href }) => (
+                                        <li>
+                                            <a href={href}>{label}</a>
+                                        </li>
+                                    ))
+                                }
                             </ul>
                         </div>
                     </div>