Made a baseline working carousel, timeline, and started flushing out content for primary spacex experience

src/components/NestedNavbarEntries.astro

@@ -21,7 +21,7 @@ const getHrefPath = (entry: navLink): string => {
                                     data-dropdown-toggle={"dropdownNavbar" + getNavLinkSuffix(entry)}
                                     data-dropdown-placement="bottom"
                                     class="flex items-center justify-between py-2 px-3 w-full hover:text-caperren-green-light md:hover:bg-transparent md:border-0 md:hover:text-caperren-green-light md:p-0 ">
-                                {entry.title}
+                                {entry.navText}
                                 <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                      fill="none" viewBox="0 0 10 6">
                                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
@@ -39,7 +39,7 @@ const getHrefPath = (entry: navLink): string => {
 
                             <a href={getHrefPath(entry)}
                                class="block py-2 px-3 bg-transparent hover:text-caperren-green-light ring-caperren-green-dark md:p-0"
-                               aria-current="page">{entry.title}</a>
+                               aria-current="page">{entry.navText}</a>
 
                     )}
                 </li>