From 229c83ceb549d85789cf94b473f9f5fd875d6d50 Mon Sep 17 00:00:00 2001
From: Juana <juana.balduini@bitlogic.io>
Date: Thu, 7 Aug 2025 12:32:29 -0300
Subject: [PATCH 1/2] SBIT-576 se agregan los botones de partners

---
 src/components/Banner/Banner.js   | 40 ++++++++++++++++++++++++-------
 src/components/Banner/Banner.scss | 27 ++++++++++++++-------
 src/hooks/useHomePage.js          |  8 +++++++
 src/schema/generalSchema.js       |  3 ++-
 src/templates/LandingPage.js      |  8 +++++++
 5 files changed, 68 insertions(+), 18 deletions(-)

diff --git a/src/components/Banner/Banner.js b/src/components/Banner/Banner.js
index 7d8b2d3..d8bb2b7 100644
--- a/src/components/Banner/Banner.js
+++ b/src/components/Banner/Banner.js
@@ -9,7 +9,9 @@ import CustomImage from "../CustomImage/CustomImage"
 
 const Banner = ({ data }) => {
   const { theme } = useTheme()
-  const { title, variant, summary, animation, image, imageDark, button } = data
+  const { title, variant, summary, animation, image, imageDark, arrayButtons, button } = data
+
+  console.log("arrayButtons:", arrayButtons)
 
   const defaultOptions = {
     loop: true,
@@ -39,14 +41,27 @@ const Banner = ({ data }) => {
                 dangerouslySetInnerHTML={{ __html: summary }}
               />
             }
-            {button && (
-              <CustomLink
-                content={button?.content}
-                url={button?.url}
-                landing={button?.english_landing_page}
-                className={"button"}
-              />
+            {Array.isArray(arrayButtons) && arrayButtons.length > 0 && (
+              <div className="banner__buttons">
+                {arrayButtons.map((btn, index) => (
+                  <CustomLink
+                    key={index}
+                    content={btn.content}
+                    url={btn.url}
+                    landing={btn.english_landing_page}
+                    className="button"
+                  />
+                ))}
+              </div>
             )}
+            {button && (
+                <CustomLink
+                  content={button.content}
+                  url={button?.url}
+                  landing={button?.landing_page}
+                  className={'button'}
+                />
+              )}
           </div>
         </div>
 
@@ -81,6 +96,15 @@ Banner.propTypes = {
     title: PropTypes.string.isRequired,
     variant: PropTypes.string.isRequired,
     summary: PropTypes.string,
+    arrayButtons: PropTypes.arrayOf(
+    PropTypes.shape({
+      content: PropTypes.string,
+      url: PropTypes.string,
+      english_landing_page: PropTypes.shape({
+        slug: PropTypes.string.isRequired,
+      }),
+    })
+  ),
     button: PropTypes.shape({
       content: PropTypes.string.isRequired,
       url: PropTypes.string,
diff --git a/src/components/Banner/Banner.scss b/src/components/Banner/Banner.scss
index 5313508..4bb3726 100644
--- a/src/components/Banner/Banner.scss
+++ b/src/components/Banner/Banner.scss
@@ -170,6 +170,8 @@
   &.diagonalReverse {
     .banner__wrapper {
       margin: 32px auto;
+      display: flex;
+      flex-direction: column;
     }
 
     .imagen {
@@ -184,13 +186,22 @@
       }
     }
 
+     .banner__buttons{
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      padding-top: 25px;
+      padding-right: 10px;
+    }
+    
     .button {
-      margin-top: 20px;
-      margin-bottom: 20px;
-      display: inline-block;
-      color: #607ee7;
-      text-decoration: underline;
-      padding-left: 5px;
+      color:$primary;
+        
+      @include primaryBtn;
+      display: block;
+      width: max-content;
+      padding: 10px 15px;
+      margin-right: 20px;
     }
 
     .title {
@@ -356,9 +367,7 @@
         }
       }
 
-      .button {
-        padding-left: 5rem;
-      }
+      
 
       .title {
         display: flex;
diff --git a/src/hooks/useHomePage.js b/src/hooks/useHomePage.js
index db3a69f..648b59a 100644
--- a/src/hooks/useHomePage.js
+++ b/src/hooks/useHomePage.js
@@ -152,6 +152,14 @@ const useHomePage = () => {
                 slug
               }
             }
+            arrayButtons {
+              content
+              
+              english_landing_page {
+                id
+                slug
+              }
+            }  
             backgroundImageDark {
               url
             }
diff --git a/src/schema/generalSchema.js b/src/schema/generalSchema.js
index 1aa7c23..8a68b42 100644
--- a/src/schema/generalSchema.js
+++ b/src/schema/generalSchema.js
@@ -96,7 +96,7 @@ const generalSchema = `
 
   type ComponentButton {
     id: Int
-    content: String!
+    content: String
     url: String
     english_landing_page: StrapiEnglishLandingPage
   }
@@ -196,6 +196,7 @@ const generalSchema = `
     summary: String
     image: LocalFile 
     button: ComponentButton
+    arrayButtons: [ComponentButton]
     imageDark: LocalFile 
     animation: JSON
     navTitle: String
diff --git a/src/templates/LandingPage.js b/src/templates/LandingPage.js
index 9e5b589..944cbc5 100644
--- a/src/templates/LandingPage.js
+++ b/src/templates/LandingPage.js
@@ -234,6 +234,14 @@ export const query = graphql`
               slug
             }
           }
+            arrayButtons {
+              content
+        
+              english_landing_page {
+                id
+                slug
+              }
+            }
           backgroundImageDark {
             url
           }

From 9e31ff51b5370202f01480301bbcf901ef5afff9 Mon Sep 17 00:00:00 2001
From: Juana <juana.balduini@bitlogic.io>
Date: Thu, 7 Aug 2025 12:34:16 -0300
Subject: [PATCH 2/2] SBIT-576 se agregan botones de partners

---
 src/components/Banner/Banner.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Banner/Banner.js b/src/components/Banner/Banner.js
index d8bb2b7..058633e 100644
--- a/src/components/Banner/Banner.js
+++ b/src/components/Banner/Banner.js
@@ -11,7 +11,6 @@ const Banner = ({ data }) => {
   const { theme } = useTheme()
   const { title, variant, summary, animation, image, imageDark, arrayButtons, button } = data
 
-  console.log("arrayButtons:", arrayButtons)
 
   const defaultOptions = {
     loop: true,