diff --git a/App.jsx b/App.jsx
new file mode 100644
index 0000000..7c12aeb
--- /dev/null
+++ b/App.jsx
@@ -0,0 +1,6 @@
+function App() {
+    return <div>
+        <h1>Hello World</h1>
+        <p>I'm hosted with GitHub Pages.</p>
+    </div>;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 126a800..57527f5 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,17 @@
 <!DOCTYPE html>
-<html>
-<body>
-<h1>Hello World</h1>
-<p>I'm hosted with GitHub Pages.</p>
-</body>
-</html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Koba Production</title>
+        <script type="application/javascript" src="https://unpkg.com/react@18.3.1/umd/react.production.min.js"></script>
+        <script type="application/javascript" src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js"></script>
+        <script type="application/javascript" src="https://unpkg.com/@babel/standalone@7.26.4/babel.min.js"></script>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="text/babel" src="App.jsx"></script>
+        <script type="text/babel">
+            ReactDOM.render(<App/>, document.getElementById('root'));
+        </script>
+    </body>
+</html>
\ No newline at end of file
