Landing: 🔥 Remove and upgrade dependencies (#2968)

landing/Dockerfile

@@ -35,9 +35,7 @@ COPY --link ./landing ./landing
 RUN pnpm install --frozen-lockfile --prod=false
 
 # Build application
-RUN --mount=type=secret,id=STORYBLOK_TOKEN \
-    STORYBLOK_TOKEN="$(cat /run/secrets/STORYBLOK_TOKEN)" \
-    pnpm -F landing run build
+RUN pnpm -F landing run build
 
 # Remove development dependencies
 RUN pnpm prune --prod

landing/astro.config.mjs

@@ -1,7 +1,6 @@
 import { defineConfig } from 'astro/config';
 import mdx from '@astrojs/mdx';
 import sitemap from '@astrojs/sitemap';
-import storyblok from '@storyblok/astro';
 import tailwind from '@astrojs/tailwind';
 import { loadEnv } from 'vite';
 
@@ -13,16 +12,6 @@ export default defineConfig({
   integrations: [
     mdx(),
     sitemap(),
-    storyblok({
-      accessToken: STORYBLOK_TOKEN,
-      apiOptions: {
-        region: 'us'
-      },
-      components: {
-        'all-articles': 'storyblok/AllArticles',
-        article: 'storyblok/Article'
-      }
-    }),
     tailwind()
   ],
 });

landing/package.json

@@ -11,21 +11,19 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.8.2",
-    "@astrojs/mdx": "^3.1.2",
+    "@astrojs/check": "^0.9.3",
+    "@astrojs/mdx": "^3.1.5",
     "@astrojs/rss": "^4.0.7",
     "@astrojs/sitemap": "^3.1.6",
     "@astrojs/tailwind": "^5.1.0",
-    "@storyblok/astro": "^5.0.0",
-    "@storyblok/js": "^3.0.8",
-    "astro": "^4.13.0",
+    "astro": "^4.15.4",
     "shepherd.js": "workspace:*",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.11",
     "typescript": "^5.5.3"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.13",
-    "sharp": "^0.33.4",
-    "vite": "^5.3.2"
+    "@tailwindcss/typography": "^0.5.15",
+    "sharp": "^0.33.5",
+    "vite": "^5.4.4"
   }
 }

landing/src/components/Header.astro

@@ -4,61 +4,61 @@ import ShepherdHead from '../images/shepherd-head.svg?raw';
 import ShepherdHeader from '../images/shepherd-header.svg';
 ---
 
-<header class="flex justify-center mt-4 w-full">
-  <div class="absolute ml-2 top-0">
-    <Fragment class="shepherd-logo absolute ml-2" set:html={ShepherdHead} />
+<header class='flex justify-center mt-4 w-full'>
+  <div class='absolute ml-2 top-0'>
+    <Fragment class='shepherd-logo absolute ml-2' set:html={ShepherdHead} />
   </div>
 
   <div
-    class="bg-grey-light flex flex-col font-heading justify-center items-center w-full"
+    class='bg-grey-light flex flex-col font-heading justify-center items-center w-full'
   >
     <nav
-      class="flex flex-wrap justify-center p-4 mt-40 max-w-8xl text-xl w-full lg:justify-between lg:mt-0"
+      class='flex flex-wrap justify-center p-4 mt-40 max-w-8xl text-xl w-full lg:justify-between lg:mt-0'
     >
-      <div class="flex lg:p-12">
+      <div class='flex lg:p-12'>
         <a
-          class="pr-6 uppercase hover:text-navy-light lg:pr-10"
-          href="https://github.com/shepherd-pro/shepherd"
+          class='pr-6 uppercase hover:text-navy-light lg:pr-10'
+          href='https://github.com/shepherd-pro/shepherd'
         >
           GitHub
         </a>
         <a
-          class="pr-6 uppercase lg:pr-10 hover:text-navy-light"
-          href="https://docs.shepherdpro.com/"
+          class='pr-6 uppercase lg:pr-10 hover:text-navy-light'
+          href='https://docs.shepherdpro.com/'
         >
           Docs
         </a>
-        <a class="pr-6 uppercase hover:text-navy-light lg:pr-0" href="/demo">
+        <a class='pr-6 uppercase hover:text-navy-light lg:pr-0' href='/demo'>
           Demo
         </a>
       </div>
 
-      <div class="flex lg:p-12">
-        <a
-          class="pr-6 uppercase text-pink-300 hover:text-navy-light lg:pr-10"
-          href="https://shepherdpro.com/"
+      <div class='flex lg:p-12'>
+        <!-- <a
+          class='pr-6 uppercase hover:text-navy-light lg:pr-10'
+          href='/pricing'
         >
-          Pro
-        </a>
-        <a class="pr-6 uppercase hover:text-navy-light lg:pr-10" href="/">
+          Pricing
+        </a> -->
+        <a class='pr-6 uppercase hover:text-navy-light lg:pr-10' href='/blog'>
           Blog
         </a>
         <a
-          class="uppercase hover:text-navy-light"
-          href="mailto:[email protected]"
+          class='uppercase hover:text-navy-light'
+          href='mailto:[email protected]'
         >
           Contact
         </a>
       </div>
     </nav>
 
     <img
-      class="hero-welcome p-4 w-full lg:mt-4 lg:p-0 lg:w-auto"
+      class='hero-welcome p-4 w-full lg:mt-4 lg:p-0 lg:w-auto'
       src={ShepherdHeader.src}
       alt={SITE_TITLE}
     />
 
-    <h2 class="font-body p-2 text-xl">
+    <h2 class='font-body p-2 text-xl'>
       Guide your users through a tour of your app
     </h2>
   </div>