From 26056927ae212061ef1900192ee99ec0443e031f Mon Sep 17 00:00:00 2001
From: MaheshtheDev <mahesh.svmr@gmail.com>
Date: Tue, 2 Jul 2024 19:03:09 -0700
Subject: [PATCH] refactor: Update Cta and Footer components on the landing
 page

---
 apps/web/app/(landing)/Cta.tsx    |  2 +-
 apps/web/app/(landing)/footer.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/app/(landing)/Cta.tsx b/apps/web/app/(landing)/Cta.tsx
index 55a2baf0..3aeef255 100644
--- a/apps/web/app/(landing)/Cta.tsx
+++ b/apps/web/app/(landing)/Cta.tsx
@@ -33,7 +33,7 @@ function Cta() {
       <p className="z-20 text-center text-md md:text-lg">
         Sign up for the waitlist and be the first to try Supermemory
       </p>
-      <div className="w-full lg:w-3/4 mx-auto">
+      <div className="w-fit lg:w-3/4 mx-auto">
         <Link
           href="/signin"
           className="inline-flex gap-x-2 justify-start items-start py-3 px-5 ml-3 w-full rounded-3xl border duration-200 sm:w-auto group bg-page-gradient border-white/30 text-md font-geistSans hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100 text-white z-[1] relative"
diff --git a/apps/web/app/(landing)/footer.tsx b/apps/web/app/(landing)/footer.tsx
index 48abc048..5ec29f1a 100644
--- a/apps/web/app/(landing)/footer.tsx
+++ b/apps/web/app/(landing)/footer.tsx
@@ -3,16 +3,16 @@ import LinkArrow from "./linkArrow";
 
 function Footer() {
   return (
-    <footer className="mt-20  flex w-full overflow-y-hidden items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500 overflow-hidden">
+    <footer className="mt-20 w-full md:flex overflow-y-hidden items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500 overflow-hidden text-center">
       <p>© 2024 Supermemory.ai</p>
-      <div className="flex gap-5">
+      <div className="flex gap-5 justify-around my-2">
         <a
           className="group/mail flex items-center"
           target="_blank"
           href="mailto:hi@dhravya.dev"
         >
           Contact
-          <LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition" />
+          <LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition hidden md:block" />
         </a>
         <a
           className="group/twit flex items-center"
@@ -20,7 +20,7 @@ function Footer() {
           href="https://twitter.com/supermemoryai"
         >
           Twitter{" "}
-          <LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition" />
+          <LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition hidden md:block" />
         </a>
         <a
           className="group/git flex items-center"
@@ -28,7 +28,7 @@ function Footer() {
           href="https://github.com/dhravya/supermemory"
         >
           Github{" "}
-          <LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition" />
+          <LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition hidden md:block" />
         </a>
       </div>
     </footer>