Merge pull request #1684 from appwrite/new-nav

update
appwrite · Jan 22, 2025 · 81c95e1 · 81c95e1
2 parents c4b0689 + 6cf6f94
commit 81c95e1
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 60 deletions.
diff --git 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
@@ -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';
 
@@ -97,54 +93,21 @@
         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: 'Pricing',
+            href: '/pricing'
+        }
+    ];
 
     $: resolvedTheme = $isMobileNavOpen ? 'dark' : theme;
 
@@ -179,7 +142,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 +182,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 +197,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
@@ -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
     };
 };