more

src/Components/Home/HomePage.js

@@ -392,7 +392,7 @@ const HomePage = () => {
             <div className="card-image-container">
               <img
                 src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/5ff0ba9e-298f-4ee1-88d4-e19a44a00900/public"
-                alt="ai hand"
+                alt="ai card"
                 width="100%"
                 className="card-image"
               />

src/Components/Home/HomePageB.js

@@ -263,15 +263,23 @@ const HomePageB = () => {
       <section className="section-one">
         <div className="hero-text-container">
           <h1 className="hero-top">AI-asssisted legal drafting</h1>
-          <div className="hero-middle">{heroString}</div>
-          <div className="hero-middle">{heroString2}</div>
-          <div className="hero-middle">
-            Reclaim hours every week. Spend more time growing your practice, or
-            just get home in time for dinner.
+          <div
+            className="hero-imgbox"
+            style={{
+              backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/9ebe6b9b-10e5-4782-c15c-8374bed7f900/public)`,
+              backgroundSize: "cover",
+              borderRadius: "20px",
+            }}
+          >
+            <div className="hero-middle">{heroString}</div>
+            <div className="hero-middle">{heroString2}</div>
+            <div className="hero-text">
+              Reclaim hours every week. Spend more time growing your practice,
+              or just get home in time for dinner.
+            </div>
           </div>
         </div>
       </section>
-
       {/* Section 2 */}
       <section className="section-2">
         <div className="home-row">
@@ -281,7 +289,6 @@ const HomePageB = () => {
                 Made by Attorneys, for Attorneys
               </h2>
             </div>
-
             <div className="pad-2">
               <img
                 src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/5f0f6f11-bb56-4f03-b05e-189d4f1a5600/public"

src/styles/homepage-b.scss

@@ -56,8 +56,8 @@ section.section-one {
 }
 
 .hero-top {
-  font-size: 1.9rem;
-  color: #000;
+  font-size: 0.1rem;
+  color: #fff;
   font-family: Roboto;
 }
 
@@ -70,6 +70,19 @@ section.section-one {
   line-height: 3.4rem;
 }
 
+.hero-imgbox {
+  background-image: url("../Assets/Images/opac_butta.png") no-repeat;
+  height: 700px;
+  width: 1200px;
+  z-index: 1;
+}
+
+.hero-text {
+  text-align: center;
+  width: 650px;
+  font-size: 1.5rem;
+}
+
 .first-section-subcontainer {
   padding-top: 35px;
   padding-left: 20px;
@@ -82,6 +95,9 @@ section.section-one {
   width: 980px;
 }
 
+.hero-imgbox {
+  background: url();
+}
 .text-block-1 {
   padding: 20px 0px;
 }