Merge pull request #111 from KrlosPK/carlosDev

v1.2.1
KrlosPK · Mar 27, 2023 · 20c98c9 · 20c98c9
2 parents 9147744 + 90c8538
commit 20c98c9
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "webfam",
   "private": true,
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "scripts": {
     "dev": "vite --open",

diff --git a/src/components/Home/Footer/Footer.css b/src/components/Home/Footer/Footer.css
@@ -47,6 +47,25 @@ footer a {
 .office-hours__item strong {
   user-select: text;
 }
+.footer__contact-info {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 2rem;
+}
+.footer__contact-info-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+}
+.footer__contact-item strong {
+  font-family: system-ui;
+}
+.footer__contact-item {
+  user-select: text;
+}
 .footer__contact-links {
   align-items: center;
   display: flex;

diff --git a/src/components/Home/Footer/Footer.jsx b/src/components/Home/Footer/Footer.jsx
@@ -4,9 +4,11 @@ import { Link } from 'react-router-dom'
 import { LazyLoadImage } from 'react-lazy-load-image-component'
 
 const Footer = () => {
+  const date = new Date()
+  const year = date.getFullYear()
   return (
     <footer>
-      <div className='office-hours'>
+      <section className='office-hours'>
         <h2>Horario de atención</h2>
         <ul className='office-hours__lista'>
           <li className='office-hours__item'>
@@ -19,8 +21,21 @@ const Footer = () => {
             <strong>Domingo y Festivos</strong> Cerrado
           </li>
         </ul>
-      </div>
-      <div className='footer__contact-links'>
+      </section>
+      <section className='footer__contact-info'>
+        <ul className='footer__contact-info-list'>
+          <li className='footer__contact-item'>
+            <strong>Dirección:</strong> Calle 61A # 55A - 29
+          </li>
+          <li className='footer__contact-item'>
+            <strong>Teléfono:</strong> +57 314 756 1960
+          </li>
+          <li className='footer__contact-item'>
+            <strong>Correo:</strong> fademetmontajes@gmail.com
+          </li>
+        </ul>
+      </section>
+      <section className='footer__contact-links'>
         <a
           href='https://api.whatsapp.com/send/?phone=573147561960&text=¡Hola!%20Quisiera%20saber%20más%20sobre%20sus%20servicios.&type=phone_number&app_absent=0'
           target={'_blank'}
@@ -49,9 +64,9 @@ const Footer = () => {
             alt='Página de INSTAGRAM de Fademet Montajes'
           />
         </a>
-      </div>
-      <div className='footer__bottom'>
-        <div className='footer__logo'>
+      </section>
+      <section className='footer__bottom'>
+        <article className='footer__logo'>
           <Link to='/'>
             <LazyLoadImage
               src='/logotype-small.png'
@@ -61,14 +76,14 @@ const Footer = () => {
               alt='Logo de la empresa FADEMET'
             />
           </Link>
-          <p>Copyright © 2023 FADEMET, Inc.</p>
-        </div>
-        <div className='footer__copyright'>
+          <p>Copyright © {year} FADEMET S.A.S</p>
+        </article>
+        <article className='footer__copyright'>
           <Link to='/'>Aspectos legales</Link>
           <Link to='/'>Política de privacidad</Link>
           <Link to='/'>Seguridad</Link>
-        </div>
-      </div>
+        </article>
+      </section>
     </footer>
   )
 }