diff --git a/public/images/benefit-bg.jpg b/public/images/benefit-bg.jpg
index 96f4310..ce1f315 100644
Binary files a/public/images/benefit-bg.jpg and b/public/images/benefit-bg.jpg differ
diff --git a/public/images/benefit-mobile-01.png b/public/images/benefit-mobile-01.png
index 05fd9b1..0e45d7e 100644
Binary files a/public/images/benefit-mobile-01.png and b/public/images/benefit-mobile-01.png differ
diff --git a/public/images/benefit-mobile-02.png b/public/images/benefit-mobile-02.png
index 7d27b22..b32952f 100644
Binary files a/public/images/benefit-mobile-02.png and b/public/images/benefit-mobile-02.png differ
diff --git a/public/images/hero-grid.gif b/public/images/hero-grid.gif
deleted file mode 100644
index 2e015e2..0000000
Binary files a/public/images/hero-grid.gif and /dev/null differ
diff --git a/public/images/hero-mobile.png b/public/images/hero-mobile.png
index 9f56b4a..100e084 100644
Binary files a/public/images/hero-mobile.png and b/public/images/hero-mobile.png differ
diff --git a/public/images/pre-footer-mobile.png b/public/images/pre-footer-mobile.png
index 2c58180..50e0af9 100644
Binary files a/public/images/pre-footer-mobile.png and b/public/images/pre-footer-mobile.png differ
diff --git a/public/images/seen-in-circle-mobile.png b/public/images/seen-in-circle-mobile.png
index a6b7511..cac4a4b 100644
Binary files a/public/images/seen-in-circle-mobile.png and b/public/images/seen-in-circle-mobile.png differ
diff --git a/public/images/seen-in-circle.png b/public/images/seen-in-circle.png
index 301c95e..c1c0e03 100644
Binary files a/public/images/seen-in-circle.png and b/public/images/seen-in-circle.png differ
diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index c6741fe..59c12c6 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -186,7 +186,7 @@
 }
 
 .connect__links {
-  > div {
+  > li:last-of-type {
     display: grid;
     align-content: flex-start;
     gap: tovw(16px, 'default', 16px);
@@ -229,7 +229,7 @@
       }
     }
 
-    div {
+    > li {
       display: flex;
       gap: tovw(37px, 'default', 24px);
       @media screen and (max-width: 800px) {
diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index dcd2918..19f4e84 100644
--- a/src/components/common/footer/index.tsx
+++ b/src/components/common/footer/index.tsx
@@ -50,6 +50,7 @@ export const Footer = () => {
             />
             <button>
               <ArrowLink />
+              <span className="sr-only">Send</span>
             </button>
           </form>
         </Container>
@@ -112,7 +113,7 @@ export const Footer = () => {
                   Connect
                 </Link>
               </li>
-              <div>
+              <li>
                 {ConnectLinks.map((link) => {
                   return (
                     <li key={link.title}>
@@ -123,14 +124,14 @@ export const Footer = () => {
                     </li>
                   )
                 })}
-              </div>
+              </li>
             </ul>
           </nav>
         </Container>
         <Container>
           <nav className={s['sub__footer']}>
             <ul>
-              <div>
+              <li>
                 <li>
                   <Link href="/privacy-policy" variant="nav">
                     Privacy Policy
@@ -141,7 +142,7 @@ export const Footer = () => {
                     Terms of Use
                   </Link>
                 </li>
-              </div>
+              </li>
               <li>
                 <p>Laconic, The Source of Proof</p>
               </li>
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
index 730db2b..317d1c5 100644
--- a/src/components/common/header/index.tsx
+++ b/src/components/common/header/index.tsx
@@ -16,6 +16,7 @@ export const Header = () => {
         <NextLink href="/">
           <a>
             <Logo />
+            <span className="sr-only">Laconic</span>
           </a>
         </NextLink>
         <ul className="hide-on-mobile">
diff --git a/src/components/sections/homepage/hero/index.tsx b/src/components/sections/homepage/hero/index.tsx
index f07007f..e553389 100644
--- a/src/components/sections/homepage/hero/index.tsx
+++ b/src/components/sections/homepage/hero/index.tsx
@@ -53,17 +53,23 @@ const Hero = () => {
         Get Started
       </Button>
       <div className={s['scroll']}>
-        <div className="hide-on-mobile">
+        <div>
           <p>C:</p>
           <Flag className={s['flag']} />
         </div>
         <div>
-          <Heading as="h5" variant="xs" font="dmmono" centered>
+          <Heading
+            as="span"
+            centered
+            font="dmmono"
+            style={{ display: 'block' }}
+            variant="xs"
+          >
             Scroll Down
           </Heading>
           <ArrowDotted className={s['arrow']} />
         </div>
-        <div>
+        <div className="hide-on-mobile">
           <p>Home</p>
           <ul>
             <li>