diff --git a/src/pages/examples/coming-soon/card.png b/src/pages/examples/coming-soon/card.png
deleted file mode 100644
index b590e54..0000000
Binary files a/src/pages/examples/coming-soon/card.png and /dev/null differ
diff --git a/src/pages/examples/coming-soon/index.js b/src/pages/examples/coming-soon/index.js
deleted file mode 100644
index 0154a06..0000000
--- a/src/pages/examples/coming-soon/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react'
-
-import Project from '../../../components/Project'
-import { GETTING_STARTED } from '../_categories'
-
-export const comingSoon = {
-  slug: 'coming-soon',
-  title: 'Coming soon',
-  category: GETTING_STARTED,
-  description: 'The suspense is incredible.',
-  published: false,
-  code: []
-}
-
-export default function () {
-  return <Project project={comingSoon}>Coming soon</Project>
-}
diff --git a/src/pages/examples/index.js b/src/pages/examples/index.js
index 6e5a364..73087e5 100644
--- a/src/pages/examples/index.js
+++ b/src/pages/examples/index.js
@@ -35,6 +35,7 @@ import { seeThroughWalls } from './see-through-walls'
 import { tooltipsOptions } from './tooltips'
 import { airQuality } from './air-quality'
 import { embeddedEditor } from './embedded-editor'
+import { markup } from './markup'
 
 const projects = [
   helloWorld,
@@ -45,6 +46,7 @@ const projects = [
   propertyManagement,
   addDataElements,
   stackingPlan,
+  markup,
   warehouseBins,
   tooltipsOptions,
   controlledCamera,
diff --git a/src/pages/examples/markup/card.png b/src/pages/examples/markup/card.png
new file mode 100644
index 0000000..622f99c
Binary files /dev/null and b/src/pages/examples/markup/card.png differ
diff --git a/src/pages/examples/markup/index.js b/src/pages/examples/markup/index.js
new file mode 100644
index 0000000..4542c92
--- /dev/null
+++ b/src/pages/examples/markup/index.js
@@ -0,0 +1,26 @@
+/* eslint-disable import/no-webpack-loader-syntax */
+import React from 'react'
+
+import StackblitzProject from '../../../components/StackblitzProject'
+
+import { USE_CASES } from '../_categories'
+
+export const markup = {
+  slug: 'markup',
+  title: 'Markup',
+  category: USE_CASES,
+  description: `Use our floor plan spatial data extraction and computation APIs to quickly markup a space and extract statistics.`,
+  published: true,
+  stackblitzProjects: [
+    {
+      lang: 'React',
+      id: 'smplr-markup',
+      openFile: 'index.tsx',
+      default: true
+    }
+  ]
+}
+
+export default function () {
+  return <StackblitzProject project={markup} />
+}