diff --git a/src/App.js b/src/App.js
index 1f12a4d..584d366 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,16 +1,11 @@
 import logo from './logo.svg';
 import './App.css';
+import Home from './views/Home/Home';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-        Samataze Enginnering will be here
-        </p>
-       
-      </header>
+        <Home />
     </div>
   );
 }
diff --git a/src/css/App.css b/src/css/App.css
new file mode 100644
index 0000000..0412d43
--- /dev/null
+++ b/src/css/App.css
@@ -0,0 +1,48 @@
+.samatze {
+    background-color: #282c34;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: calc(10px + 2vmin);
+    color: white;
+}
+.App {
+    text-align: center;
+}
+
+.App-logo {
+    height: 40vmin;
+    pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+    .App-logo {
+        animation: App-logo-spin infinite 20s linear;
+    }
+}
+
+.App-header {
+    background-color: #282c34;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: calc(10px + 2vmin);
+    color: white;
+}
+
+.App-link {
+    color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
diff --git a/src/index.js b/src/index.js
index d563c0f..067d3b1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
+//import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
@@ -14,4 +14,4 @@ root.render(
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+//reportWebVitals();
diff --git a/src/views/Home/Home.js b/src/views/Home/Home.js
new file mode 100644
index 0000000..4a851ef
--- /dev/null
+++ b/src/views/Home/Home.js
@@ -0,0 +1,4 @@
+import '../../css/App.css';
+export default function Home(){
+    return <div className="samatze">Samataze Home</div>;
+}
\ No newline at end of file