StaticNavLink::new("Fraud Detection".to_string(), "/test2".to_string()).icon("e911_emergency").disabled(true),

StaticNavLink::new("Forecasting".to_string(), "/test2".to_string()).icon("avg_pace").disabled(true),

];

let company_links = vec![

StaticNavLink::new("About".to_string(), "/about".to_string()).icon("smart_toy"),

StaticNavLink::new("Contact".to_string(), "/contact".to_string()).icon("alternate_email")

];

struct mobile_navs {

collapse: String,

links: Vec<StaticNavLink>

}

let mobile_nav_items = vec![

mobile_navs {

collapse: "solutions-collapse".to_string(),

links: solutions_links.clone()

},

mobile_navs {

collapse: "company-collapse".to_string(),

links: company_links.clone()

}

];

%>

<divclass="sticky-top-nav"data-controller="navigation-navbar-marketing">

<divclass="collapse navbar-collapse drawer-submenu-container navbarSupportedContent"id="navbarSupportedContent">

<divclass="nav-item w-100 d-xl-flex flex-column flex-xl-row align-items-xl-center collapse collapse-horizontalsolutions-collapseshow drawer-submenu">

<divclass="nav-item w-100 d-xl-flex flex-column flex-xl-row align-items-xl-center collapse collapse-horizontal show drawer-submenu <% for item in &mobile_nav_items {%> <%- item.collapse %><% } %>">

<ulclass="navbar-nav flex-grow-1 gap-4 me-auto my-4 my-xl-0">

<% if !standalone_dashboard { %>

<%+ MarketingLink::new().link(StaticNavLink::new("Blog".to_string(), "/blog/speeding-up-vector-recall-by-5x-with-hnsw".to_string())) %>

<% if !standalone_dashboard { %>

<%+ MarketingLink::new().link(StaticNavLink::new("Company".to_string(), "/about".to_string())) %>

<divclass="d-none d-xl-flex">

<%+ MarketingLink::new()

.name("Company")

.links(company_links.clone()) %>

<liclass="nav-item d-flex align-items-center d-flex d-xl-none">

<aclass="nav-link p-0 fw-semibold"href="#"data-bs-toggle="collapse"data-bs-target=".company-collapse">Company</a>

<% } %>

<liclass="nav-item d-none d-xl-flex align-items-center">

<divclass="nav-item collapse-horizontal solutions-collapse collapse drawer-submenu">

<% for item in mobile_nav_items { %>

<divclass="nav-item collapse-horizontal <%- item.collapse %> collapse drawer-submenu">

<ulclass="sub-menu-dropdown mb-5 d-flex flex-column gap-3">

<aclass="btn btn-tertiary-web-app"data-bs-toggle="collapse"data-bs-target=".solutions-collapse">

<aclass="btn btn-tertiary-web-app"data-bs-toggle="collapse"data-bs-target=".<%- item.collapse%>">

<spanclass="material-symbols-outlined icon-back-btn">

arrow_back

Back

<% for link insolutions_links { %>

<% for link initem.links { %>

<%+ MarketingLink::new().link(

StaticNavLink::new(link.name.to_string(), link.href.to_string())

.disabled(link.disabled)

) %>

<% } %>

<% } %>

&:active {

background:$hp-gradient-active;

}

--bs-btn-disabled-color:#{$gray-900};

&:disabled {

background:#{$gray-200};

}

}

.btn-secondary {

--bs-danger-text:#{$error};

}

.form-control:invalid.form-control:not(:placeholder-shown) {

border-color:#{$error};

}

.hourly-rate {

display:flex;

flex-direction:row;