Add a get started button to the top nav (#172)

Author: remotesynth

astro.config.mjs

@@ -53,6 +53,7 @@ export default defineConfig({
       },
       components: {
         PageSidebar: './src/components/PageSidebarWithBadges.astro',
+        LanguageSelect: './src/components/LanguageSelectWithGetStarted.astro',
       },
       expressiveCode: {
         themes: ['one-light', 'one-dark-pro'],

src/components/LanguageSelectWithGetStarted.astro

@@ -0,0 +1,38 @@
+---
+import Default from '@astrojs/starlight/components/LanguageSelect.astro';
+
+// Get the current page route
+const route = Astro.locals.starlightRoute;
+const isSnowflakePage = route.id.startsWith('snowflake');
+
+let getStartedUrl = 'https://app.localstack.cloud/sign-up';
+
+if (isSnowflakePage) {
+  getStartedUrl += 'p?emulator=snowflake';
+}
+---
+
+<style>
+  .button {
+    background-color: #703cea;
+    color: #fff;
+    padding: 5px 10px;
+    font-size: 14px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 36px;
+    text-decoration: none;
+    border-color: #703cea;
+    border-width: 1px;
+  }
+  .button:hover {
+    box-shadow: 0 0 8px 0 #6e3ae8;
+    border-color: #4d0dcf;
+    border-width: 1px;
+  }
+</style>
+
+<Default><slot /></Default>
+<a class="button" href={getStartedUrl}>Get Started for Free</a>