diff --git a/index.html b/index.html
index 8277b47..dcc179b 100644
--- a/index.html
+++ b/index.html
@@ -2,21 +2,13 @@
 
 <body>
     <div id="app"></div>
-    <script type="text/javascript">
+    <script src="https://unpkg.com/react@17/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script type="text/jsx">
         const app = document.getElementById('app');
 
-        // Create a new H1 element
-        const header = document.createElement('h1');
-
-        // Create a new text node for the H1 element
-        const text = 'Develop. Preview. Ship.';
-        const headerContent = document.createTextNode(text);
-
-        // Append the text to the H1 element
-        header.appendChild(headerContent);
-
-        // Place the H1 element inside the div
-        app.appendChild(header);
+        ReactDOM.render(<h1>Develop. Preview. Ship.</h1>, app);
     </script>
 </body>
 
