diff --git a/package-lock.json b/package-lock.json
index b41fa80..633dad9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3638,6 +3638,15 @@
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
       "optional": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -6653,6 +6662,12 @@
         }
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "optional": true
+    },
     "filesize": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz",
@@ -10426,6 +10441,12 @@
       "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
       "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE="
     },
+    "nan": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz",
+      "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==",
+      "optional": true
+    },
     "nanoid": {
       "version": "3.1.22",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
@@ -14225,6 +14246,11 @@
         "wbuf": "^1.7.3"
       }
     },
+    "spectre.css": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/spectre.css/-/spectre.css-0.5.9.tgz",
+      "integrity": "sha512-9jUqwZmCnvflrxFGcK+ize43TvjwDjqMwZPVubEtSIHzvinH0TBUESm1LcOJx3Ur7bdPaeOHQIjOqBl1Y5kLFw=="
+    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -15573,7 +15599,11 @@
           "version": "1.2.13",
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "glob-parent": {
           "version": "3.1.0",
@@ -16172,7 +16202,11 @@
           "version": "1.2.13",
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
-          "optional": true
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
         },
         "glob-parent": {
           "version": "3.1.0",
diff --git a/package.json b/package.json
index 5a6d592..60bd10c 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "react-bootstrap-carousel": "^4.1.1",
     "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",
+    "spectre.css": "^0.5.9",
     "web-vitals": "^1.1.1"
   },
   "scripts": {
diff --git a/src/App.js b/src/App.js
index 010fc5b..673c002 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,11 +1,13 @@
 import { Component } from "react";
-import Homepage from './homePage/Homepage'
+/* import Homepage from './homePage/Homepage' */
+import AgentPage from './agent-page/AgentPage'
 
 class App extends Component {
   render() {
     return (
       <div className="App">
-        <Homepage/>
+        {/* <Homepage/> */}
+        <AgentPage/>
       </div>
     );
   }
diff --git a/src/agent-page/agent-page.css b/src/agent-page/agent-page.css
index e69de29..f88cd6d 100644
--- a/src/agent-page/agent-page.css
+++ b/src/agent-page/agent-page.css
@@ -0,0 +1,12 @@
+.agentPage {
+    background-image: url('../images/Agent1.jpg');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: scroll;
+  }
+  
+  @media screen and (min-width: 992px) {
+    .miniHero {
+      background-position-y: -150px;
+    }
+  }
\ No newline at end of file
diff --git a/src/agent-page/agent-page.js b/src/agent-page/agent-page.js
deleted file mode 100644
index a53bbf7..0000000
--- a/src/agent-page/agent-page.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React, { Component } from "react";
-
-class AgentPage extends Component {
-  render() {
-    return <div>AgentPage</div>;
-  }
-}
-
-export default AgentPage;
diff --git a/src/homePage/Homepage.js b/src/homePage/Homepage.js
index f95a614..585708c 100644
--- a/src/homePage/Homepage.js
+++ b/src/homePage/Homepage.js
@@ -1,4 +1,4 @@
-import { Component } from "react";
+/* import { Component } from "react";
 import './Homepage.css';
 import house1 from '../images/house1.jpg';
 import house2 from '../images/house2.jpg';
@@ -105,3 +105,4 @@ class Homepage extends Component {
 }
 
 export default Homepage;
+ */
\ No newline at end of file