diff --git a/src/pages/getting-started/setting-up-dev-theatre/setting-up-dev-theatre.md b/src/pages/getting-started/setting-up-dev-theatre/setting-up-dev-theatre.md
new file mode 100644
index 00000000..c66e34f9
--- /dev/null
+++ b/src/pages/getting-started/setting-up-dev-theatre/setting-up-dev-theatre.md
@@ -0,0 +1,67 @@
+---
+title: Install Development Theatre
+---
+<style>
+#information ul, .posts {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.group:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+#information .row .col-1, #information .row .col-2 {
+    box-sizing: border-box;
+    float: left;
+    width: calc(50% - 10px);
+    padding: 10px;
+    background-color: #f0f0f0;
+    color: #333;
+    border-radius: 5px;
+    transition: background-color 0.3s, transform 0.3s;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    height: 150px;
+}
+
+#information .row .col-2 {
+    margin-right: 0;
+}
+
+#information .row .col-1:hover, #information .row .col-2:hover {
+    background-color: #0EDDD3;
+    transform: scale(1.05);
+}
+</style>
+
+<div id="information">
+    <ul>
+        <li>
+            <div class="group row">
+                <div class="copyable">
+                    <figure class="highlight">
+                        <pre><code class="language-bash" data-lang="bash">$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"</code></pre>
+                    </figure>
+                </div>
+                <div class="col-1">
+                    <p>Paste that in a macOS Terminal or Linux shell prompt.</p>
+                </div>
+                <div class="col-2">
+                    <p>Paste that in a macOS Terminal or Linux shell prompt <a href="https://docs.brew.sh/Installation" style="color: #333; text-decoration: underline;">installation options</a>.</p>
+                </div>
+            </div>
+            <div class="group row">
+                <div class="col-1">
+                    <p>Paste that in a macOS Terminal or Linux shell prompt <code>.pkg</code> installer.</p>
+                </div>
+                <div class="col-2">
+                    <p>Download it from <a href="https://github.com/Homebrew/brew/releases/latest" style="color: #333; text-decoration: underline;"></a>.</p>
+                </div>
+            </div>
+        </li>
+    </ul>
+</div>
\ No newline at end of file
diff --git a/src/pages/getting-started/setting-up-dev-theatre/test.md b/src/pages/getting-started/setting-up-dev-theatre/test.md
deleted file mode 100644
index 180d20e2..00000000
--- a/src/pages/getting-started/setting-up-dev-theatre/test.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: test
----
-
-```
-/bin/bash -c "$(curl -fsSL -H 'Cache-Control: no-cache' https://raw.githubusercontent.com/sprucelabsai-community/theatre-monorepo/master/support/install.sh)"
-
-```
\ No newline at end of file