From 2978497023efdf81a3927a2578b2e5fbb6c79c10 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sat, 22 Jun 2024 10:44:39 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/Feedback.svelte |  2 +-
 src/lib/components/Footer.svelte   |  1 +
 src/routes/+page.svelte            | 28 +++++++++++++++++++---------
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Feedback.svelte b/src/lib/components/Feedback.svelte
index 82ecc84c..e0075cf7 100644
--- a/src/lib/components/Feedback.svelte
+++ b/src/lib/components/Feedback.svelte
@@ -94,7 +94,7 @@
   
   
   
-  <div class="fixed z-40 bottom-8 sm:bottom-10 right-8 sm:right-16">
+  <div class="fixed z-[100] bottom-8 sm:bottom-10 right-8 sm:right-16">
       <label for="feedbackInfo" class="inline-flex items-center justify-center w-12 h-12 sm:w-full sm:h-10 font-medium bg-gray-700 sm:bg-[#FFEDE5] ml-1 mr-0 sm:mr-2 rounded-full cursor-pointer">
         <svg xmlns="http://www.w3.org/2000/svg" class="sm:hidden sm:ml-4 w-6 h-6 text-white inline-block" viewBox="0 0 256 256"><path fill="white" d="M140 180a12 12 0 1 1-12-12a12 12 0 0 1 12 12M128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20s-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28c0-19.85-17.94-36-40-36m104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88a88.1 88.1 0 0 0 88-88"/></svg>
         <span class="text-black hidden sm:block text-md px-3">
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 19cbd3cb..ff17801d 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -10,6 +10,7 @@
  <!--Footer-->
  <footer class="bg-[#202020] border-t border-slate-800 z-20 sm:z-50 relative bottom-0 left-0 w-full">
   <div class="container mx-auto px-3">
+      
     <div class="w-full flex flex-col md:flex-row py-6">
       <div class="flex-1 mb-8">
         <div class="flex flex-row items-center mt-4">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f38ab2c5..0d2d15d9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -242,7 +242,7 @@ async function loadSearchData() {
                                 -->
                                   <!-- End Image -->
                                   
-                                  <span class="text-center flex-1 justify-center items-center text-white text-[1rem]">
+                                  <span class="text-center flex-1 justify-center items-center text-white text-[1rem] sm:text-lg">
                                     We provide high quality 
                                     <span style="font-weight: 520;" class="text-[#9DED1E] italic">Wallstreet Data</span>
                                      to 
@@ -254,8 +254,8 @@ async function loadSearchData() {
                                     <!-- Start Search button -->
                                      {#if !data?.user}
                                     <div class="flex flex-col gap-y-4 justify-center items-center mt-8 mb-6 m-auto w-full max-w-3xl">
-                                      <a href="/register" style="font-weight: 500" class="flex flex-row items-center px-6 py-3 bg-[#9DED1E] text-black text-[1rem] sm:text-lg rounded-full transition duration-150 ease-in-out group">
-                                        <span>Start Free Trial</span>
+                                      <a href="/register" style="font-weight: 600" class="flex flex-row items-center px-6 py-3 bg-[#9DED1E] text-black text-[1rem] sm:text-lg rounded-full transition duration-150 ease-in-out group">
+                                        <span>Try FREE for 7 days</span>
                                         <span class="ml-2 mt-0.5 tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out">
                                           <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90 12 12)"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="black" d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"/></g></g></svg>
                                       </span>
@@ -266,10 +266,6 @@ async function loadSearchData() {
                                         No credit card required
                                       </span >
                                       <span class="text-white text-sm sm:text-lg">
-                                        <svg class="w-5 h-5 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="#9DED1E" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
-                                        7 Days Free Trial
-                                      </span >
-                                      <span class="text-white text-sm sm:text-lg hidden sm:block">
                                         <svg class="w-5 h-5 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="#9DED1E" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
                                         Instant Access
                                       </span >
@@ -871,21 +867,35 @@ async function loadSearchData() {
 
       </section>
 
-      
+  
 
         
      </div>
-      <!--End-Searchbar-->     
 
 
     </div>
+
+    
     
 
   </div>
 
+  
+
 </div>
 
+<!--
+<section class="bg-[#101D2D] w-full max-w-screen">
+  <div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
+      <div class="mx-auto max-w-screen-sm text-center mt-10 mb-10">
+          <h2 class="mb-4 text-4xl tracking-tight font-extrabold leading-tight text-white">Start your free trial today</h2>
+          <p class="mb-8 font-light text-white md:text-lg">Try Stocknear Platform for 7 days. No credit card required.</p>
+          <a href="/register" class="text-white focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-lg px-5 py-2.5 mr-2 mb-2 bg-[#2563eb] sm:hover:bg-[#1d4ed8]">Free trial for 7 days</a>
+      </div>
+  </div>
+</section>
 
+-->