diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js
index 13f36e0..662c6ed 100644
--- a/src/Components/Home/HomePage.js
+++ b/src/Components/Home/HomePage.js
@@ -1,6 +1,10 @@
 import Button from "../../pageElements/Button";
 import arrow from "../../Assets/Images/Arrow.png";
 import { useNavigate } from "react-router-dom";
+import sweet_card_2 from "../../Assets/Images/sweet_card_2.png";
+import sweet_card_1 from "../../Assets/Images/sweet_card_1.png";
+import sweet_card_4 from "../../Assets/Images/sweet_card_4.png";
+import opac_butta from "../../Assets/Images/opac_butta.png";
 import "../../styles/homepage.scss";
 
 const HomePage = () => {
@@ -126,7 +130,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/2b360aa6-72bb-4e4f-4376-61d1353cd400/public"
+                  src={sweet_card_2}
                   alt="ai hand"
                   width="100%"
                   className="card-image"
@@ -142,9 +146,9 @@ const HomePage = () => {
 
                 <div className="home-card-text-box">
                   <p className="card-texts">
-                    Generate discovery requests with a few clicks, or select
-                    manually from a comprehensive request library. Done in a
-                    heartbeat, with a .docx for review and service.
+                    Generate discovery requests with AI at your service, edit
+                    add custom language with tags. Done in minutes, with a .docx
+                    for review and service.
                   </p>
                 </div>
               </div>
@@ -153,7 +157,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/de0ff11a-7572-488e-ceb0-169085e30800/public"
+                  src={sweet_card_4}
                   alt="scales image"
                   width="100%"
                   className="card-image"
@@ -170,8 +174,8 @@ const HomePage = () => {
                 <div className="home-card-text-box">
                   <p className="card-texts">
                     Novodraft's AI drafts responses complete with compelling
-                    arguments about what you choose not to disclose. Finished in
-                    minutes with a .docx file for service.
+                    arguments about what you choose to disclose versus withhold.
+                    Finished in minutes with downloadable.docx file.
                   </p>
                 </div>
               </div>
@@ -179,11 +183,7 @@ const HomePage = () => {
             {/***********  CARD THREE *********** */}
             <div className="home-card">
               <div className="card-image-container">
-                <img
-                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/cea17924-229d-4471-e618-171eb9b94500/public"
-                  alt=""
-                  className="card-image"
-                />
+                <img src={sweet_card_1} alt="" className="card-image" />
               </div>
               <div className="card-body">
                 <div className="card-upper-box">
@@ -207,7 +207,7 @@ const HomePage = () => {
           <div
             className="home-test-container"
             style={{
-              backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/e552d069-945d-481f-bc6b-5bbe2a49e000/public)`,
+              backgroundImage: `url(${opac_butta})`,
               backgroundSize: "cover",
             }}
           >
@@ -215,13 +215,13 @@ const HomePage = () => {
               <div className="col-md-6">
                 <div className="bottom-header-box">
                   <h4 className="heading-6">
-                    Questions about our services? <br></br>We are here to
-                    answer!
+                    Questions about our AI services? <br></br>
+                    We'd like to talk!
                   </h4>
                   <h4 className="heading-6-mobile">
                     Questions about our products and services?
                   </h4>
-                  <h4 className="heading-6-mobile">We’re here to answer!</h4>
+                  <h4 className="heading-6-mobile">We're here to answer!</h4>
                 </div>
                 <h6 className="join-heading">
                   Let us show you how Novodraft will revolutionize your
diff --git a/src/styles/homepage.scss b/src/styles/homepage.scss
index 512a055..98d384c 100644
--- a/src/styles/homepage.scss
+++ b/src/styles/homepage.scss
@@ -289,7 +289,7 @@ p.text-block-2.text-center {
   border-radius: 0px 0px 12.336px 12.336px;
   background: #fff;
   box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271);
-  padding: 16px 18px;
+  margin-top: -17px;
 }
 
 .card-upper-box {
@@ -308,7 +308,7 @@ p.text-block-2.text-center {
 p.card-texts {
   color: #90a3b4;
   font-family: Roboto;
-  font-size: 14px;
+  font-size: 0.98rem;
   font-style: normal;
   font-weight: 400;
   line-height: 23px; /* 125% */
@@ -320,10 +320,11 @@ p.card-texts {
 
 .foo-card-title {
   font-family: Roboto;
-  font-size: 1.5rem;
-  font-weight: 500;
+  font-size: 1.7rem;
+  font-weight: 400;
   margin-top: 8px;
-  letter-spacing: -0.009rem;
+  letter-spacing: -0.007rem;
+  color: #1f74a7;
 }
 
 img.card-img {
@@ -362,9 +363,6 @@ p.card-title {
   padding: 8px 10px 0px 10px;
   width: 270px;
   height: 150px;
-  border-right: 1px solid var(--ultra-light-accent);
-  border-bottom: 1px solid var(--ultra-light-accent);
-  border-left: 1px solid var(--ultra-light-accent);
   border-radius: 0px 0px 10px 10px;
 }
 
@@ -508,6 +506,7 @@ h4.heading-6 {
   text-transform: capitalize;
   margin-bottom: 18px;
   margin-top: 6px;
+  color: #1f74a7;
 }
 
 h6.heading-7 {
@@ -526,6 +525,7 @@ h6.heading-7 {
   font-size: 1.1rem;
   font-weight: 400;
   width: 520px;
+  color: #1f74a7;
 }
 
 .d-flex.div-block-3 {
@@ -580,6 +580,7 @@ button.button-2 {
   border-radius: 9.049px;
   background-color: #ffb571;
   background-repeat: no-repeat;
+  opacity: 0.9;
 }
 
 .heading-6-mobile {
@@ -603,7 +604,6 @@ button.button-2 {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  background-color: #f2f2ff;
   width: 100%;
   border-radius: 10px 10px 0px 0px;
 }
@@ -1125,6 +1125,7 @@ li.nav-item {
 
   h4.heading-6 {
     display: none;
+    color: #1f74a7;
   }
 
   h6.heading-7 {
@@ -1176,6 +1177,7 @@ li.nav-item {
     margin-bottom: 1.1rem;
     margin-left: auto;
     margin-right: auto;
+    color: #1f74a7;
   }
 
   button.button-2 {