diff --git a/pgml-dashboard/Cargo.lock b/pgml-dashboard/Cargo.lock
index 0c605a37d..7927a5bbc 100644
--- a/pgml-dashboard/Cargo.lock
+++ b/pgml-dashboard/Cargo.lock
@@ -2375,7 +2375,7 @@ checksum = "9b2a4787296e9989611394c33f193f676704af1686e70b8f8033ab5ba9a35a94"
[[package]]
name = "pgml"
-version = "0.9.4"
+version = "0.9.5"
dependencies = [
"anyhow",
"async-trait",
diff --git a/pgml-dashboard/src/components/github_icon/github_icon.scss b/pgml-dashboard/src/components/github_icon/github_icon.scss
new file mode 100644
index 000000000..5037cae6b
--- /dev/null
+++ b/pgml-dashboard/src/components/github_icon/github_icon.scss
@@ -0,0 +1,31 @@
+.btn-github {
+ background-color: #{$gray-700};
+ border-radius: $border-radius;
+ padding: 10px 20px;
+
+}
+
+.github-badge {
+ $color: $neon-shade-100;
+ padding: 4px;
+
+ p {
+ margin: 0px;
+ background: #{$color};
+ border-radius: calc($border-radius / 2);
+ padding: 4px;
+ font-size: 0.8rem;
+ font-weight: 500;
+ }
+
+ // Add right pointing arrow
+ &::after {
+ content: "";
+ width: 0;
+ height: 0;
+ border-top: 5px solid transparent;
+ border-bottom: 5px solid transparent;
+
+ border-left: 5px solid #{$color};
+ }
+}
diff --git a/pgml-dashboard/src/components/github_icon/template.html b/pgml-dashboard/src/components/github_icon/template.html
index 5aa0edc9a..1142d5613 100644
--- a/pgml-dashboard/src/components/github_icon/template.html
+++ b/pgml-dashboard/src/components/github_icon/template.html
@@ -1,10 +1,18 @@
-
- <% if show_stars {%>
- <% if let Ok(stars) = crate::utils::config::github_stars() { %>
- Stars | <%= stars %>
- <% } %>
- <% } %>
-
-
+
+
+<% if show_stars { %>
+
+
+ <% if let Ok(stars) = crate::utils::config::github_stars() { %>
+ <%= stars %>
+ <% } %>
+
+<% } else { %>
+
+
+
+<% } %>
diff --git a/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss b/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
index 4a5c5ab4f..42447bca8 100644
--- a/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
+++ b/pgml-dashboard/src/components/navigation/navbar/marketing/marketing.scss
@@ -1,6 +1,64 @@
.navbar-marketing-site {
@extend .navbar;
+
+ @include media-breakpoint-up(xl) {
+ height: $navbar-height;
+ --bs-navbar-padding-y: 24px;
+ --bs-navbar-padding-x: 1.25rem;
+ }
+
+ .controls {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ min-height: $navbar-height;
+
+ @include media-breakpoint-down(xl) {
+ width: 100%;
+ }
+ }
+
+ .navbar-collapse {
+ @include media-breakpoint-up(xl) {
+ width: 100%;
+ }
+ }
+
&.horizontal {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.64) -55.68%, rgba(0, 0, 0, 0) 100%);
}
+
+ .underline {
+ position: absolute;
+ width: 100%;
+ height: 1px;
+ background-color: #{$gray-600};
+ left: 0px;
+ top: 88px;
+
+ &.collapsing {
+ height: 1px !important;
+ }
+
+ &.show {
+ height: 1px;
+ }
+ }
+
+ .btn-primary {
+ @include media-breakpoint-up(xl) {
+ padding: 10px 20px;
+ }
+ }
+
+ .btn-secondary {
+ @include media-breakpoint-up(xl) {
+ padding: 8px 20px; // compensate for 1px boarder
+ }
+ }
+
+ .icon-back-btn {
+ width: 15px;
+ font-size: 1.5rem;
+ }
}
diff --git a/pgml-dashboard/src/components/navigation/navbar/marketing/template.html b/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
index 3e2bbb04c..beab8e016 100644
--- a/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
+++ b/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
@@ -1,69 +1,127 @@
-<% use crate::templates::components::GithubIcon; %>
-<% use crate::templates::components::PostgresLogo; %>
+<%
+ use crate::templates::components::GithubIcon;
+ use crate::templates::components::PostgresLogo;
+ use crate::components::navigation::navbar::marketing_link::MarketingLink;
+ use crate::components::static_nav_link::StaticNavLink;
+
+ let solutions_links = vec![
+ StaticNavLink::new("ChatBot".to_string(), "/chatbot".to_string()).icon("smart_toy"),
+ StaticNavLink::new("Site Search".to_string(), "/test2".to_string()).icon("manage_search").disabled(true),
+ StaticNavLink::new("Forcasting".to_string(), "/test2".to_string()).icon("avg_pace").disabled(true),
+ StaticNavLink::new("Frad Detection".to_string(), "/test2".to_string()).icon("e911_emergency").disabled(true),
+ ];
+%>
-