feat: course-app v0.0.11 (#523)

* chore: remove bin

* fix: restore bin

* change dist to bin

* publish only dist folder

* publish with src folder.

* fix ci

* merge steps in CI

* update workflow

* deploy with src

* update to v9

* delete unused code

* complete landing page

* complete landing page

* feat: webflow template (#518)

* created a new branch for webflow from debug/course-app

* added webflow and reverted neccessary changes

* fixed commit issues

* clean up posthog

* clean up classic

* clean up minimal

* clean up posthog

* clean up webflow

* v0.0.10

* markdown lint

* feat: add prep template (#522)

* working on the ielts template

* working on the ielts template

* finished the ielts template

---------

Co-authored-by: emmanuel <chifez1@gmail.com>

* clean up examprep

* v0.0.11

---------

Co-authored-by: Em_Dev <Chifez1@gmail.com>

apps/course-app/src/lib/components/navigation/navigation.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
   import { page } from '$app/stores';
+  import ArrowUpRight from 'lucide-svelte/icons/arrow-up-right';
 
   const getClass = (active: boolean) => (active ? 'text-foreground' : 'text-foreground/60');
 
   let activeClass = $derived({
     template: getClass($page.url.href.includes('#templates')),
-    setup: getClass($page.url.href.includes('#setup'))
+    features: getClass($page.url.href.includes('#features'))
   });
 </script>
 
@@ -36,10 +37,10 @@
   </p>
   <div class="container flex h-14 max-w-screen-2xl items-center">
     <div class="mr-4 flex">
-      <a href="/" class="mr-6 flex items-center space-x-2">
+      <a href="/" class="mr-6 flex items-center">
         <img src="/logo-512.png" alt="Course App" class="h-8 w-8" />
         {' '}
-        <span class="inline-block font-bold">courseapp</span>
+        <span class="inline-block font-bold">ourseapp</span>
       </a>{' '}
       <nav class="hidden items-center gap-6 text-sm md:flex">
         <a
@@ -48,8 +49,19 @@
         >
           Templates
         </a>{' '}
-        <a href="#setup" class="hover:text-foreground/80 {activeClass.setup} transition-colors">
-          Setup
+        <a
+          href="#features"
+          class="hover:text-foreground/80 {activeClass.features} transition-colors"
+        >
+          Features
+        </a>{' '}
+        <a
+          href="/npm"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="hover:text-foreground/80 text-foreground/60 flex items-center gap-1 transition-colors"
+        >
+          NPM <ArrowUpRight class="h-4 w-4" />
         </a>{' '}
         <!-- <a
 					href="https://github.com/classroomio/classroomio"