re-arrange the user docs (#76)

* re-arrange the user docs

* Minor description edit

* update styles

* fix service links

Co-authored-by: kn0wmad <kn0wmad@protonmail.com>
Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com>

site/source/developer-docs/index.rst

@@ -0,0 +1,89 @@
+.. _developer-docs:
+
+==============
+Developer Docs
+==============
+
+  Welcome to Service Packaging for EmbassyOS!
+  
+  If you are here, you are interested in becoming part of the mission to change the future of personal computing.
+
+  The guides below provide the fundamentals that will take you through the process of packing a service for EmbassyOS. Services are any open source project (application) that can be run on a self-hosted platform, independent of third parties. 
+  
+  By configuring and packaging a project according to these guides, it can be installed on EmbassyOS so that users can interact with  the service without needing any technical expertise.
+
+  Let's get started!
+
+.. raw:: html
+
+  <div class="topics-grid grid-container full">
+
+  <div class="grid-x grid-margin-x">
+
+.. topic-box::
+  :title: Getting Started
+  :link: getting-started
+  :icon: scylla-icon scylla-icon--nsql-guides
+  :class: large-4
+  :anchor: View
+
+  Set up your environment and follow along with an example
+
+.. topic-box::
+  :title: Build your first Package
+  :link: build-package-example
+  :icon: scylla-icon scylla-icon--open-source
+  :class: large-4
+  :anchor: Begin
+
+  Follow along to learn packaging fundamentals with an example 
+
+.. topic-box::
+  :title: Packaging Quick Start
+  :link: getting-started/quick-start
+  :icon: scylla-icon scylla-icon--roadmap
+  :class: large-4
+  :anchor: Begin
+
+  Quickly get started with concise packaging steps
+
+.. topic-box::
+  :title: SDK
+  :link: getting-started/sdk
+  :icon: scylla-icon scylla-icon--apps
+  :class: large-4
+  :anchor: View
+
+  Discover details about the Start9 Software Development Kit
+
+.. topic-box::
+  :title: Full Specification
+  :link: specification
+  :icon: scylla-icon scylla-icon--glossary
+  :class: large-4
+  :anchor: View
+
+  Detailed service packaging specification and advanced features
+
+.. topic-box::
+  :title: Advanced Guides
+  :link: advanced
+  :icon: scylla-icon scylla-icon--integrations
+  :class: large-4
+  :anchor: View
+
+  Guides for implementing advanced service configurations
+
+.. raw:: html
+
+  </div></div>
+
+.. This is for the side navigation display
+.. toctree::
+  :maxdepth: 1
+  :hidden:
+
+  getting-started/index
+  build-package-example/index
+  specification/index
+  advanced/index