From 8661d3431af662b1121fcca898f29981c66aa1fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ivan=20Mu=C3=B1oz?= <ivanalemunioz@gmail.com>
Date: Mon, 19 Aug 2024 10:53:17 -0300
Subject: [PATCH] Improve page metrics

---
 src/components/home-hero.tsx | 10 +++++-----
 src/pages/index.astro        | 18 +++++++++---------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/home-hero.tsx b/src/components/home-hero.tsx
index c15159a..3e5763b 100644
--- a/src/components/home-hero.tsx
+++ b/src/components/home-hero.tsx
@@ -64,7 +64,7 @@ export default function HomeHero() {
 				rel="noreferrer"
 				aria-label="python sdk"
 			>
-				<img className="w-[40px]" src="/images/icons/python.svg" alt="python" />
+				<img className="w-[40px] h-[40px]" src="/images/icons/python.svg" alt="python" />
 			</a>
 			<a
 				href={siteConfig.links.sdkJs}
@@ -72,7 +72,7 @@ export default function HomeHero() {
 				rel="noreferrer"
 				aria-label="js sdk"
 			>
-				<img className="w-[40px]" src="/images/icons/js.svg" alt="js" />
+				<img className="w-[40px] h-[40px]" src="/images/icons/js.svg" alt="js" />
 			</a>
 			<a
 				href={siteConfig.links.sdkPhp}
@@ -80,7 +80,7 @@ export default function HomeHero() {
 				rel="noreferrer"
 				aria-label="php sdk"
 			>
-				<img className="w-[40px]" src="/images/icons/php.svg" alt="php" />
+				<img className="w-[40px] h-[40px]" src="/images/icons/php.svg" alt="php" />
 			</a>
 			<a
 				href={siteConfig.links.sdkRuby}
@@ -88,7 +88,7 @@ export default function HomeHero() {
 				rel="noreferrer"
 				aria-label="ruby sdk"
 			>
-				<img className="w-[40px]" src="/images/icons/ruby.svg" alt="ruby" />
+				<img className="w-[40px] h-[40px]" src="/images/icons/ruby.svg" alt="ruby" />
 			</a>
 			<a
 				href={siteConfig.links.docs}
@@ -96,7 +96,7 @@ export default function HomeHero() {
 				rel="noreferrer"
 				aria-label="api docs"
 			>
-				<img className="h-[20px]" src="/images/icons/api.svg" alt="api" />
+				<img className="w-[46px] h-[20px]" src="/images/icons/api.svg" alt="api" />
 			</a>
 			</div>
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5cadfd1..bf693e3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-import { Button } from "@/components/ui/button";
+import { buttonVariants } from "@/components/ui/button";
 import { siteConfig } from "@/config/site";
 import MainLayout from "@/layouts/main-layout.astro";
 import { Icon } from "astro-icon/components";
@@ -142,11 +142,11 @@ import '../components/code-sample.scss';
       <p
         class="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7 gap-4 "
       >
-        <a target="_blank" class="mx-2 my-2 inline-block" href="https://afluenta.com/"><img class="max-h-[40px] inline-block" alt="afluenta" src="/images/customers/afluenta.png" /></a>
-        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.tiendanube.com/"><img class="max-h-[40px] inline-block" alt="tiendanube" src="/images/customers/tiendanube.png" /></a>
-        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.rappi.com/"><img class="max-h-[40px] inline-block" alt="rappi" src="/images/customers/rappi.png" /></a>
-        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.depilife.com.ar/"><img class="max-h-[40px] inline-block" alt="depilife" src="/images/customers/depilife.png" /></a>
-        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.ecomm-app.com/"><img class="max-h-[40px] inline-block" alt="ecomm-app" src="/images/customers/ecomm-app.png" /></a>
+        <a target="_blank" class="mx-2 my-2 inline-block" href="https://afluenta.com/"><img class="h-[40px] inline-block" alt="afluenta" src="/images/customers/afluenta.png" /></a>
+        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.tiendanube.com/"><img class="h-[40px] inline-block" alt="tiendanube" src="/images/customers/tiendanube.png" /></a>
+        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.rappi.com/"><img class="h-[40px] inline-block" alt="rappi" src="/images/customers/rappi.png" /></a>
+        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.depilife.com.ar/"><img class="h-[40px] inline-block" alt="depilife" src="/images/customers/depilife.png" /></a>
+        <a target="_blank" class="mx-2 my-2 inline-block" href="https://www.ecomm-app.com/"><img class="h-[40px] inline-block" alt="ecomm-app" src="/images/customers/ecomm-app.png" /></a>
       </p>
     </div>
   </section>
@@ -161,10 +161,10 @@ import '../components/code-sample.scss';
           </div>
           <div>
             <div class="flex items-center justify-center gap-3">
-              <Button >
+              <a class={buttonVariants()} href={`mailto:${siteConfig.contact}`}>
                 <Icon name="lucide:mail" class="mr-2 size-4" />
-                <a href={`mailto:${siteConfig.contact}`}>Contactanos</a>
-              </Button>
+                Contactanos
+              </a>
             </div>
           </div>
         </div>