section layout update

src/assets/css/main.css

@@ -6657,13 +6657,13 @@ blockquote cite {
   left: 0;
   top: -710px;
   height: 645px;
-  width: 100%;
+  width: 80vw;
   background-image: url(../images/about-us-main.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
-/* @media only screen and (min-width: 992px) and (max-width: 1200px) {
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-about-page-content::before {
     width: 94vw;
   }
@@ -6672,19 +6672,19 @@ blockquote cite {
   .appie-about-page-content::before {
     width: 100%;
   }
-} */
+}
 @media (max-width: 767px) {
   .appie-about-page-content::before {
     display: none;
   }
 }
-/* @media only screen and (min-width: 576px) and (max-width: 767px) {
+@media only screen and (min-width: 576px) and (max-width: 767px) {
   .appie-about-page-content::before {
     width: 100%;
     height: 400px;
     display: block;
   }
-} */
+}
 
 .appie-how-it-work-content > .title {
   font-size: 44px;

src/components/AboutUs/HeroAbout.js

@@ -5,7 +5,7 @@ function HeroAbout() {
       <div className="appie-about-top-title-area">
         <div className="container">
           <div className="row">
-            <div className="col-12">
+            <div className="col-lg-7">
               <div className="appie-about-top-title">
                 <h2 className="title">Plan and reward accomplishment with ease.</h2>
               </div>

src/components/HomeOne/FooterHomeOne.js

@@ -16,7 +16,7 @@ function FooterHomeOne({ className }) {
                             <div className="footer-about-widget">
                                 <div className="logo">
                                     <a href="#">
-                                        <img src={logo} alt="WrenchBoard" loading='eager' width={300} height={65} />
+                                        <img src={logo} alt="WrenchBoard" loading='eager' width={175} height={38} />
                                     </a>
                                 </div>
                                 <p>

src/components/lnd/LndParts/Design/Main.js

@@ -25,24 +25,24 @@ const Main = ({gredient}) => {
             </div>
             }
             <div className="container">
-                <div className="row">
+                <div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
+                    <h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
+                    <p className=''>
+                    Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
+                    </p>
+                </div>
+                <div className="row mt-3 align-items-center">
                     <div className="col-lg-6">
                         <div className="w-100">
-                            <div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                                <h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
-                                <p className=''>
-                                Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
-                                </p>
-                            </div>
                             <div className="appie-traffic-title section_title mb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
-                                <h3 className='title text-center text-lg-left'>Assign Faster with</h3>
-                                <h3 className='w-100 title text-center d-flex justify-content-center justify-content-lg-end flex-nowrap'>
+                                <h3 className='title text-center'>Assign Faster with</h3>
+                                <h3 className='w-100 title text-center d-flex justify-content-center flex-nowrap'>
                                     <div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div>
                                 </h3>
                             </div>
                             <div className="row">
                             {list?.map(({ icon, header, paragraph, name }, idx) => (
-                                <div className="col-12 col-md-6 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
+                                <div className="col-12 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
                                     <div
                                         className={`appie-traffic-service features appie-modern-design`}
                                     >

src/components/lnd/LndParts/Design/Right.js

@@ -13,7 +13,7 @@ export default function Right() {
         {/* <div className='px-2 w-100 mb-2'>  */}
         <div className='color-purple text-center mb-2'>
             {/* <h3 className='color-purple font-25 mb-10'>Ask our <span>&#x275B;&#x275B;<span className='color-blue italic'>wrench</span>Agent&#x275C;&#x275C;</span> Generative AI to assist</h3> */}
-            <h3 className='color-purple font-25 mb-10'>Ask our &#x275B;&#x275B;<span className='color-blue italic'>Wrench</span><span className='color-purple'>Agent</span>&#x275C;&#x275C; Generative AI to assist</h3>
+            <h3 className='color-purple font-25 mb-10'>Ask our &#x275B;&#x275B;<span className='color-blue italic'>wrench</span><span className='color-purple'>Agent</span>&#x275C;&#x275C; Generative AI to assist</h3>
             <h3 className='font_black font-20 mb-10'>&#x275B;&#x275B;Recommend  4 summer chores for a 12 years old&#x275C;&#x275C;</h3>
         </div>
         {/* </div> */}