From bbc0665986fcf29056ebc79a08fd6e309badc2fa Mon Sep 17 00:00:00 2001
From: Laercio Rios <contact@laerciorios.com>
Date: Wed, 16 Oct 2024 12:50:48 -0300
Subject: [PATCH] feat: improve loading page

---
 .vscode/extensions.json                       | 3 ++-
 src/app/assets/logo.svg                       | 4 ++--
 src/app/components/BuyMeACoffee/index.tsx     | 1 +
 src/app/components/PresentationCard/index.tsx | 1 +
 src/app/page.module.css                       | 8 +++++---
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 8599f12..2544189 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -2,6 +2,7 @@
   "recommendations": [
     "EditorConfig.EditorConfig",
     "dbaeumer.vscode-eslint",
-    "github.vscode-github-actions"
+    "github.vscode-github-actions",
+    "clinyong.vscode-css-modules"
   ]
 }
diff --git a/src/app/assets/logo.svg b/src/app/assets/logo.svg
index 7594dec..07d2ab4 100644
--- a/src/app/assets/logo.svg
+++ b/src/app/assets/logo.svg
@@ -1,4 +1,4 @@
-<svg width="120" height="160" viewBox="0 0 120 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 120 160" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M68.2843 79H65.8701L67.5772 80.7071L113.288 126.418C120.708 133.838 120.708 145.868 113.288 153.288C105.868 160.708 93.8377 160.708 86.4178 153.288L40.7071 107.577L39 105.87V108.284V140C39 150.493 30.4934 159 20 159C9.50658 159 1 150.493 1 140V20C1 9.5066 9.5066 1 20 1H100C110.493 1 119 9.5066 119 20V60C119 70.4934 110.493 79 100 79H68.2843Z"
     fill="#FF3A3A" />
@@ -11,4 +11,4 @@
   <path
     d="M39 120V121H40H100C110.493 121 119 129.507 119 140C119 150.493 110.493 159 100 159H20C9.5066 159 1 150.493 1 140V20C1 9.5066 9.5066 1 20 1C30.4934 1 39 9.5066 39 20V120Z"
     fill="#FF3A3A" stroke="#F2F2F2" stroke-width="2" />
-</svg>
+</svg>
\ No newline at end of file
diff --git a/src/app/components/BuyMeACoffee/index.tsx b/src/app/components/BuyMeACoffee/index.tsx
index 9dbecd8..fd3bd08 100644
--- a/src/app/components/BuyMeACoffee/index.tsx
+++ b/src/app/components/BuyMeACoffee/index.tsx
@@ -14,6 +14,7 @@ export default function BuyMeACoffee() {
       href={BUY_ME_A_COFFEE_LINK}
       target="_blank"
       rel="noreferrer"
+      aria-label="Buy me a coffee"
     >
       <Typography variant="h4">{t("components.buyMeACoffee.label")}</Typography>
       <CoffeeSvg className={styles["buy_me_a_coffee-icon"]} />
diff --git a/src/app/components/PresentationCard/index.tsx b/src/app/components/PresentationCard/index.tsx
index f79ec95..8fbe291 100644
--- a/src/app/components/PresentationCard/index.tsx
+++ b/src/app/components/PresentationCard/index.tsx
@@ -24,6 +24,7 @@ export default function PresentationCard({
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
         referrerPolicy="strict-origin-when-cross-origin"
         allowFullScreen
+        loading="lazy"
       ></iframe>
       <div className={styles["presentation-info"]}>
         <div className={styles["presentation-info-header"]}>
diff --git a/src/app/page.module.css b/src/app/page.module.css
index 15d6dc5..679d438 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -41,19 +41,21 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  padding: 1rem 2rem;
+  padding: 0 2rem;
 
   @media (min-width: 768px) {
-    padding: 1.5rem 10rem;
+    padding: 0 10rem;
   }
 }
 
 .home-intro_section-logo {
   filter: drop-shadow(4px 8px 32px rgba(0, 0, 0, 0.25));
+  width: auto;
+  height: 10rem;
 }
 
 .home-intro_section-title {
-  margin-top: 2rem;
+  margin-top: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;