diff --git a/README.md b/README.md
index f42e6ec..5dd7977 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@ The GovSync platform is built using a microservices architecture, leveraging var
 
 By utilizing this architecture, GovSync ensures scalability, reliability, and efficient data processing, enabling seamless collaboration and decision-making across government agencies.
 
-![Cloud Architecture](./images/GovSync-Architecture-Cloud.png)
+![Cloud Architecture](./images/GovSync.png)
 
 
 ## Built With
diff --git a/frontend/src/components/Paginator.jsx b/frontend/src/components/Paginator.jsx
deleted file mode 100644
index c8cdd9d..0000000
--- a/frontend/src/components/Paginator.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-
-const Paginator = ({ resultsPerPage, totalResults, paginate, currentPage }) => {
-  const pageNumbers = [];
-
-  for (let i = 1; i <= Math.ceil(totalResults / resultsPerPage); i++) {
-    pageNumbers.push(i);
-  }
-
-  return (
-    <nav>
-      <ul className="pagination">
-        {pageNumbers.map((num) => (
-          <li
-            key={num}
-            className={`page-item ${currentPage === num ? "active" : ""}`}
-          >
-            <a onClick={() => paginate(num)} href="!#" className="page-link">
-              {num}
-            </a>
-          </li>
-        ))}
-      </ul>
-    </nav>
-  );
-};
-
-export default Paginator;
diff --git a/frontend/src/components/ResultsPaginator.jsx b/frontend/src/components/ResultsPaginator.jsx
deleted file mode 100644
index fc11f22..0000000
--- a/frontend/src/components/ResultsPaginator.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { useState } from "react";
-import Paginator from "./Paginator";
-import Result from "./Result";
-
-const ResultsPaginator = ({ results, handleAddToCart }) => {
-  const [currentPage, setCurrentPage] = useState(1);
-  const resultsPerPage = 6;
-
-  const indexOfLastResult = currentPage * resultsPerPage;
-  const indexOfFirstResult = indexOfLastResult - resultsPerPage;
-  const currentResults = results.slice(indexOfFirstResult, indexOfLastResult);
-
-  const paginate = (pageNumber) => setCurrentPage(pageNumber);
-  return (
-    <>
-      <div className="resultsDisplay">
-        {currentResults.map((result, index) => (
-          <Result
-            key={index}
-            title={result.title}
-            summary={result.summary}
-            handleAddToCart={handleAddToCart}
-          />
-        ))}
-      </div>
-      <Paginator
-        resultsPerPage={resultsPerPage}
-        totalResults={results.length}
-        paginate={paginate}
-        currentPage={currentPage}
-      />
-    </>
-  );
-};
-
-export default ResultsPaginator;
diff --git a/images/GovSync-Architecture-Cloud.png b/images/GovSync-Architecture-Cloud.png
deleted file mode 100644
index f9e38a6..0000000
Binary files a/images/GovSync-Architecture-Cloud.png and /dev/null differ
diff --git a/images/GovSync.png b/images/GovSync.png
new file mode 100644
index 0000000..0cfef57
Binary files /dev/null and b/images/GovSync.png differ
diff --git a/images/Screenshot 2024-06-11 003950.png b/images/Screenshot 2024-06-11 003950.png
new file mode 100644
index 0000000..a370b7e
Binary files /dev/null and b/images/Screenshot 2024-06-11 003950.png differ