Updated the 'Build for Developers' section (#41)

* Updated the 'Build for Developers' section with the new embeded viewer and code sample

* Updated embedded src

partials/cardCTA.hbs

@@ -18,7 +18,7 @@
           {{/if}}
         </p>
         <div class="rounded-xl shadow-xl mt-5">
-          <a href="/getstarted" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition-colors bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
+          <a href="https://app.speckle.systems" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition-colors bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
             {{#if buttonText}}
               {{buttonText}}
             {{else}}

partials/cardCTAShadow.hbs

@@ -15,7 +15,7 @@
           {{/if}}
         </p>
         <div class="rounded-xl shadow-xl mt-5">
-          <a href="/getstarted"
+          <a href="https://app.speckle.systems"
             class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition bg-blue-500 hover:ring-4 md:py-4 md:text-lg md:px-10">
             {{#if buttonText}}
             {{buttonText}}

partials/ctaButton.hbs

@@ -1,4 +1,4 @@
-<a href="/getstarted"
+<a href="https://app.speckle.systems"
   class="inline-block items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg">
   <span class="text-white no-underline">Get Started</span>
 </a>

partials/landing/developersPreview.hbs

@@ -63,7 +63,7 @@
         </p>
         <div class="relative h-96 w-full flex items-center justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
           id="renderer">
-          <iframe src="https://speckle.xyz/embed?stream=3073b96e86"style="width: 100%; height:100%;"></iframe>
+          <iframe title="Speckle" src="https://app.speckle.systems/projects/24c98619ac/models/38639656b8#embed={%22isEnabled%22:true,%22isTransparent%22:true,%22hideControls%22:true,%22hideSelectionInfo%22:true,%22noScroll%22:true,%22manualLoad%22:true}" width="600" height="400" frameborder="0"></iframe>
         </div>
         <div class="w-full bg-gray-300 dark:bg-gray-900 text-gray-500 text-xs py-2 px-8">
           $ ▸ superApp.js <span class="ml-3 opacity-50">#
@@ -73,14 +73,16 @@
         <code class="language-javascript">
   // Sample 3d viewer app
   // See: https://github.com/specklesystems/speckle-server
-  import Viewer from '@speckle/viewer'
+  import { Viewer, SpeckleLoader } from '@speckle/viewer'
 
-  let viewer = new Viewer( )
+  const viewer = new Viewer();
+  await viewer.init();
 
-  // load a model
-  async function load( commitUrl ) {
-    await viewer.loadObject( commitUrl )
-  }</code></pre>
+  /** Create a loader for the speckle stream */
+  const loader = new SpeckleLoader(viewer.getWorldTree(), modelURL);
+  /** Load the speckle data */
+  await viewer.loadObject(loader, true);
+  </code></pre>
 
       </div>
     </div>

partials/landing/header.hbs

@@ -14,7 +14,7 @@
       </p>
     </div>
     <div class="mt-5 md:mt-8 flex items-center justify-center lg:justify-start">
-      <a href="https://speckle.xyz/authn/register" class="items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg md:px-10
+      <a href="https://app.speckle.systems" class="items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg md:px-10
         ">
         <span class="text-white no-underline">Register Now</span>
       </a>

partials/navbarCTA.hbs

@@ -1,4 +1,4 @@
-<a href="https://speckle.xyz/authn/register" target="_blank"
+<a href="https://app.speckle.systems" target="_blank"
   class="inline-flex w-full items-center justify-center px-4 py-2 border border-transparent transition rounded-md shadow-sm text-base font-medium text-white bg-blue-500 hover:ring-4 hover:shadow-xl">
   Register Now
 </a>

partials/pricing.hbs

@@ -33,7 +33,7 @@
     </div>
     {{!-- <div class="h-16 absolute bottom-0 inset-x-0"> --}}
     <div class="self-end mt-10 ">
-      <a href="https://speckle.xyz/authn/register">
+      <a href="https://app.speckle.systems">
         <button class="w-full bg-blue-500 hover:bg-blue-600 font-medium text-base text-white px-4 py-4 shadow-sm border-transparent rounded-md border hover:ring-4 hover:shadow-xl transition">
           Register Now
         </button>

partials/pricingRegister.hbs

@@ -23,7 +23,7 @@
     </div>
 
     <div class="flex items-center justify-center">
-      <a href="https://speckle.xyz/authn/register"
+      <a href="https://app.speckle.systems"
         target="_blank"
         class="mt-2 border-2 h-32 w-72 rounded-xl border-blue-500 bg-blue-500 hover:ring-4 transition p-4 flex text-white text-center justify-center">
         <span class="self-center">Register Now</span>