From 6c2f3be809b414b331449d7426de258c617fb589 Mon Sep 17 00:00:00 2001
From: ErikrafT <139592038+erikraft@users.noreply.github.com>
Date: Sat, 12 Apr 2025 19:30:11 -0300
Subject: [PATCH] Update index.html

---
 public/index.html | 115 ++++++++++++++++++++++++++--------------------
 1 file changed, 66 insertions(+), 49 deletions(-)

diff --git a/public/index.html b/public/index.html
index b981cc4..3f11722 100644
--- a/public/index.html
+++ b/public/index.html
@@ -743,7 +743,7 @@
             </div>
         </x-toast>
     </div>
-    <!-- About Page -->
+<!-- About Page -->
 <x-about id="about" class="full center column">
     <header class="row-reverse">
         <a href="#" class="close icon-button" data-i18n-key="about.close-about" data-i18n-attrs="aria-label">
@@ -755,57 +755,74 @@
     <section class="center column">
         <img src="https://drop.erikraft.com/images/logo_transparent_white_512x512.png" width="96" height="96" alt="Logo" onerror="this.onerror=null; this.src='https://raw.githubusercontent.com/erikraft/Drop/refs/heads/master/public/images/logo_transparent_white_512x512.png';">
         <div class="title-wrapper" dir="ltr">
-                <h1>ErikrafT Drop</h1>
-                <div class="font-subheading">v1.11.2</div>
-            </div>
-            <div class="font-subheading" data-i18n-key="about.claim" data-i18n-attrs="text"></div>
-            <div class="row">
-                <a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/tree/master" rel="noreferrer" data-i18n-key="about.github" data-i18n-attrs="title">
-                    <svg class="icon">
-                        <use xlink:href="#github"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="donation-btn" target="_blank" href="https://www.paypal.com/donate/?business=QKLABC97EXJSN&no_recurring=0&item_name=ErikrafT¤cy_code=BRL" rel="noreferrer" data-i18n-key="about.buy-me-a-coffee" data-i18n-attrs="title">
-                    <svg class="icon">
-                        <use xlink:href="#donation"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="x-twitter-btn" target="_blank" href="https://x.com/ErikrafTbr" rel="noreferrer" data-i18n-key="about.tweet" data-i18n-attrs="title">
-                    <svg class="icon">
-                        <use xlink:href="#x-twitter"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="mastodon-btn" target="_blank" rel="noreferrer" data-i18n-key="about.mastodon" data-i18n-attrs="title" hidden>
-                    <svg class="icon">
-                        <use xlink:href="#mastodon"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="bluesky-btn" target="_blank" rel="noreferrer" data-i18n-key="about.bluesky" data-i18n-attrs="title" hidden>
-                    <svg class="icon">
-                        <use xlink:href="#bluesky"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="custom-btn" target="_blank" rel="noreferrer" data-i18n-key="about.custom" data-i18n-attrs="title" hidden>
-                    <svg class="icon">
-                        <use xlink:href="#custom"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" id="privacypolicy-btn" target="_blank" rel="noreferrer" data-i18n-key="about.privacypolicy" data-i18n-attrs="title" hidden>
-                    <svg class="icon">
-                        <use xlink:href="#privacypolicy"></use>
-                    </svg>
-                </a>
-                <a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/blob/master/docs/faq.md" rel="noreferrer" data-i18n-key="about.faq" data-i18n-attrs="title">
-                    <svg class="icon">
-                        <use xlink:href="#help-outline"></use>
-                    </svg>
-                </a>
-            </div>
-        </section>
+            <h1>ErikrafT Drop</h1>
+            <div class="font-subheading">v1.11.2</div>
+        </div>
+        <div class="font-subheading" data-i18n-key="about.claim" data-i18n-attrs="text">
+            A maneira mais fácil de transferir arquivos entre dispositivos
+        </div>
+
+        <!-- Botões Sociais -->
+        <div class="row">
+            <a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/tree/master" rel="noreferrer" data-i18n-key="about.github" data-i18n-attrs="title">
+                <svg class="icon">
+                    <use xlink:href="#github"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="donation-btn" target="_blank" href="https://www.paypal.com/donate/?business=QKLABC97EXJSN&no_recurring=0&item_name=ErikrafT&currency_code=BRL" rel="noreferrer" data-i18n-key="about.buy-me-a-coffee" data-i18n-attrs="title">
+                <svg class="icon">
+                    <use xlink:href="#donation"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="x-twitter-btn" target="_blank" href="https://x.com/ErikrafTbr" rel="noreferrer" data-i18n-key="about.tweet" data-i18n-attrs="title">
+                <svg class="icon">
+                    <use xlink:href="#x-twitter"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="mastodon-btn" target="_blank" rel="noreferrer" data-i18n-key="about.mastodon" data-i18n-attrs="title" hidden>
+                <svg class="icon">
+                    <use xlink:href="#mastodon"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="bluesky-btn" target="_blank" rel="noreferrer" data-i18n-key="about.bluesky" data-i18n-attrs="title" hidden>
+                <svg class="icon">
+                    <use xlink:href="#bluesky"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="custom-btn" target="_blank" rel="noreferrer" data-i18n-key="about.custom" data-i18n-attrs="title" hidden>
+                <svg class="icon">
+                    <use xlink:href="#custom"></use>
+                </svg>
+            </a>
+            <a class="icon-button" id="privacypolicy-btn" target="_blank" rel="noreferrer" data-i18n-key="about.privacypolicy" data-i18n-attrs="title" hidden>
+                <svg class="icon">
+                    <use xlink:href="#privacypolicy"></use>
+                </svg>
+            </a>
+            <a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/blob/master/docs/faq.md" rel="noreferrer" data-i18n-key="about.faq" data-i18n-attrs="title">
+                <svg class="icon">
+                    <use xlink:href="#help-outline"></use>
+                </svg>
+            </a>
+        </div>
+
+        <!-- Botões com Imagens -->
+        <div class="row" style="margin: 1em 0; gap: 10px; flex-wrap: wrap; justify-content: center;">
+            <a href="https://drop.erikraft.com/" target="_blank">
+                <img src="https://i.imgur.com/9uq39iu.png" alt="Get it on Web" style="height: 60px;">
+            </a>
+            <a href="https://github.com/erikraft/App-Drop-Apk/raw/main/ErikrafT%20Drop.apk" target="_blank">
+                <img src="https://i.imgur.com/nxlokSi.png" alt="Get it on APK" style="height: 60px;">
+            </a>
+            <a href="https://www.paypal.com/donate/?business=QKLABC97EXJSN&no_recurring=0&item_name=ErikrafT&currency_code=BRL" target="_blank">
+                <img src="https://i.imgur.com/slSSrpB.png" alt="Donate with PayPal" style="height: 60px;">
+            </a>
+        </div>
     </section>
     <x-background></x-background>
 </x-about>
-    <canvas class="circles opacity-0"></canvas>
+<canvas class="circles opacity-0"></canvas>
+
     
     <!-- SVG Icon Library -->
     <svg style="display: none;">