diff --git a/apps/web/app/(landing)/Cta.tsx b/apps/web/app/(landing)/Cta.tsx
index 3aeef255..67a07e86 100644
--- a/apps/web/app/(landing)/Cta.tsx
+++ b/apps/web/app/(landing)/Cta.tsx
@@ -7,7 +7,7 @@ function Cta() {
   return (
     <section
       id="waitlist"
-      className="relative  bg-page-gradient dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] min-h-[600px] border-[1px] border-white/20 flex flex-col gap-8 justify-center items-center mt-32 mb-28 w-full md:w-3/4 rounded-3xl py-10 px-3 md:px-8 mx-auto"
+      className="relative bg-page-gradient dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] min-h-[600px] border-[1px] border-white/20 flex flex-col gap-8 justify-center items-center mt-32 mb-28 w-full md:w-3/4 rounded-3xl py-10 px-3 md:px-8 mx-auto"
     >
       <div className="absolute -z-1 inset-0 rounded-3xl opacity-5   h-[600px] w-full bg-transparent  bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div>
       <div className="absolute top-0 z-0 w-screen  right-0 mx-auto h-[500px] overflow-hidden bg-inherit  bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
@@ -33,10 +33,10 @@ 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-fit lg:w-3/4 mx-auto">
+      <div className="w-fit  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"
+          className="flex mx-auto w-fit gap-x-2 justify-center items-center py-3 px-5 ml-3  rounded-3xl border duration-200 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"
         >
           Sign in
           <div className="flex overflow-hidden relative justify-center items-center ml-1 w-5 h-5">
diff --git a/apps/web/app/(landing)/Features/index.tsx b/apps/web/app/(landing)/Features/index.tsx
index e327f86a..e2a20017 100644
--- a/apps/web/app/(landing)/Features/index.tsx
+++ b/apps/web/app/(landing)/Features/index.tsx
@@ -85,7 +85,7 @@ const Services = () => {
                   data in a private manner, from anywhere.
                 </p>
                 <a
-                  href="/components"
+                  href="/signin"
                   className="inline-flex justify-center items-center py-4 px-10 w-full text-center bg-transparent bg-gradient-to-tr to-transparent rounded-xl transition-colors sm:w-auto mt-[-20px] bg-glass-gradient group from-zinc-300/5 via-gray-400/5 border-white/10 border-[1px] hover:bg-transparent/10"
                 >
                   Get started
diff --git a/apps/web/app/(landing)/Hero.tsx b/apps/web/app/(landing)/Hero.tsx
index 5565de3a..4a51373a 100644
--- a/apps/web/app/(landing)/Hero.tsx
+++ b/apps/web/app/(landing)/Hero.tsx
@@ -32,7 +32,7 @@ function Hero() {
             ...slap,
             transition: { ...slap.transition, delay: 0.2 },
           }}
-          className="text-center  mx-auto bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)]  bg-clip-text text-4xl tracking-tighter   text-transparent md:text-7xl"
+          className="text-center  mx-auto bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)]  bg-clip-text text-4xl tracking-tighter  sm:text-5xl text-transparent md:text-6xl lg:text-7xl"
         >
           Unlock your{" "}
           <span className="text-transparent bg-clip-text bg-gradient-to-r to-blue-200 from-zinc-300">
@@ -53,7 +53,7 @@ function Hero() {
         </motion.p>
         <Link
           href="/signin"
-          className="inline-flex text-lg gap-x-2 mt-2 backdrop-blur-md text-white 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"
+          className="inline-flex text-lg gap-x-2 mt-2 backdrop-blur-md text-white justify-center items-center py-3 px-5 ml-3 w-fit rounded-3xl border duration-200 group bg-page-gradient border-white/30 text-md font-geistSans hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100"
         >
           It's free. Sign up now
           <div className="flex overflow-hidden relative justify-center items-center ml-1 w-5 h-5">
@@ -72,8 +72,6 @@ function Hero() {
           }}
           src="/images/landing-hero.jpeg"
           alt="Landing page background"
-          width={1512}
-          height={1405}
           draggable="false"
           className="z-40 md:mt-[-40px] hidden sm:block h-full max-w-[70vw] mx-auto md:w-full select-none px-5 !rounded-2xl"
           style={{
diff --git a/apps/web/app/(landing)/Showcase.tsx b/apps/web/app/(landing)/Showcase.tsx
index 940dfb4d..577b9266 100644
--- a/apps/web/app/(landing)/Showcase.tsx
+++ b/apps/web/app/(landing)/Showcase.tsx
@@ -23,7 +23,7 @@ const features: Array<Feature> = [
       "Never lose a great idea again - instead of saving it in your head, save it in supermemory.",
     description:
       "The internet is full of great ideas, but there's a problem. They are ephemeral. They come and go. ",
-    image: "/images/asking_questions.png",
+    image: "asking_questions.png",
     icon: function ReportingIcon() {
       let id = useId();
       return (