From aabf86587329b57f6c4ecf3e1db65875d4217d42 Mon Sep 17 00:00:00 2001
From: gerlofvanek <gerlof@particl.io>
Date: Wed, 16 Nov 2022 18:53:10 +0100
Subject: [PATCH] ui: Update index

---
 basicswap/templates/index.html | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/basicswap/templates/index.html b/basicswap/templates/index.html
index f46322b..1b5b04d 100644
--- a/basicswap/templates/index.html
+++ b/basicswap/templates/index.html
@@ -5,7 +5,7 @@
           <div class="md:w-1/2 pl-4">
             <span class="inline-block py-px px-2 mb-4 text-xs leading-5 text-blue-500 bg-blue-100 font-medium rounded-full shadow-sm">BasicSwap version: {{ version }}</span>
             <h3 class="mb-6 text-4xl md:text-5xl leading-tight text-coolGray-900 font-bold tracking-tighter">Welcome to BasicSwap DEX</h3>
-            <p class="mb-12 text-lg md:text-xl text-coolGray-500 font-medium">Swap cryptocurrencies in a distributed trading environment with <b>no restriction</b> and <b>no fees.<b></p>
+            <p class="mb-12 text-lg md:text-xl text-coolGray-500 font-medium">Swap cryptocurrencies in <span class="underline">total privacy</span> with no middlemen, fees,<br> or restrictions.</p>
             <div class="flex flex-wrap mb-10 text-center md:text-left">
               <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
                 <a href="/wallets">
@@ -20,11 +20,11 @@
                 </svg>
                 </div>
               </div>
-              </a>   
               <div class="w-full md:flex-1 md:pt-3">
                 <div class="md:max-w-sm">
                   <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Your Wallet</h3>
-                  <p class="text-coolGray-500 font-medium"></p>
+                  <p class="text-coolGray-500 font-medium">Manage your cryptocurrency wallets.</p>
+                 </a>
                 </div>
               </div>
             </div>
@@ -44,14 +44,13 @@
                 </svg>
                 </div>
               </div>
-              </a>             
               <div class="w-full md:flex-1 md:pt-3">
                 <div class="md:max-w-sm">
                   <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Start Trading</h3>
-                  <p class="text-coolGray-500 font-medium"></p>
+                  <p class="text-coolGray-500 font-medium">Browse available swap offers placed by others.</p>
+                </a>
                 </div>
               </div>
-            </a>
             </div>
             <div class="flex flex-wrap text-center md:text-left">
               <div class="w-full md:w-auto mb-6 md:mb-0 md:pr-6">
@@ -62,13 +61,13 @@
                       <line x1="23" y1="11" x2="23" y2="16" stroke="#ffffff"></line> <polygon points="12,13 2,8 12,3 22,8 "></polygon> 
                       <path data-cap="butt" d="M5,9.5V18c0,1.657,3.134,3,7,3 s7-1.343,7-3V9.5"></path>
                     </g>
-                  </svg>
+                  </svg>     
                 </div>
               </div>
               <div class="w-full md:flex-1 md:pt-3">
                 <div class="md:max-w-sm">
                   <h3 class="mb-4 text-xl md:text-2xl leading-tight text-coolGray-900 font-bold">Help / Tutorials</h3>
-                  <p class="text-coolGray-500 font-medium"></p>
+                  <p class="text-coolGray-500 font-medium">Learn how to use BasicSwap with the Particl Academy.</p>
                 </div>
               </div>
               </a>
@@ -79,8 +78,8 @@
           <div class="relative max-w-max">
             <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.jpg" alt="">
             <img class="relative z-10" src="/static/images/gfx/macbook.png" alt="">
-            <img class="animate-pulse absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg">
-            <img class="animate-pulse absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg">
+            <img class="absolute -top-24 right-0 md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-blue-500" src="/static/images/elements/dots2-red.svg">
+            <img class="absolute -bottom-24 left-0 md:left-auto md:mt-px md:right-96 md:mr-52 lg:mr-16 xl:-mr-20 w-28 md:w-auto text-red-500" src="/static/images/elements/dots2-red.svg">
             <img class="absolute left-0 top-1/2 transform -translate-y-1/2 w-28 md:w-auto text-yellow-400" src="/static/images/elements/circle2-violet.svg">
           </div>
         </div>