docs upgrade

Author: alex1115alex

augmentos_docs/docs/intro.md augmentos_docs/docs/index.md

@@ -1,21 +1,20 @@
 ---
-sidebar_position: 1
-slug: /intro
+id: index
+title: Welcome
+slug: /
 ---
 
 import AugmentOSArchImage from '@site/src/components/ThemedImage';
 
-# Welcome to AugmentOS SDK
+# Welcome to AugmentOS SDK Beta
 
 *Last updated: March 31, 2025*
 
 ## What is AugmentOS?
 
 AugmentOS is a cloud operating system for smart glasses that handles the hard parts: connections, Bluetooth, streaming, and more. This lets you focus on creating great smart glasses apps.
 
-<div style={{textAlign: 'center', margin: '20px 0'}}>
-  <AugmentOSArchImage width={500} />
-</div>
+<AugmentOSArchImage width={500} />
 
 As a Cloud OS, you can write apps in JavaScript/TypeScript (with Python coming soon) and use our SDK to build for smart glasses. Our SDK enables you to access smart glasses I/O with low latency from a cloud application.
 
@@ -38,4 +37,4 @@ Developers can deploy finished apps to the [AugmentOS Store](https://appstore.au
 - [GitHub Repo](https://github.com/AugmentOS-Community/AugmentOS)
 - [Discord Community](https://discord.gg/5ukNvkEAqT) - Get help from the team and community
 
-Ready to build? Head to our [Quickstart guide](quickstart).
+Ready to dive deeper? Follow our [Quickstart guide](quickstart) to build your first app!

augmentos_docs/docusaurus.config.ts

@@ -67,12 +67,6 @@ const config: Config = {
       },
       // Only docs in the navbar
       items: [
-        {
-          type: 'docSidebar',
-          sidebarId: 'tutorialSidebar',
-          position: 'left',
-          label: 'Docs',
-        },
         {
           href: 'https://github.com/augmentos-community/augmentos',
           label: 'GitHub',
@@ -87,22 +81,25 @@ const config: Config = {
           title: 'Docs',
           items: [
             {
-              // Points to the docs root now
-              label: 'Tutorial',
+              label: 'Home',
               to: '/',
             },
+            {
+              label: 'Quickstart',
+              to: '/quickstart',
+            },
+            {
+              label: 'Getting Started (From Scratch)',
+              to: '/getting-started',
+            },
           ],
         },
         {
           title: 'Community',
           items: [
-            {
-              label: 'Stack Overflow',
-              href: 'https://stackoverflow.com/questions/tagged/docusaurus',
-            },
             {
               label: 'Discord',
-              href: 'https://discordapp.com/invite/docusaurus',
+              href: 'https://discord.gg/5ukNvkEAqT',
             },
             {
               label: 'X',

augmentos_docs/sidebars.ts

@@ -15,7 +15,7 @@ import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
 const sidebars: SidebarsConfig = {
   // Manually defined sidebar structure
   tutorialSidebar: [
-    'intro',
+    'index',
     'quickstart',
     {
       type: 'doc',

augmentos_docs/src/components/ThemedImage.tsx

@@ -10,14 +10,16 @@ export default function AugmentOSArchImage({
   const darkImage = useBaseUrl('/img/augmentos-arch-dark.png');
 
   return (
-    <ThemedImage
-      alt="AugmentOS Architecture"
-      sources={{
-        light: lightImage,
-        dark: darkImage,
-      }}
-      style={{ width: width }}
-      className={className}
-    />
+    <div style={{ textAlign: 'center', margin: '20px 0' }}>
+      <ThemedImage
+        alt="AugmentOS Architecture"
+        sources={{
+          light: lightImage,
+          dark: darkImage,
+        }}
+        style={{ maxWidth: `${width}px` }}
+        className={className}
+      />
+    </div>
   );
 }