ui fix

src/lib/components/Footer.svelte

@@ -7,7 +7,7 @@
   class="bg-default border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto"
 >
   <div class="container mx-auto px-5 sm:px-3">
-    <div class="w-full flex flex-col md:flex-row py-6">
+    <div class="w-full flex flex-col md:flex-row py-3">
       <div class="flex-1 mb-8">
         <div class="flex flex-row items-center mt-4">
           <a
@@ -278,11 +278,16 @@
       -->
     </div>
 
-    <div class="hidden sm:flex flex-col">
+    <div class="flex flex-col">
       <div class="border-b border-gray-700 w-full" />
-      <span class="flex flex-row items-center mt-6 text-md text-gray-300 mb-5">
+      <div
+        class="flex flex-col sm:flex-row sm:justify-between items-start sm:items-center mt-6 text-md text-gray-300 mb-5"
+      >
+        <span class="mb-2 sm:mb-0"> Stocknear is 100% Open Source⚡ </span>
+        <span class="hidden sm:inline-block">
           © 2025 Stocknear. All Rights Reserved.
         </span>
       </div>
     </div>
+  </div>
 </footer>

src/routes/contact/+page.svelte

@@ -1,42 +1,16 @@
 <script>
   import logo from "$lib/images/feedback_logo.png";
-  import { numberOfUnreadNotification } from "$lib/store";
+  import SEO from "$lib/components/SEO.svelte";
 
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   const emailAddress = "support@stocknear.com";
 </script>
 
-<svelte:head>
+<SEO
-  <meta charset="utf-8" />
+  title="Contact Us"
-  <meta name="viewport" content="width=device-width" />
+  description="Need help, found a bug or you have a feature request. Please contact us to resolve any issues."
-  <title>
+/>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Contact
-    Us · Stocknear
-  </title>
-  <meta
-    name="description"
-    content={`Need help, found a bug or you have a feature request. Please contact us to resolve any issues.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta property="og:title" content={`Contact Us · Stocknear`} />
-  <meta
-    property="og:description"
-    content={`Need help, found a bug or you have a feature request. Please contact us to resolve any issues.`}
-  />
-  <meta property="og:type" content="website" />
-  <!-- Add more Open Graph meta tags as needed -->
-
-  <!-- Twitter specific meta tags -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content={`Contact Us · Stocknear`} />
-  <meta
-    name="twitter:description"
-    content={`Need help, found a bug or you have a feature request. Please contact us to resolve any issues.`}
-  />
-  <!-- Add more Twitter meta tags as needed -->
-</svelte:head>
 
 <section
   class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden min-h-screen pt-5 pb-40"
@@ -157,17 +131,17 @@
             class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
           >
             <a
-              href="/contact"
+              href="/about"
               class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
             >
               <div class="w-full flex justify-between items-center p-3 mt-3">
                 <h2 class="text-start text-xl font-semibold text-white ml-3">
-                  Contact Us
+                  About Us
                 </h2>
                 <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
               </div>
               <span class="text-white p-3 ml-3 mr-3">
-                Let me know if you need something
+                Learn the mission of the company and the team
               </span>
             </a>
           </div>