fix: blog links

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

@@ -1,5 +1,4 @@
 <script>
-  import LogoTwitter from 'carbon-icons-svelte/lib/LogoTwitter.svelte';
   import LogoYoutube from 'carbon-icons-svelte/lib/LogoYoutube.svelte';
   import LogoFacebook from 'carbon-icons-svelte/lib/LogoFacebook.svelte';
 </script>
@@ -87,7 +86,7 @@
             </a>
           </li>
           <li class="text-sm lg:text-md tracking-wide leading-6 text-gray-600 hover:text-gray-900">
-            <a target="_blank" href="https://classroomio.com/docs/getting-started">
+            <a target="_blank" href="https://classroomio.com/docs/quickstart/signup">
               Getting Started
             </a>
           </li>
@@ -111,7 +110,7 @@
             </a>
           </li>
           <li class="text-sm lg:text-md tracking-wide leading-6 text-gray-600 hover:text-gray-900">
-            <a target="_blank" href="https://classroomio.com/docs/getting-started">
+            <a target="_blank" href="https://classroomio.com/docs/quickstart/signup">
               Getting Started
             </a>
           </li>

apps/docs/next.config.js

@@ -1,9 +1,14 @@
+const env = process.env.NODE_ENV;
+
 const withNextra = require('nextra')({
   theme: 'nextra-theme-docs',
   themeConfig: './theme.config.tsx'
 });
 
 module.exports = {
-  basePath: '/docs',
+  basePath: env === 'production' ? '/docs' : undefined,
+  env: {
+    imagePath: env === 'production' ? '/docs' : ''
+  },
   ...withNextra()
 };

apps/docs/pages/_meta.json

@@ -4,6 +4,7 @@
     "title": "Introduction"
   },
   "index": "Welcome",
+  "what-is-classroomio": "What is ClassroomIO",
   "quickstart": "Quick Start",
   "--": {
     "type": "separator",
@@ -11,14 +12,14 @@
   },
   "organization": "Organization",
   "course": "Course",
-  "studentdashboard": "Student Dashboard",
+  "student-dashboard": "Student Dashboard",
   "community": "Community",
   "audience": "Audience",
   "---": {
     "type": "separator",
     "title": "Guides"
   },
-  "contributorguides": "Contributor Guides",
+  "contributor-guides": "Contributor Guides",
   "howtoguides": "How To Guides",
   "contact": {
     "title": "Contact ↗",

apps/docs/pages/contributor-guides/_meta.json

@@ -2,5 +2,5 @@
   "devs": "Developers Guide",
   "gitpod": "Gitpod setup",
   "design": "Designers Guide",
-  "localstudentdashboard": "Local Student Dashboard"
+  "local-student-dashboard": "Local Student Dashboard"
 }

apps/docs/pages/howtoguides/_meta.json

@@ -1,12 +1,12 @@
 {
   "setupprofile": "Setup your Profile",
-  "customizeorganization": "Customize Organization",
+  "customize-organization": "Customize Organization",
-  "createfirstcourse": "Create Сourse",
+  "create-first-course": "Create Сourse",
-  "createexercise": "Create an Exercise",
+  "create-exercise": "Create an Exercise",
-  "gradeexercise": "Grade an Exercise",
+  "grade-exercise": "Grade an Exercise",
-  "takeattendance": "Take Attendance",
+  "take-attendance": "Take Attendance",
   "certificates": "Create Certificates",
-  "courselandingpage": "Course Landing Page",
+  "course-landingpage": "Course Landing Page",
-  "inviteteammember": "Inviting Team Members",
+  "invite-team-member": "Inviting Team Members",
-  "invitestudents": "Inviting Students"
+  "invite-students": "Inviting Students"
 }

apps/docs/pages/what-is-classroomio.mdx

@@ -0,0 +1,20 @@
+# What is ClassroomIO
+
+<br />
+<img alt="ClassroomIO Courses page" src="https://classroomio.com/classroomio-courses.png" />
+
+ClassroomIO is a platform for bootcamps, individual educators, and training businesses that brings teaching and learning into one place while at the same time helping them be 10x more productive. With our platform, anyone can run multiple classes and cohorts all from one UI. The application is mobile-first, which means that students can access your lesson materials from any device.
+
+### Mission: Provide Students with the Best Learning Experience
+
+At ClassroomIO, our mission is to provide students with the best possible learning experience. We believe in empowering educators with the tools they need to deliver high-quality education that is accessible, engaging, and effective.
+
+### Key Features
+
+1. **📚 Advanced Course Management:** You can create unlimited courses, create lessons, invite students, add assignments, grade their assignments, and even generate certificates.
+2. **👨‍👩‍👦 Multi-Teacher Management:** You can invite other teachers into your organization and assign them individual courses.
+3. **🤖 AI Integration:** We've got OpenAI integration for quick course creation where you can generate course content, lesson outlines, and even generate assignments right from your lesson notes.
+4. **💬 Forum:** Students can ask questions in your dedicated community and get answers from either you or other students.
+5. **🏆 Kahoot-Like Quiz:** You can create live quizzes to create more engagement in your classrooms.
+6. **💻 Dedicated Student Dashboard:** Once you create an account, you get a dedicated dashboard where your students can access all their courses, assignments, and more.
+7. **🔒 Fully open source:** You can self-host the entire stack on your servers.

apps/docs/theme.config.tsx

@@ -4,7 +4,12 @@ import { DocsThemeConfig } from 'nextra-theme-docs';
 const config: DocsThemeConfig = {
   logo: (
     <div style={{ display: 'flex', alignItems: 'center' }}>
-      <img src={`/docs/img/logo-512.png`} alt={'ClassroomIO logo'} width={32} height={32} />
+      <img
+        src={`${process.env.imagePath}/img/logo-512.png`}
+        alt={'ClassroomIO logo'}
+        width={32}
+        height={32}
+      />
       <span style={{ marginLeft: '5px', lineHeight: '15px' }}>ClassroomIO Docs</span>
     </div>
   ),
@@ -21,34 +26,34 @@ const config: DocsThemeConfig = {
           'Spend less time doing the boring stuff, instead focus on impacting the lives of your students.',
         images: [
           {
-            url: '/docs/img/logo-16.png',
+            url: `${process.env.imagePath}/img/logo-16.png`,
             width: 16,
             height: 16,
             alt: 'ClassroomIO Docs Og Image Alt',
             type: 'image/png'
           },
           {
-            url: '/docs/img/logo-32.png',
+            url: `${process.env.imagePath}/img/logo-32.png`,
             width: 32,
             height: 32,
             alt: 'ClassroomIO Docs Og Image Alt',
             type: 'image/png'
           },
           {
-            url: '/docs/img/logo-192.png',
+            url: `${process.env.imagePath}/img/logo-192.png`,
             width: 192,
             height: 192,
             alt: 'ClassroomIO Docs Og Image Alt',
             type: 'image/png'
           },
           {
-            url: '/docs/img/logo-512.png',
+            url: `${process.env.imagePath}/img/logo-512.png`,
             width: 512,
             height: 512,
             alt: 'ClassroomIO Docs Og Image Alt',
             type: 'image/png'
           },
-          { url: '/docs/img/og-image.png' }
+          { url: `${process.env.imagePath}/img/og-image.png'` }
         ],
         twitter: {
           handle: '@classroomio',