From 54c0fc5e76fb0219fd6527fcd57e52f0d5b7b40d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Sun, 27 Apr 2025 20:28:16 -0300
Subject: [PATCH] add trends

---
 superpage/src/pages/_components/Search.astro |  1 +
 superpage/src/pages/index.astro              | 22 +++++++++++++++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/superpage/src/pages/_components/Search.astro b/superpage/src/pages/_components/Search.astro
index b77a3d3..7687e87 100644
--- a/superpage/src/pages/_components/Search.astro
+++ b/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,
             });
diff --git a/superpage/src/pages/index.astro b/superpage/src/pages/index.astro
index 5ae75c2..59e7c40 100644
--- a/superpage/src/pages/index.astro
+++ b/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>