update meta data in hswap

balancednetwork · Dec 19, 2024 · b374323 · b374323
1 parent 51f3ca1
commit b374323
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 48 deletions.
diff --git a/apps/hswap/index.html b/apps/hswap/index.html
@@ -1,55 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon-32x32.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <meta name="theme-color" content="#01002a" />
-    <meta name="description" content="Hanaswap" />
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
-    <meta name="msapplication-TileColor" content="#01002a" />
-    <meta name="twitter:site" content="@Hanaswap" />
-    <meta name="twitter:title" content="Hanaswap" />
-    <meta
-      name="twitter:description"
-      content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains."
-    />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta property="twitter:image:src" content="https://hanaswap.com/img-preview/home.png" />
-    <meta name="twitter:image:alt" content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains." />
-    <meta property="og:title" content="Swaps made simple | Hana Swap" />
-    <meta
-      property="og:description"
-      content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains."
-    />
-    <meta property="og:url" content="https://hanaswap.com" />
-    <meta property="og:image" content="https://hanaswap.com/img-preview/home.png" />
-    <!-- <script
-      defer
-      data-domain="hanaswap.com,rollup.balanced.overview"
-      src="https://plausible.io/js/plausible.js"
-    ></script> -->
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon-32x32.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+  <meta name="theme-color" content="#01002a" />
+  <meta name="description" content="Hanaswap.com is your gateway to secure, decentralized, and efficient cross-chain token swaps. Built by Hana Wallet and powered by ICX, it eliminates the need for centralized exchanges." />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
+  <meta name="msapplication-TileColor" content="#01002a" />
 
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-    <!--
-      Notice the use of  in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
+  <!-- Twitter Metadata -->
+  <meta name="twitter:site" content="@hanawallet" />
+  <meta name="twitter:title" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta name="twitter:description" content="Experience secure, fast, and decentralized cross-chain swaps. Powered by ICX, Hanaswap bridges blockchain ecosystems with ease." />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="twitter:image:src" content="https://hanaswap.com/img-preview/home.png" />
+  <meta name="twitter:image:alt" content="Hanaswap | Easy Native Swaps Across Chains" />
 
-      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Swaps made simple | Hana Swap</title>
-  </head>
-  <body>
+  <!-- Open Graph Metadata -->
+  <meta property="og:title" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta property="og:description" content="Swap tokens securely across Solana, Sui, Base, Arbitrum, Avalanche, ICON, Stellar, and more with Hanaswap.com. Powered by ICX, Hanaswap ensures no delays, low fees, and no intermediaries." />
+  <meta property="og:url" content="https://hanaswap.com/" />
+  <meta property="og:site_name" content="Hanaswap" />
+  <meta property="og:image" content="https://hanaswap.com/img-preview/home.png" />
+  <meta property="og:image:alt" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta property="og:image:width" content="800" />
+  <meta property="og:image:height" content="600" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:type" content="website" />
+
+  <!-- Icons -->
+  <link rel="manifest" href="/manifest.json" />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
+  <link rel="icon" href="/favicon-32x32.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+
+  <!-- Page Title -->
+  <title>Hanaswap | Easy Native Swaps Across Chains</title>
+</head>
+<body>
     <script type="module" src="/src/index.tsx"></script>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>

diff --git a/apps/hswap/public/img-preview/home.png b/apps/hswap/public/img-preview/home.png
diff --git a/apps/hswap/public/img-preview/trade.png b/apps/hswap/public/img-preview/trade.png