diff --git a/src/index.js b/src/index.js
index 334655d..2db0941 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+
+/*
 import { DebuggingPage } from './debuggingpage.js';
 
 ReactDOM.render(
   <><DebuggingPage /></>,
   document.getElementById('root')
 );
+*/
+
+import { MainPage } from './main.js';
+
+ReactDOM.render(
+  <><MainPage /></>,
+  document.getElementById('root')
+);
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..338fc3c
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+import SearchBar from 'material-ui-search-bar';
+
+export const MainPage = () => (
+    <SearchBar
+      placeholder="Type here..."
+    />
+)
\ No newline at end of file