Merge pull request #139 from bitlogic/develop

Merge Develop

Author: brunoportesio

src/components/Banners/BannerTop.scss

@@ -40,6 +40,10 @@
   .BannerTop {
     &__bgImage {
       min-height: 55vh;
+
+      &::after {
+        background-position: top !important; 
+      }
     }
 
     &__titleContainer {

src/components/FaIcon/FaIcon.js

@@ -3,28 +3,26 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faEnvelope, faLocationDot } from "@fortawesome/free-solid-svg-icons"
 import {
   faLinkedin,
-  faTwitter,
-  faXTwitter, 
   faInstagram,
   faYoutube,
-  faSpotify
-  
+  faSpotify,
+  faXTwitter, 
 } from "@fortawesome/free-brands-svg-icons"
 import PropTypes from "prop-types"
 
 const iconMap = {
   "fa-envelope": faEnvelope,
   "fa-location-dot": faLocationDot,
   "fa-linkedin": faLinkedin,
-  "fa-twitter": faTwitter,
   "fa-x-twitter": faXTwitter, 
   "fa-instagram": faInstagram,
   "fa-youtube": faYoutube,
   "fa-spotify": faSpotify,
 }
 
 const FaIcon = ({ type, code }) => {
-  const icon = iconMap[code]
+  const normalizedCode = code?.toLowerCase()
+  const icon = iconMap[normalizedCode]
 
   if (!icon) {
     console.warn(`Icono no encontrado: type=${type}, code=${code}`)
@@ -39,6 +37,4 @@ FaIcon.propTypes = {
   code: PropTypes.string.isRequired,
 }
 
-
 export default FaIcon
-

src/components/Footer/SocialLinks/socialLinks.js

@@ -8,20 +8,21 @@ import PropTypes from "prop-types"
 export default function SocialLinks({ image, socialMedia }) {
   const logo = getImage(image?.localFile?.childImageSharp?.gatsbyImageData)
 
-  const socialMediaItems = socialMedia?.map(item => {
-    return (
-      <a
-        key={item.id}
-        href={item.url}
-        target="_blank"
-        className={`btn-social m-2 btn-social-icon btn-${item.icon?.name}`}
-        rel="noreferrer"
-        aria-label={`Link externo a ${item?.name}`}
-      >
+  const socialMediaItems = socialMedia?.map(item => (
+    <a
+      key={item.id}
+      href={item.url}
+      target="_blank"
+      className={`btn-social m-2 btn-social-icon btn-${item.icon?.name}`}
+      rel="noreferrer"
+      aria-label={`External link to ${item?.name}`}
+    >
+      <>
         <FaIcon type={item.icon?.type} code={item.icon?.code} />
-      </a>
-    )
-  })
+        <span className="visually-hidden">Link to {item.name}</span>
+      </>
+    </a>
+  ))
 
   return (
     <div className="Footer__socialMedia d-flex flex-column">
@@ -33,10 +34,10 @@ export default function SocialLinks({ image, socialMedia }) {
 
       {logo && (
         <div className="Footer__socialMedia__Logo text-center">
-          <Link to="/">
+          <Link to="/en">
             <GatsbyImage
               image={logo}
-              alt={image?.alternativeText || "Logo Bitlogic"}
+              alt={image?.alternativeText || "Bitlogic Logo"}
             />
           </Link>
         </div>
@@ -60,6 +61,9 @@ SocialLinks.propTypes = {
       url: PropTypes.string,
       name: PropTypes.string,
       icon: PropTypes.shape({
+        name: PropTypes.string,
+        type: PropTypes.string,
+        code: PropTypes.string,
         url: PropTypes.string,
         alternativeText: PropTypes.string,
         localFile: PropTypes.shape({

src/components/Footer/SocialLinks/socialLinks.scss

@@ -10,6 +10,9 @@
       color: $white;
       width: 21px;
       height: 21px;
+      display: inline-flex; 
+      align-items: center;
+      justify-content: center;
     }
   }
 

src/components/Form/PipedriveForm.js

@@ -40,7 +40,7 @@ const PipedriveForm = ({ data }) => {
       <div className="container d-flex px-lg-2 flex-wrap">
         <div className="col-12 col-md-6 pe-md-5">
           {title && (
-            <h1 className="title text-start">{title}</h1>
+            <h2 className="title text-start">{title}</h2>
           )}
           {content && (
             <MarkdownView

src/components/index.js

@@ -16,6 +16,7 @@ import Layaout from "./layout"
 import PipedriveForm from "./Form/PipedriveForm"
 import CustomSection from "./CustomSection/CustomSection"
 import Navigation from "./Navigation/Navigation"
+import CustomImage from "./CustomImage/CustomImage"
 
 export {
   Seo,
@@ -36,4 +37,5 @@ export {
   PipedriveForm,
   CustomSection,
   Navigation,
+  CustomImage
 }