From a3ade69e3aee97bb192dac90188bda41bf258640 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Wed, 18 Dec 2024 16:29:27 +0100
Subject: [PATCH] chore: improve landing page

---
 .../animation/hero-video-dialog/hero-video-dialog.svelte    | 4 ++--
 .../src/lib/components/buy-template/buy-template.svelte     | 6 +++---
 .../src/lib/components/navigation/navigation.svelte         | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/course-app/src/lib/components/animation/hero-video-dialog/hero-video-dialog.svelte b/apps/course-app/src/lib/components/animation/hero-video-dialog/hero-video-dialog.svelte
index 782c0981..3d4df369 100644
--- a/apps/course-app/src/lib/components/animation/hero-video-dialog/hero-video-dialog.svelte
+++ b/apps/course-app/src/lib/components/animation/hero-video-dialog/hero-video-dialog.svelte
@@ -100,12 +100,12 @@
     <div class="absolute inset-0 flex items-center justify-center">
       <!-- svelte-ignore a11y-no-static-element-interactions -->
       <div
-        class="flex size-24 items-center justify-center rounded-full border border-neutral-200 backdrop-blur-md transition-transform duration-300 ease-out"
+        class="flex size-24 items-center justify-center rounded-full border border-neutral-400 bg-black backdrop-blur-md transition-transform duration-300 ease-out"
         on:mouseenter={() => isPlayHovered.set(true)}
         on:mouseleave={() => isPlayHovered.set(false)}
       >
         <div
-          class="relative flex size-20 items-center justify-center rounded-full border border-neutral-200 backdrop-blur-2xl transition-all duration-300 ease-out"
+          class="relative flex size-20 items-center justify-center rounded-full border border-neutral-400 bg-black backdrop-blur-2xl transition-all duration-300 ease-out"
           class:isPlayHovered={$isPlayHovered}
         >
           <Play
diff --git a/apps/course-app/src/lib/components/buy-template/buy-template.svelte b/apps/course-app/src/lib/components/buy-template/buy-template.svelte
index f34c7705..fcd9bad7 100644
--- a/apps/course-app/src/lib/components/buy-template/buy-template.svelte
+++ b/apps/course-app/src/lib/components/buy-template/buy-template.svelte
@@ -8,10 +8,10 @@
   const PAYMENT_LINK = 'https://buy.stripe.com/8wM6pF5Sdabhbny28c';
 
   const whatYouGet = [
-    'A custom template for your SAAS',
-    'A free 101 course on how to use your SAAS',
+    'A custom template for your SAAS/Course',
+    'A 101 course on how to use your SAAS/Course',
     'Deploy to Vercel or Selfhost',
-    'Request 1 free revision',
+    'Request 1 revision',
     'Get first draft in 48 hours'
   ];
 
diff --git a/apps/course-app/src/lib/components/navigation/navigation.svelte b/apps/course-app/src/lib/components/navigation/navigation.svelte
index 6cecff54..68af66eb 100644
--- a/apps/course-app/src/lib/components/navigation/navigation.svelte
+++ b/apps/course-app/src/lib/components/navigation/navigation.svelte
@@ -16,7 +16,7 @@
   <p class="bg-blue-700 py-1.5 text-center text-sm font-medium text-white">
     brought to you by
     <a
-      href="https://github.com/classroomio/classroomio/tree/main/packages/course-app#readme"
+      href="https://classroomio.com"
       target="_blank"
       class="inline-flex items-center font-semibold underline-offset-2 hover:underline"
       >classroomio.com
@@ -75,7 +75,7 @@
     <div class="flex flex-1 items-center justify-end space-x-2">
       <nav class="flex items-center">
         <a
-          href="https://github.com/classroomio/classroomio"
+          href="https://github.com/classroomio/classroomio/tree/main/packages/course-app#readme"
           target="_blank"
           rel="noopener noreferrer"
         >