diff --git a/app/web/src/components/Footer/Footer.js b/app/web/src/components/Footer/Footer.js
index 0836430..8699c95 100644
--- a/app/web/src/components/Footer/Footer.js
+++ b/app/web/src/components/Footer/Footer.js
@@ -5,6 +5,9 @@ const Footer = () => {
   return (
     <div className="bg-indigo-900 text-indigo-200 font-roboto mt-20 text-sm">
       <div className="flex h-16 justify-end items-center mx-16">
+        <OutBound className="mr-8" to="https://learn.cadhub.xyz/">
+          Docs
+        </OutBound>
         <OutBound
           className="mr-8"
           to="https://github.com/Irev-Dev/cadhub/discussions/212"
diff --git a/app/web/src/components/LandingSection/LandingSection.js b/app/web/src/components/LandingSection/LandingSection.js
index 2e1e7f1..485ef74 100644
--- a/app/web/src/components/LandingSection/LandingSection.js
+++ b/app/web/src/components/LandingSection/LandingSection.js
@@ -59,7 +59,7 @@ const LandingSection = () => {
       </div>
       <div className="max-w-6xl mx-auto px-2">
         <h2 className="text-indigo-700 text-5xl font-roboto my-16 tracking-widest font-light">
-          What's the potential of code-cad?
+          What's the potential of Code-CAD?
         </h2>
         <MarketingPoint
           leadingPoint="Communication"
@@ -143,27 +143,44 @@ const LandingSection = () => {
       <div className="mt-24">
         <p className="text-center text-pink-400 max-w-xl text-2xl mx-auto font-medium">
           CadHub is a space to share cad projects and it’s our gift to the
-          code-cad community. Let’s celebrate and promote code-cad together.
+          Code-CAD community. Let’s celebrate and promote Code-CAD together.
         </p>
-        <div className="rounded-md shadow-md max-w-lg mx-auto border border-gray-300 mt-16">
-          <p className="text-2xl font-medium text-gray-600 p-8">
-            Projects use the excellent{' '}
+        <div className="rounded-md shadow-md max-w-lg mx-auto border border-gray-300 mt-16 text-center">
+          <p className="text-2xl font-medium text-gray-600 px-8 pt-8 pb-4 leading-relaxed">
+            We have work-in-progress integrations with{' '}
             <OutBound
               className="text-gray-600 underline"
-              to="https://github.com/zalo/CascadeStudio"
+              to="https://github.com/openscad/openscad"
             >
-              CascadeStudio
+              OpenSCAD
             </OutBound>{' '}
-            with more integrations{' '}
+            and{' '}
+            <OutBound
+              className="text-gray-600 underline"
+              to="https://github.com/CadQuery/cadquery"
+            >
+              CadQuery
+            </OutBound>{' '}
+            with more{' '}
             <OutBound
               className="text-gray-600 underline"
               to="https://github.com/Irev-Dev/cadhub/discussions/212"
             >
-              coming soon
+              features planned
             </OutBound>
             .
           </p>
-          <Link to={routes.draftPart()}>
+          <p className="text-2xl font-medium text-gray-600 px-8 pb-8">
+            Follow the{' '}
+            <OutBound
+              className="text-gray-600 underline"
+              to="https://learn.cadhub.xyz/docs/"
+            >
+              official tutorial
+            </OutBound>{' '}
+            or
+          </p>
+          <Link to={routes.devIde({ cadPackage: 'openScad' })}>
             <div className="bg-texture bg-purple-800 text-center w-full py-6 rounded-b-md border border-indigo-300 border-opacity-0 hover:border-opacity-100 hover:shadow-xl">
               <span className="font-bold text-2xl text-indigo-200">
                 Start Hacking Now
@@ -172,7 +189,7 @@ const LandingSection = () => {
           </Link>
         </div>
       </div>
-      <div className="flex justify-center mt-64 pt-20 mb-32">
+      <div className="flex justify-center mt-64 pt-20">
         <div className="flex text-2xl text-gray-500">
           See what other's have created
           <Svg
@@ -181,6 +198,18 @@ const LandingSection = () => {
           />
         </div>
       </div>
+      <div className="text-center mb-32 max-w-xl mx-auto text-gray-500 pr-6">
+        caveat; the following projects are based on a project we're depricating
+        support for, it's a{' '}
+        <OutBound
+          className="text-gray-600 underline"
+          to="https://github.com/Irev-Dev/cadhub/discussions/261"
+        >
+          long story
+        </OutBound>
+        , though rest-assured saving projects with OpenSCAD and CadQuery will be
+        available soon
+      </div>
       <LoginModal
         open={isLoginModalOpen}
         onClose={() => setIsLoginModalOpen(false)}
diff --git a/docs/docs/definitive-beginners/your-openscad-journey.mdx b/docs/docs/definitive-beginners/your-openscad-journey.mdx
index e5856ef..69cca9d 100644
--- a/docs/docs/definitive-beginners/your-openscad-journey.mdx
+++ b/docs/docs/definitive-beginners/your-openscad-journey.mdx
@@ -23,6 +23,8 @@ We're going to learn:
 
 <Image img={hinge} className="mb-8 bg-contain rounded-md overflow-hidden" />
 
+**[Live Demo](https://cadhub.xyz/dev-ide/openScad#encoded_script_v2=eJyFVU2P0zAQPZNf4QMHp022TrpIQPEFtGiRqEBoJYRWFTKJ01qkTnGSFRXqf8dObNdOXeihssczb2befOR5xfEyX0UH9tR0X0jJ+ha/WEU/SEsfdqz4yWnb4uUo+MrKbocz+bxjfEs/Ur6V9yVS1lzbDlD8gRyowOgml7pFTYkgvKDqrk3vSV3d/e5EXxoUB3GRp9ZmIS06xo/SFiEJtm96Lu/b+6am2mN2M5G/U2cVsyu8K7f0U1W1tMO3/su6eaIfeCHonkoz6ASS5rMwRLyInsELl2kWryIJXfY1BQPMW0naZ9FUrKYwBn8iADqZVVuTjsJHh/EEJWgTq3cA2l89EfLZEp54tdhIHwCcotPEU1MeFanaTcmqigoqCdQCAHrOGm5vANSMS46/07EKMFyW2GgD0AyZwyzWhzSPreis5WWIEi/HjacHQMGErDN0dIbczO/knA0pLp5z3niGl9SfXw3o6R8s/D/1LL7uY0Qe/w+KB9UfLbwom5wSKJpOKnxLgBjS0M01bRSfxnCh5mpIDMEjrDI0DiT3tvDFUSZdUgFtfpPpmzvTl1glkWE75XM3Xkcld1TMFvB0taom6xTqZJXae7ondmQCvTxp+RHNIRRnL5FPKrY5hedHAa1JaEzlaCYOPZbIM8nKmUtwMDo/vml06AojbgMN+FUjIMOP6HVg+5jyO8Fr13aXyOK6vaSfU2/DGCmbXd2S8/BaBIsFeJOmgJSlnpkB6jz3hrP0FXJXnteVAl/u+GSHvRBnt4FxG3i7aCHng7PWgr/XjS66)**
+
 This tutorial makes no assumption about previous knowledge, which means it's fine you you haven't done any programming before, we'll walk you through it.
 
 If you came here from "[getting started](/docs)" then you would have already got a shape on screen with `cube([10,10,10]);`.
diff --git a/docs/docs/getting-started/getting-started.mdx b/docs/docs/getting-started/getting-started.mdx
index c389243..9b31b73 100644
--- a/docs/docs/getting-started/getting-started.mdx
+++ b/docs/docs/getting-started/getting-started.mdx
@@ -11,11 +11,11 @@ import ide from '../../static/img/getting-started/ide.png';
 import cube from '../../static/img/getting-started/cube.jpg';
 import hinge from '../../static/img/getting-started/complete-hinge.png';
 
-To get started click the "+" button on the top right of CadHub
+To get started click the "+" button on the top right of [CadHub](https://cadhub.xyz/)
 
 <Image img={plus} style={{backgroundSize: 'contain', paddingBottom: '2rem', width: '400px', margin: '0 auto'}} />
 
-Then select OpenSCAD. Note that [CadQuery](https://cadquery.readthedocs.io/en/latest/) is available too, but OpenSCAD is recomended and the rest of this tutorial is based on OpenSCAD.
+Then select OpenSCAD. Note that [CadQuery](https://cadquery.readthedocs.io/en/latest/) is available too, but [OpenSCAD](https://cadhub.xyz/dev-ide/openScad) is recomended and the rest of this tutorial is based on OpenSCAD.
 
 <Image img={openscadSelect} style={{backgroundSize: 'contain', paddingBottom: '2rem', width: '300px', margin: '0 auto'}} size={300} />
 
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 4fe9de3..d750155 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -30,6 +30,11 @@ module.exports = {
           label: 'GitHub',
           position: 'right',
         },
+        {
+          href: 'http://cadhub.xyz/',
+          label: 'Main App',
+          position: 'right',
+        },
       ],
     },
     footer: {
@@ -72,6 +77,10 @@ module.exports = {
               label: 'GitHub',
               href: 'https://github.com/Irev-Dev/cadhub',
             },
+            {
+              label: 'Main App',
+              href: 'http://cadhub.xyz/',
+            },
           ],
         },
       ],