[Stellar] Add link to UI builder for stellar (#730)

Co-authored-by: Eric Lau <ericglau@outlook.com>

Author: CoveMB

packages/ui/public/index.html

@@ -112,7 +112,7 @@
       </div>
 
       <div class="flex items-center">
-        <a href="http://builder.openzeppelin.com" target="_blank" rel="noopener noreferrer" class="bg-[#3d3b5d] text-white px-4 py-2 rounded-full text-sm font-medium flex items-center gap-2 hover:bg-[#4a4872] transition-colors no-underline whitespace-nowrap">
+        <a href="https://builder.openzeppelin.com" target="_blank" rel="noopener noreferrer" class="bg-[#3d3b5d] text-white px-4 py-2 rounded-full text-sm font-medium flex items-center gap-2 hover:bg-[#4a4872] transition-colors no-underline whitespace-nowrap">
           <span>Try the UI Builder</span>
           <img src="/icons/up-right-from-square.svg" alt="up-right-from-square" class="arrow-white">
         </a>

packages/ui/public/stellar.html

@@ -62,12 +62,30 @@
     </div>
   </div>
   <div class="nav-row flex flex-row items-center justify-between">
-    <div class="nav">
+    <div class="nav nav-switches flex flex-row">
       <a class="switch switch-solidity" href="/"><img src="/icons/solidity.svg" alt="solidity">Solidity</a>
       <a class="switch switch-cairo" href="/cairo"><img src="/icons/cairo.svg" alt="cairo">Cairo</a>
       <a class="switch switch-stellar active" href="#"><img src="/icons/stellar.svg" alt="stellar">Stellar</a>
       <a class="switch switch-stylus" href="/stylus"><img src="/icons/stylus.svg" alt="stylus">Stylus</a>
     </div>
+
+    <div class="flex flex-row gap-2">
+      <div class="text-sm text-gray-600 leading-tight text-right">
+        <div>After deploying a contract, use the</div>
+        <div>new UI Builder to spin up a quick UI</div>
+      </div>
+
+      <div class="flex items-center">
+        <img src="/icons/arrow-right.svg" alt="arrow-right" class="arrow-gray">
+      </div>
+
+      <div class="flex items-center">
+        <a href="https://builder.openzeppelin.com?ecosystem=stellar" target="_blank" rel="noopener noreferrer" class="bg-[#3d3b5d] text-white px-4 py-2 rounded-full text-sm font-medium flex items-center gap-2 hover:bg-[#4a4872] transition-colors no-underline whitespace-nowrap">
+          <span>Try the UI Builder</span>
+          <img src="/icons/up-right-from-square.svg" alt="up-right-from-square" class="arrow-white">
+        </a>
+      </div>
+    </div>
   </div>
   <div class="wizard-container">
     <oz-wizard class="wizard" data-sync-url="fragment" data-lang="stellar"></oz-wizard>