[G2M] logo - 2025 eq logo

src/components/footer/footer.js

@@ -7,7 +7,8 @@ import { StaticImage } from 'gatsby-plugin-image'
 import Button from '../button/button'
 import FooterLinkList from './footerLinkList'
 import PartnersLogos from '../partnersLogos/partnersLogos'
-import Logo from '../../svgs/logo.svg'
+import FooterEQLogo from '../../../static/logo.png' 
+// import Logo from '../../svgs/logo.svg' 
 import Twitter from '../../svgs/twitter.svg'
 import LinkedIn from '../../svgs/linkedin.svg'
 import Github from '../../svgs/github.svg'
@@ -29,15 +30,22 @@ const Footer = ({ linkHdr, linkPath, linkText, showPartners, colorLogos }) => {
             <Col>
               {isScreenSm ? (
                 <Link
-                  style={{ border: `0`, display: `block`, marginTop: `3rem` }}
                   to='/'
+                  style={{
+                    display: 'block',
+                    width: isScreenSm ? '8rem' : '14rem',
+                    margin: '3rem auto 0',
+                  }}
                 >
-                  <Logo
+                  <img
+                    src={FooterEQLogo}
+                    alt='EQ Works Logo'
                     style={{
-                      width: `3rem`,
-                      height: `3rem`,
-                      display: `block`,
-                      margin: `0 auto`
+                      width: '100%',
+                      height: 'auto',
+                      maxHeight: isScreenSm ? '3rem' : '4rem',
+                      objectFit: 'contain',
+                      display: 'block',
                     }}
                   />
                 </Link>
@@ -89,17 +97,27 @@ const Footer = ({ linkHdr, linkPath, linkText, showPartners, colorLogos }) => {
         ) : (
           <Container className='container'>
             <Row>
-              <Col md={2}>
-                <Link style={{ border: `0` }} to='/'>
-                  <Logo
-                    style={{
-                      width: `3rem`,
-                      height: `3rem`,
-                      marginBottom: `2rem`
-                    }}
-                  />
-                </Link>
-              </Col>
+            <Col md={2}>
+              <Link
+                to="/"
+                style={{
+                  display: 'block',
+                  width: isScreenSm ? '6rem' : '8rem',
+                  margin: '0 auto 2rem',
+                }}
+              >
+                <img
+                  src={FooterEQLogo}
+                  alt="EQ Works Logo"
+                  style={{
+                    width: '100%',
+                    height: 'auto',
+                    objectFit: 'contain',
+                    display: 'block',
+                  }}
+                />
+              </Link>
+            </Col>
 
               <Col>
                 <div className={componentStyles.linkListCont}>