diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index 74b5e053..00000000
--- a/src/App.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.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/components/ContactTable.js b/src/components/ContactTable.js
deleted file mode 100644
index 4306cc8c..00000000
--- a/src/components/ContactTable.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from "react";
-
-export default function ContactTable({rows}) {
-  return (
-    <div className="tableWrap">
-      <table className="contactTable">
-        <thead>
-          <tr>
-            <th className="colCheck"><input type="checkbox" /></th>
-            <th>Name</th>
-            <th>Phone Number</th>
-            <th>Email</th>
-            <th className="actionsCol">Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map(r => (
-            <tr key={r.id}>
-              <td className="colCheck"><input type="checkbox" /></td>
-              <td>
-                <div className="rowName">
-                  <div className="avatarThumb">{r.name.split(" ").map(n=>n[0]).slice(0,2).join("")}</div>
-                  <div className="nameText">
-                    <div className="nameLink">{r.name}</div>
-                    <div className="sub">Officetrax Demo Account</div>
-                  </div>
-                </div>
-              </td>
-              <td className="mono">{r.phone}</td>
-              <td className="mono link">{r.email}</td>
-              <td className="actionsCol">
-                <button className="iconSmall">✎</button>
-                <button className="iconSmall">🗑</button>
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-
-      <div className="tableFooter">
-        <div className="left">
-          Records per page:
-          <select>
-            <option>12</option>
-            <option>25</option>
-            <option>50</option>
-          </select>
-        </div>
-        <div className="right">
-          Jump to Page:
-          <select>
-            <option>1</option>
-          </select>
-          <span className="rowsInfo">1-6 of {rows.length}</span>
-        </div>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/src/components/Contacts.js b/src/components/Contacts.js
deleted file mode 100644
index d950e148..00000000
--- a/src/components/Contacts.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from "react";
-import ContactTable from "./ContactTable";
-
-const sampleContacts = [
-  {id:1, name:"Johan Doe", phone:"(575) 877-7777", email:"varucetyq@mailinator.com"},
-  {id:2, name:"Adam Moussa", phone:"(631) 664-3950", email:"adam@seahavenind.com"},
-  {id:3, name:"test", phone:"(123) 343-444554", email:"test@gmail.com"},
-  {id:4, name:"Jane K Smith", phone:"(456) 789-8328", email:"jane@gmail.com"},
-  {id:5, name:"Zohan Raley", phone:"(123) 567-7688", email:"zohan@gmail.com"},
-  {id:6, name:"npaltest", phone:"9999999999", email:"amanmeutd46@gmail.com"},
-];
-
-export default function Contacts(){
-  return (
-    <section className="contactsPage">
-      <div className="pageTitle">Contacts</div>
-
-      <div className="card controlsCard">
-        <div className="controlsTop">
-          <div className="leftControls">
-            <button className="iconBtn">☰</button>
-            <div className="filter">
-              <select>
-                <option>Name</option>
-                <option>Account</option>
-              </select>
-              <input placeholder="Enter search criteria here..." />
-              <button className="searchBtn">Search!</button>
-            </div>
-          </div>
-
-          <div className="rightControls">
-            <button className="iconSmall">🔍</button>
-            <button className="iconSmall">⬇️</button>
-            <button className="iconSmall">📄</button>
-            <button className="iconSmall">≡</button>
-          </div>
-        </div>
-
-        <ContactTable rows={sampleContacts} />
-      </div>
-    </section>
-  );
-}
\ No newline at end of file
diff --git a/src/data/contacts.js b/src/data/contacts.js
deleted file mode 100644
index b70d2d73..00000000
--- a/src/data/contacts.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const sampleContacts = [
-  { id: 1, name: 'Johan Doe', phone: '(575) 877-7777', email: 'varucetyq@mailinator.com' },
-  { id: 2, name: 'Adam Moussa', phone: '(631) 664-3950', email: 'adam@seahavenind.com' },
-  { id: 3, name: 'test', phone: '(123) 343-444554', email: 'test@gmail.com' },
-  { id: 4, name: 'Jane K Smith', phone: '(456) 789-8328', email: 'jane@gmail.com' },
-  { id: 5, name: 'Zohan Raley', phone: '(123) 567-7688', email: 'zohan@gmail.com' },
-  { id: 6, name: 'npaltest', phone: '9999999999', email: 'amanmeutd46@gmail.com' },
-];
-export default sampleContacts;
\ No newline at end of file