Finished services section

config.toml

@@ -4,6 +4,7 @@ title = "ContenidosOnline"
 
 [params.navigation]
   logo = "CO"
+  items = [ "servicios", "nosotros", "contacto" ]
 
 [params.header]
   title = "ContenidosOnline"
@@ -12,6 +13,8 @@ title = "ContenidosOnline"
 [params.intro]
   text = "En ContenidosOnline, creemos que un sitio web es una herramienta esencial para cualquier empresa. Por eso, es importante contar con un sitio web profesional, seguro y que cumpla con los estándares actuales. Nosotros te ofrecemos servicio de web hosting, consultoría Linux y programación web para ayudarte a crear el sitio web que tu empresa necesita."
 
+# Icons: https://fontawesome.com/icons
+
 [params.services]
   titleService = "Consultoria Linux"
   titleService2 = "Desarrollo web"
@@ -72,4 +75,18 @@ title = "ContenidosOnline"
     description = [
         "Optimizamos nuestros sitios web para que sean fáciles de encontrar en los resultados de búsqueda. Esto significa que sus clientes potenciales pueden encontrar su sitio web cuando buscan información sobre su negocio.",
       ]
-    icon = "fa-solid fa-magnifying-glass"
+    icon = "fa-solid fa-magnifying-glass"
+
+  [[params.services.item_service_2]]
+    title = "Usabilidad"
+    description = [
+        "Se trata de simplificar la interacción del usuario con su sitio web. Creamos interfaces amigables que permiten a los visitantes navegar y realizar acciones de manera eficiente, mejorando así la retención y la conversión de clientes.",
+      ]
+    icon = "fa-regular fa-hand-pointer"
+
+  [[params.services.item_service_2]]
+    title = "Experiencia de usuario (UX)"
+    description = [
+        "Se enfoca en crear sitios web que sean fáciles de usar y agradables para los visitantes. Nos aseguramos de que los usuarios encuentren lo que necesitan de manera intuitiva, lo que mejora la satisfacción y fidelidad del cliente.",
+      ]
+    icon = "fa-regular fa-face-smile"

layouts/partials/nav.html

@@ -9,8 +9,8 @@
     <span class="menu-icon__line"></span>
   </label>
   <ul class="nav-links">
-    <li class="nav-link"><a href="#">Servicios</a></li>
-    <li class="nav-link"><a href="#">Nosotros</a></li>
-    <li class="nav-link"><a href="#">Contacto</a></li>
+    {{ range $item := .Site.Params.navigation.items }}
+      <li class="nav-link"><a href="#{{$item}}">{{$item}}</a></li>
+    {{ end }}
   </ul>
 </nav>

layouts/partials/services.html

@@ -1,4 +1,4 @@
-<div class="services-container">
+<div class="services-container" id="servicios"> 
   <div class="container">
     <h3 class="title-section">Servicios</h3>
     <span>{{ .Site.Params.services.titleService }}</span>