more

src/Components/Home/HomePage.js

@@ -130,7 +130,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src={sweet_card_2}
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/5ff0ba9e-298f-4ee1-88d4-e19a44a00900/public"
                   alt="ai hand"
                   width="100%"
                   className="card-image"
@@ -157,7 +157,7 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src={sweet_card_4}
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/7a6dd50e-4d8f-4068-61b2-634dc5603f00/public"
                   alt="scales image"
                   width="100%"
                   className="card-image"
@@ -183,7 +183,11 @@ const HomePage = () => {
             {/***********  CARD THREE *********** */}
             <div className="home-card">
               <div className="card-image-container">
-                <img src={sweet_card_1} alt="" className="card-image" />
+                <img
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/00667aa1-f847-430c-7a5e-d96abeed3300/public"
+                  alt=""
+                  className="card-image"
+                />
               </div>
               <div className="card-body">
                 <div className="card-upper-box">
@@ -207,7 +211,7 @@ const HomePage = () => {
           <div
             className="home-test-container"
             style={{
-              backgroundImage: `url(${opac_butta})`,
+              backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/209dcf14-c086-42b4-ca72-f058d9ad1b00/public)`,
               backgroundSize: "cover",
             }}
           >

src/styles/homepage.scss

@@ -30,7 +30,6 @@ a {
 }
 
 .card-image {
-  border-radius: 15px;
   height: 90%;
   width: 90%;
 }
@@ -55,6 +54,12 @@ section.section-1:before {
 .homepage-button {
   color: white;
   z-index: 2;
+  border-radius: 0px !important;
+  filter: drop-shadow(4px 3px #b5a08e);
+}
+
+.homepage-button:hover {
+  filter: drop-shadow(0px 0px #b5a08e);
 }
 
 section.section-1 {
@@ -194,7 +199,6 @@ button.button-1 {
   font-weight: 400;
   line-height: normal;
   text-transform: capitalize;
-  border-radius: 15px;
   border: 1px solid #fff;
 }
 
@@ -286,7 +290,6 @@ p.text-block-2.text-center {
 }
 
 .card-body {
-  border-radius: 0px 0px 12.336px 12.336px;
   background: #fff;
   box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271);
   margin-top: -17px;
@@ -328,7 +331,6 @@ p.card-texts {
 }
 
 img.card-img {
-  border-radius: 12.34px 12.34px 0px 0px;
   padding-bottom: 18px;
   background: white;
 }
@@ -363,7 +365,6 @@ p.card-title {
   padding: 8px 10px 0px 10px;
   width: 270px;
   height: 150px;
-  border-radius: 0px 0px 10px 10px;
 }
 
 .home-card-divider {
@@ -500,9 +501,9 @@ h4.heading-6 {
   color: #fff;
   font-family: Roboto;
   font-size: 28px;
-  font-weight: 500;
+  font-weight: 400;
   line-height: 38px; /* 156.25% */
-  letter-spacing: 0.369px;
+  letter-spacing: 1.369px;
   text-transform: capitalize;
   margin-bottom: 18px;
   margin-top: 6px;
@@ -554,7 +555,7 @@ h6.heading-7 {
 button.button-2 {
   width: 375px;
   height: 65px;
-  border-radius: 8px;
+  filter: drop-shadow(6px 6px #b5a08e);
   background: #4675c3;
   border: 0;
   color: #fff;
@@ -577,7 +578,6 @@ button.button-2 {
   padding: 76px 83px;
   background-position: center;
   //background-size: cover;
-  border-radius: 9.049px;
   background-color: #ffb571;
   background-repeat: no-repeat;
   opacity: 0.9;
@@ -595,7 +595,6 @@ button.button-2 {
   width: 300px;
   height: 480px;
   background-color: #fff;
-  border-radius: 10px;
   box-shadow: 0 60px 80px rgba(0, 0, 0, 0.6), 0 45px 26px rgba(0, 0, 0, 0.14);
 }
 
@@ -605,7 +604,6 @@ button.button-2 {
   align-items: center;
   justify-content: center;
   width: 100%;
-  border-radius: 10px 10px 0px 0px;
 }
 
 footer.footer {
@@ -748,7 +746,6 @@ li.nav-item {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    border-radius: 10px;
   }
 
   section.section-1:before {
@@ -952,7 +949,6 @@ li.nav-item {
   }
 
   .card-body {
-    border-radius: 0px 0px 12.336px 12.336px;
     background: #fff;
     box-shadow: none;
     padding: 16px 18px;
@@ -994,7 +990,6 @@ li.nav-item {
   }
 
   img.card-img {
-    border-radius: 12.34px 12.34px 0px 0px;
     padding-bottom: 18px;
     background: white;
   }
@@ -1184,7 +1179,6 @@ li.nav-item {
     width: 238px;
     height: 46px;
     flex-shrink: 0;
-    border-radius: 8px;
     background: #4675c3;
     border: 0;
     color: #fff;
@@ -1207,7 +1201,6 @@ li.nav-item {
     padding: 58px 17px;
     background-position: center;
     background-size: cover;
-    border-radius: 9.049px;
     background: #ffb571;
     background-repeat: no-repeat;
   }