Improve footer spacing

src/components/Navbar/index.tsx

@@ -82,12 +82,12 @@ const MobileMenuList: FC<MobileMenuListProps> = ({ showMenu, closeMenu }) => (
 const Links = () => (
   <ul className="lg:flex lg:items-center lg:justify-around">
     {links.map((link) => (
-      <li key={link.title} className="mb-9 lg:mb-0">
+      <li key={link.title} className="mr-4 mb-9 lg:mb-0">
         <a
           href={link.href}
           target={link.href.startsWith('https') ? '_blank' : ''}
           rel={link.href.startsWith('https') ? 'noreferrer' : ''}
-          className="px-3 text-lg font-thin text-white lg:px-4 xl:px-7 hover:text-amber-500 hover:underline"
+          className="px-3 text-lg font-thin text-white hover:text-amber-500 hover:underline lg:px-0"
         >
           {link.title}
         </a>

src/components/PoweredBy/index.tsx

@@ -26,7 +26,7 @@ const Image = ({ src, alt, comingSoon, additionalClass }: ImageProps) => (
 );
 
 const ImageList = ({ images }: { images: ImageProps[] }) => (
-  <div className="flex flex-wrap items-start justify-center gap-x-4">
+  <div className="flex flex-wrap items-start justify-center gap-x-6">
     {images.map((img) => (
       <Image key={img.alt} {...img} />
     ))}
@@ -46,9 +46,9 @@ export function PoweredBy() {
           href="https://satoshipay.io"
           target="_blank"
           rel="noopener noreferrer"
-          className="transition hover:opacity-80"
+          className="flex gap-1 text-xs transition hover:opacity-80"
         >
-          <img src={satoshipayLogo} alt="Satoshipay" />
+          A <img src={satoshipayLogo} alt="Satoshipay" /> Company
         </a>
       </p>
     </section>

src/components/WhyVortex/index.tsx

@@ -13,7 +13,7 @@ const features: Feature[] = [
   {
     icon: DOLLAR,
     title: 'Lower Fees',
-    description: 'Offramping fees at just 0.5%, well below market average.',
+    description: 'Offramping fees as low as 0.25%.',
     subtext: 'Keep more of what you earn.',
   },
   {