diff --git a/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js b/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
index ab471cae..9b4c13a5 100644
--- a/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
+++ b/src/components/NavBar/AnimatedNavBar/AnimatedNavbar.js
@@ -5,65 +5,39 @@ import { Flipper } from "react-flip-toolkit"
 import DropdownContainer from "./DropdownContainer"
 import Dropdown from "./DropdownContainer/Dropdown"
 
-const getComponentTitle = component => {
-  // falta definir los titulos para cada componente y arreglar los vinculos internos
-  const titleReference = {
-    "home.hero": () => component.title,
-    "components.banner-list": () => component.title,
-    "components.selected-grid": () => component.title,
-    "components.cases-section": () => component.title,
-    "home.quote": () => component.title,
-    "home.video-background": () => component.title,
-    "components.featured-blogs": () => component.title,
-    "home.dual-section": () =>
-      component.dualSectionPart.map(section => section.title).join(" - "),
-    "components.text": () => false,
-    "banners.banner-head": () => component.title,
-    "components.logos-section": () => component.title,
-    "components.form": () => false,
-    "components.banner": () => component.title,
-  }
-  return (
-    titleReference[component.strapi_component] &&
-    titleReference[component.strapi_component]()
-  )
-}
-
 const AnimatedNavbar = ({ landingComponents, navbarItems = [], duration }) => {
   const navbarConfig = [
     ...navbarItems.map(navItem => {
+      let res 
       if (navItem.singleType) {
-        return {
+        res = {
           title: navItem.label,
           slug: navItem.singleType,
           dropdown: () => <Dropdown sections={null} />,
         }
       } else if (navItem.landing) {
-        return {
+        res = {
           title: navItem.label,
           slug: navItem.landing.slug,
           dropdown: () =>
             navItem.dropdown ? (
               <Dropdown
                 sections={landingComponents
-                  .find(landing => landing.name === navItem.landing.name)
-                  .body.map(component => ({
-                    name: getComponentTitle(component) || "",
-                    id: component.strapi_component + "-" + component.id,
-                    slug: navItem.landing.slug,
-                  }))}
+                  .find(landing => landing.name === navItem.landing.name).body}
+                slug={navItem.landing.slug}
               />
             ) : (
               <Dropdown sections={null} />
             ),
         }
       } else if (navItem.url) {
-        return {
+        res = {
           title: navItem.label,
           slug: navItem.url,
           dropdown: () => <Dropdown sections={null} />,
         }
       }
+      return res
     }),
   ]
 
diff --git a/src/components/NavBar/AnimatedNavBar/DropdownContainer/Dropdown.js b/src/components/NavBar/AnimatedNavBar/DropdownContainer/Dropdown.js
index d6af4c5d..b21824b8 100644
--- a/src/components/NavBar/AnimatedNavBar/DropdownContainer/Dropdown.js
+++ b/src/components/NavBar/AnimatedNavBar/DropdownContainer/Dropdown.js
@@ -2,24 +2,40 @@ import { Link } from "gatsby"
 import React from "react"
 import "./dropdown.scss"
 
-const Dropdown = ({ sections }) => {
+const Dropdown = ({ sections, slug }) => {
   return (
     <div className="dropdown_elem" style={!sections ? { maxHeight: "0" } : {}}>
       <div className="dropdown_elem-section" data-first-dropdown-section>
         <ul>
           {sections &&
             sections.map(section =>
-              section.name ? (
-                <p className="dropdown_elem-link">
-                  <Link
-                    to={"/" + (section.slug || "")}
-                    state={{ component: section.id }}
-                    className="dropdown_elem-link-inner"
-                  >
-                    {section.name}
-                  </Link>
-                </p>
-              ) : null
+              (section.strapi_component === "components.selected-grid") ? (
+                section?.items.map(item =>(
+                  item.navTitle ? (
+                    <p className="dropdown_elem-link">
+                      <Link
+                        to={"/" + (item.landing_page.slug || "")}
+                        state={{ component: section.id }}
+                        className="dropdown_elem-link-inner"
+                      >
+                        {item.navTitle}
+                      </Link>
+                    </p>
+                  ) : ( null )
+                ))
+              ) : (
+                section?.navTitle ? (
+                  <p className="dropdown_elem-link">
+                    <Link
+                      to={"/" + (slug || "")}
+                      state={{ component: section.strapi_component + '-' + section.id }}
+                      className="dropdown_elem-link-inner"
+                    >
+                      {section.navTitle}
+                    </Link>
+                  </p>
+                ) : null
+              )
             )}
         </ul>
       </div>