feat: classroomio blog v1 (#142)

* style: Improved font size of the answers in the FAQ section of the landing page

* working on the classroomio blog

* there is a bit of a git issue

* changed the footer route

* Merge branch 'main' into issue-139

* Added syntax higlighting,blockquotes styling and image stylings

* restyle and add first blog

* make tagline match home page

* add docs route

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

apps/classroomio-com/src/lib/Hero/Hero.svelte

@@ -19,16 +19,18 @@
   >
     <span>Launch Your Online Bootcamp</span>
     <span class="text-[#1D4EE2] relative"
-      >In Minutes<svg
+      >In Minutes
+      <svg
         aria-hidden="true"
         viewBox="0 0 418 42"
         class="absolute right-[-20%] top-3/4 h-[0.58em] fill-indigo-300/70"
         preserveAspectRatio="none"
-        ><path
+      >
+        <path
           d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z"
-        /></svg
-      ></span
-    >
+        />
+      </svg>
+    </span>
   </h1>
 
   <p class="mx-auto mt-10 lg:mt-6 px-4 lg:p-0 text-md md:text-lg text-slate-700 lg:w-2/4">
@@ -76,7 +78,7 @@
 
   {#if PUBLIC_ENABLE_USERS_COMPANIES}
     <div class="px-[15%] mb-[10%]">
-      <h2 class="inter text-base lg:text-xl font-semibold text-gray-900">Used at</h2>
+      <h2 class="text-base lg:text-xl font-semibold text-gray-900">Used at</h2>
       <div class="w-full flex flex-wrap flex-row gap-5 justify-between items-center py-[5%]">
         <img src="/hero-1.svg" alt="" class="w-[30%] lg:w-[13%]" />
         <img src="/hero-2.svg" alt="" class="w-[30%] lg:w-[13%]" />