From 53b5f4d2c394cb664b123214dc6f4bd49ba5d918 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Wed, 22 Jan 2025 12:49:06 -0500
Subject: [PATCH 1/2] update

---
 src/lib/experiments.ts       |  3 +-
 src/lib/layouts/Main.svelte  | 70 ++++++++++--------------------------
 src/routes/+layout.server.ts | 20 +++++++++--
 3 files changed, 37 insertions(+), 56 deletions(-)

diff --git a/src/lib/experiments.ts b/src/lib/experiments.ts
index 6a75bbad72..abdfae282b 100644
--- a/src/lib/experiments.ts
+++ b/src/lib/experiments.ts
@@ -9,7 +9,8 @@ export const posthogServerClient = PUBLIC_POSTHOG_API_KEY
     : null;
 
 export const experiments = {
-    'sticky-navigation_ab-test': ['control', 'sticky-nav']
+    'sticky-navigation_ab-test': ['control', 'sticky-nav'],
+    'cta-copy_ab-test': ['control', 'start-for-free_variant', 'start-building_variant']
 } as const;
 
 type Key = keyof typeof experiments;
diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
index 1f1702f6ea..74fb9e7a35 100644
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -97,54 +97,22 @@
         return setupThemeObserver();
     });
 
-    $: navLinks = $page.data.isStickyNav
-        ? [
-              {
-                  label: 'Products',
-                  submenu: ProductsSubmenu,
-                  mobileSubmenu: ProductsMobileSubmenu
-              },
-              {
-                  label: 'Docs',
-                  href: '/docs'
-              },
-              {
-                  label: 'Pricing',
-                  href: '/pricing'
-              }
-          ]
-        : [
-              {
-                  label: 'Products',
-                  submenu: ProductsSubmenu,
-                  mobileSubmenu: ProductsMobileSubmenu
-              },
-              {
-                  label: 'Docs',
-                  href: '/docs'
-              },
-              {
-                  label: 'Community',
-                  href: '/community'
-              },
-              {
-                  label: 'Blog',
-                  href: '/blog'
-              },
-              {
-                  label: 'Integrations',
-                  href: '/integrations'
-              },
-              {
-                  label: 'Changelog',
-                  href: '/changelog',
-                  showBadge: hasNewChangelog?.() && !$page.url.pathname.includes('/changelog')
-              },
-              {
-                  label: 'Pricing',
-                  href: '/pricing'
-              }
-          ];
+    $: navLinks = [
+        {
+            label: 'Products',
+            submenu: ProductsSubmenu,
+            mobileSubmenu: ProductsMobileSubmenu
+        },
+        {
+            label: 'Docs',
+            href: '/docs'
+        },
+        { label: 'Blog', href: '/blog' },
+        {
+            label: 'Pricing',
+            href: '/pricing'
+        }
+    ];
 
     $: resolvedTheme = $isMobileNavOpen ? 'dark' : theme;
 
@@ -179,7 +147,6 @@
     <section
         class="web-mobile-header {resolvedTheme}"
         class:is-transparent={browser && !$isMobileNavOpen}
-        class:is-hidden={$isHeaderHidden && !$page.data.isStickyNav}
     >
         <div class="web-mobile-header-start">
             <a href="/">
@@ -220,11 +187,10 @@
     </section>
     <header
         class="web-main-header is-special-padding {resolvedTheme} is-transparent"
-        class:is-hidden={$isHeaderHidden && !$page.data.isStickyNav}
         class:is-special-padding={!BANNER_KEY.startsWith('init-banner-')}
         style={BANNER_KEY === 'init-banner-02' ? 'padding-inline: 0' : ''}
     >
-        {#if !$page.data.isStickyNav}
+        <!-- {#if !$page.data.isStickyNav}
             {#if BANNER_KEY.startsWith('init-banner-')}
                 <InitBanner />
             {:else}
@@ -236,7 +202,7 @@
                     </a>
                 </AnnouncementBanner>
             {/if}
-        {/if}
+        {/if} -->
 
         <div
             class="web-main-header-wrapper"
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index fd355a1c17..af026470eb 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -23,15 +23,29 @@ export const load = async ({ request, getClientAddress }) => {
 
     const distinctId = generateDistinctId(fingerprintData);
 
-    const isStickyNav = await getFeatureFlag<'sticky-navigation_ab-test'>(
+    const isStartBuilding = await getFeatureFlag<'cta-copy_ab-test'>(
         'sticky-navigation_ab-test',
-        'sticky-nav',
+        'start-building_variant',
         distinctId
     );
 
+    console.log(isStartBuilding);
+
+    const isStartForFree = await getFeatureFlag<'cta-copy_ab-test'>(
+        'sticky-navigation_ab-test',
+        'start-for-free_variant',
+        distinctId
+    );
+
+    const ctaCopy = isStartBuilding
+        ? 'Start building'
+        : isStartForFree
+          ? 'Start for free'
+          : 'Get started';
+
     return {
+        ctaCopy,
         distinctId,
-        isStickyNav,
         changelogEntries: (await getAllChangelogEntries()).length
     };
 };

From 6cf6f947214a59c57d795ff6dcee484278e4ac8b Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Wed, 22 Jan 2025 14:17:50 -0500
Subject: [PATCH 2/2] rm unused imports - blog link

---
 src/lib/layouts/Main.svelte | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
index 74fb9e7a35..9b2ec4d1b7 100644
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -12,15 +12,11 @@
     import { BANNER_KEY, GITHUB_REPO_LINK, GITHUB_STARS } from '$lib/constants';
     import { isVisible } from '$lib/utils/isVisible';
     import { createScrollInfo } from '$lib/utils/scroll';
-    import { hasNewChangelog } from '$routes/changelog/utils';
     import { addEventListener } from '@melt-ui/svelte/internal/helpers';
     import { onMount } from 'svelte';
-    import { page } from '$app/stores';
     import ProductsSubmenu from '$lib/components/ProductsSubmenu.svelte';
     import ProductsMobileSubmenu from '$lib/components/ProductsMobileSubmenu.svelte';
     import { PUBLIC_APPWRITE_DASHBOARD } from '$env/static/public';
-    import AnnouncementBanner from '$lib/components/AnnouncementBanner.svelte';
-    import InitBanner from '$lib/components/InitBanner.svelte';
     import { trackEvent } from '$lib/actions/analytics';
     import MainNav from '$lib/components/MainNav.svelte';
 
@@ -107,7 +103,6 @@
             label: 'Docs',
             href: '/docs'
         },
-        { label: 'Blog', href: '/blog' },
         {
             label: 'Pricing',
             href: '/pricing'