From d564fbc15b1e3c035ceaa1b258d06b37f0719fd5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20Bara=C3=BAna?= Date: Tue, 22 Apr 2025 17:50:08 -0300 Subject: [PATCH 01/17] Update Teams page CTAs to link to Teams sign up instead of beta form --- src/pages/teams.astro | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/teams.astro b/src/pages/teams.astro index 65a73f0..a9ed1ad 100644 --- a/src/pages/teams.astro +++ b/src/pages/teams.astro @@ -62,10 +62,10 @@ import deployWithTeams from "../images/teams/how-to-deploy-livebook-app-with-liv
- I want FREE early access + Try it free for 30 days @@ -654,10 +654,10 @@ import deployWithTeams from "../images/teams/how-to-deploy-livebook-app-with-liv - I want FREE early access + Try it free for 30 days
From d232a404f43d7799b4a30b74432af8c223ba442b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20Bara=C3=BAna?= Date: Tue, 22 Apr 2025 18:29:55 -0300 Subject: [PATCH 02/17] Add tax disclaimer to pricing page --- src/pages/teams/pricing.astro | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/pages/teams/pricing.astro b/src/pages/teams/pricing.astro index a42488f..e632238 100644 --- a/src/pages/teams/pricing.astro +++ b/src/pages/teams/pricing.astro @@ -60,6 +60,11 @@ import TeamsPricingFaq from "../../components/TeamsPricingFaq.astro"; ]} /> +
+

+ * all prices shown exclude applicable taxes +

+
From f4ed956464605aecd3f3d267c10d47de21ed489a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20Bara=C3=BAna?= Date: Wed, 23 Apr 2025 14:01:01 -0300 Subject: [PATCH 03/17] Separate livebook menu from teams menu --- src/components/DefaultMenu.astro | 93 ++++++++++ src/components/DefaultMobileMenu.astro | 59 ++++++ src/components/TeamsMenu.astro | 84 +++++++++ src/components/TeamsMobileMenu.astro | 50 +++++ src/layouts/Layout.astro | 244 ++++++------------------- src/utils/navigation.js | 3 + 6 files changed, 348 insertions(+), 185 deletions(-) create mode 100644 src/components/DefaultMenu.astro create mode 100644 src/components/DefaultMobileMenu.astro create mode 100644 src/components/TeamsMenu.astro create mode 100644 src/components/TeamsMobileMenu.astro create mode 100644 src/utils/navigation.js diff --git a/src/components/DefaultMenu.astro b/src/components/DefaultMenu.astro new file mode 100644 index 0000000..385e47d --- /dev/null +++ b/src/components/DefaultMenu.astro @@ -0,0 +1,93 @@ +--- +import { isPathActive } from "../utils/navigation.js"; +--- + +
+ +
+
+ +
diff --git a/src/components/DefaultMobileMenu.astro b/src/components/DefaultMobileMenu.astro new file mode 100644 index 0000000..67ad6f6 --- /dev/null +++ b/src/components/DefaultMobileMenu.astro @@ -0,0 +1,59 @@ +--- +import { isPathActive } from "../utils/navigation.js"; +--- + + +
+ +
diff --git a/src/components/TeamsMenu.astro b/src/components/TeamsMenu.astro new file mode 100644 index 0000000..ce4166d --- /dev/null +++ b/src/components/TeamsMenu.astro @@ -0,0 +1,84 @@ +--- +import { isPathActive } from "../utils/navigation.js"; +--- + +
+ +
+
+ +
diff --git a/src/components/TeamsMobileMenu.astro b/src/components/TeamsMobileMenu.astro new file mode 100644 index 0000000..f2004d3 --- /dev/null +++ b/src/components/TeamsMobileMenu.astro @@ -0,0 +1,50 @@ +--- +import { isPathActive } from "../utils/navigation.js"; +--- + + +
+ +
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index f4e5d7b..b91ad2e 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -9,6 +9,10 @@ import hfLogoWithText from "../images/hf-logo-with-text.svg"; import tigrisLogo from "../images/tigris-logo.svg"; import Icon from "../components/Icon.astro"; +import DefaultMenu from "../components/DefaultMenu.astro"; +import TeamsMenu from "../components/TeamsMenu.astro"; +import DefaultMobileMenu from "../components/DefaultMobileMenu.astro"; +import TeamsMobileMenu from "../components/TeamsMobileMenu.astro"; export interface Props { title: string; @@ -23,10 +27,6 @@ const { displaySponsors = true, variant = "default", } = Astro.props; - -function isPathActive(path) { - return Astro.url.pathname.startsWith(path); -} --- @@ -88,84 +88,8 @@ function isPathActive(path) { > -
- -
-
- -
+ {variant === "default" && } + {variant === "teams" && } @@ -197,60 +121,8 @@ function isPathActive(path) { data-on-menu="show" class="h-full mt-12 flex flex-col items-center space-y-12" > - -
- -
+ {variant === "default" && } + {variant === "teams" && } @@ -425,69 +297,71 @@ function isPathActive(path) { }); - - - + .header-mobile.scrolled { + @apply py-3 border-b border-gray-200 dark:border-gray-700; + } + - + window.addEventListener("scroll", () => { + const scrolled = window.scrollY > 1; + header.classList.toggle("scrolled", scrolled); + headerMobile.classList.toggle("scrolled", scrolled); + }); + + + diff --git a/src/utils/navigation.js b/src/utils/navigation.js new file mode 100644 index 0000000..c6401f0 --- /dev/null +++ b/src/utils/navigation.js @@ -0,0 +1,3 @@ +export function isPathActive(path, url) { + return url.pathname.startsWith(path); +} From 6a470efc672b31eed0b1c3fd74917016fd218633 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20Bara=C3=BAna?= Date: Wed, 23 Apr 2025 17:30:35 -0300 Subject: [PATCH 04/17] Change items of teams menu --- src/components/TeamsMenu.astro | 60 ++++------------------------ src/components/TeamsMobileMenu.astro | 31 ++++---------- 2 files changed, 16 insertions(+), 75 deletions(-) diff --git a/src/components/TeamsMenu.astro b/src/components/TeamsMenu.astro index ce4166d..a66eee5 100644 --- a/src/components/TeamsMenu.astro +++ b/src/components/TeamsMenu.astro @@ -7,66 +7,22 @@ import { isPathActive } from "../utils/navigation.js"; data-el-menu class="flex gap-6 xl:gap-12 text-gray-600 dark:text-gray-200" > - + Teams + Use cases + Features - Integrations - - Pricing - Badges - - Docs - - What’s new? - + Docs
diff --git a/src/components/TeamsMobileMenu.astro b/src/components/TeamsMobileMenu.astro index f2004d3..a97173a 100644 --- a/src/components/TeamsMobileMenu.astro +++ b/src/components/TeamsMobileMenu.astro @@ -6,34 +6,19 @@ import { isPathActive } from "../utils/navigation.js"; data-el-menu class="flex flex-col items-center space-y-10 text-xl text-gray-700 dark:text-gray-200" > - Home - Install - Features + Teams + + Use cases + Features Pricing - Integrations - - - Badges - - Docs - - What’s new? - + Docs
diff --git a/src/components/DefaultMobileMenu.astro b/src/components/DefaultMobileMenu.astro index 67ad6f6..3c7e370 100644 --- a/src/components/DefaultMobileMenu.astro +++ b/src/components/DefaultMobileMenu.astro @@ -53,7 +53,7 @@ import { isPathActive } from "../utils/navigation.js"; ]} href="https://teams.livebook.dev/" > - Log into Teams + Log in to Teams
diff --git a/src/components/TeamsMenu.astro b/src/components/TeamsMenu.astro index a66eee5..5dfc4c7 100644 --- a/src/components/TeamsMenu.astro +++ b/src/components/TeamsMenu.astro @@ -26,15 +26,24 @@ import { isPathActive } from "../utils/navigation.js";
-
diff --git a/src/components/TeamsMobileMenu.astro b/src/components/TeamsMobileMenu.astro index a97173a..7e057b4 100644 --- a/src/components/TeamsMobileMenu.astro +++ b/src/components/TeamsMobileMenu.astro @@ -21,15 +21,24 @@ import { isPathActive } from "../utils/navigation.js"; Docs
-