landing page minor changes

16 files changed, 239 insertions, 191 deletions

diff --git a/apps/web/app/(auth)/signin/page.tsx b/apps/web/app/(auth)/signin/page.tsx
index 73cc25ba..b117716e 100644
--- a/apps/web/app/(auth)/signin/page.tsx
+++ b/apps/web/app/(auth)/signin/page.tsx
@@ -1,9 +1,9 @@
 import Image from "next/image";
 import Link from "next/link";
 import Logo from "@/public/logo.svg";
-import { signIn } from "@/app/helpers/server/auth";
+import { signIn } from "@/server/auth";
 import { Google } from "@repo/ui/components/icons";
-import gradientStyle from "./_components/TextGradient/gradient.module.css"
+import gradientStyle from "./_components/TextGradient/gradient.module.css";
 import { cn } from "@repo/ui/lib/utils";
 
 export const runtime = "edge";
@@ -18,14 +18,12 @@ async function Signin() {
             alt="SuperMemory logo"
             className="hover:brightness-125 duration-200"
           />
-          <span className="text-xl">SuperMemory.ai</span>
+          <span className="text-xl">supermemory.ai</span>
         </div>
         <div className="absolute  inset-0 opacity-5  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>
         <img
           className="absolute inset-x-0 -top-20 opacity-20"
-          src={
-            "https://pipe.com/_next/image?url=%2Fassets%2Fimg%2Fhero-left.png&w=384&q=75"
-          }
+          src={"/images/landing-hero-left.png"}
           width={1000}
           height={1000}
           alt="back bg"
@@ -33,7 +31,15 @@ async function Signin() {
 
         <div className="pl-4 z-20">
           <h1 className="text-5xl text-white mb-8 tracking-tighter">
-            Hello, <span className={cn("bg-gradient-to-tr from-zinc-100 via-zinc-200/50 to-zinc-200/90 text-transparent bg-clip-text animate-gradient" , gradientStyle.magicText)}>human</span>{" "}
+            Hello,{" "}
+            <span
+              className={cn(
+                "bg-gradient-to-tr from-zinc-100 via-zinc-200/50 to-zinc-200/90 text-transparent bg-clip-text animate-gradient",
+                gradientStyle.magicText,
+              )}
+            >
+              human
+            </span>{" "}
           </h1>
           <p className="text-white mb-8 text-lg tracking-tighter">
             Write, ideate, and learn with all the wisdom of your bookmarks.
@@ -55,9 +61,7 @@ async function Signin() {
                   className={`relative text-white transition-width flex gap-3 justify-center w-full items-center rounded-2xl bg-page-gradient hover:opacity-70  duration-500  px-6 py-4 outline-none duration- focus:outline-none `}
                 >
                   <Google />
-                  <span className="relative w-full">
-                    Continue with Google
-                  </span>
+                  <span className="relative w-full">Continue with Google</span>
                 </button>
               </form>
             </div>
@@ -77,11 +81,9 @@ async function Signin() {
         </div>
       </div>
       <div className="relative hidden w-0 lg:flex lg:w-1/2  flex-col items-center justify-center min-h-screen bg-page-gradient overflow-hidden">
-      <img
+        <img
           className="absolute inset-x-0 -top-20 opacity-15 "
-          src={
-            "https://pipe.com/_next/image?url=%2Fassets%2Fimg%2Fhero-left.png&w=384&q=75"
-          }
+          src={"/images/landing-hero-left.webp"}
           width={1000}
           height={1000}
           alt="back bg"
diff --git a/apps/web/app/(landing)/Cta.tsx b/apps/web/app/(landing)/Cta.tsx
index e70be200..e163a8f0 100644
--- a/apps/web/app/(landing)/Cta.tsx
+++ b/apps/web/app/(landing)/Cta.tsx
@@ -5,7 +5,7 @@ import { ChevronRight } from "lucide-react";
 function Cta() {
   return (
     <section
-      id="try"
+      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"
     >
       <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>
@@ -20,7 +20,7 @@ function Cta() {
           />
         </div>
       </div>
-      <h1 className="text-sm  z-20  text-gray-400 group font-geist mx-auto px-5 py-2 bg-gradient-to-tr from-zinc-300/5 via-gray-400/5 to-transparent  border-[2px] border-white/5 rounded-3xl w-fit">
+      <h1 className="text-sm z-20  text-gray-400 group font-geist mx-auto px-5 py-2 bg-gradient-to-tr from-zinc-300/5 via-gray-400/5 to-transparent  border-[2px] border-white/5 rounded-3xl w-fit">
         <p className="tracking-tight uppercase">
           Launching July 1st, 2024
           <ChevronRight className="inline w-4 h-4 ml-2 group-hover:translate-x-1 duration-300" />
diff --git a/apps/web/app/(landing)/Features.tsx b/apps/web/app/(landing)/Features.tsx
index 35217bad..55634d0c 100644
--- a/apps/web/app/(landing)/Features.tsx
+++ b/apps/web/app/(landing)/Features.tsx
@@ -2,6 +2,7 @@
 import { useState, useRef, useEffect } from "react";
 import FUIFeatureSectionWithCards from "./FeatureCardContent";
 import { ArrowUpRight } from "lucide-react";
+import Link from "next/link";
 
 export default function Features() {
   const [tab, setTab] = useState<number>(0);
@@ -22,29 +23,36 @@ export default function Features() {
   }, []);
 
   return (
-    <section className="overflow-hidden relative w-full max-lg:after:hidden mt-10">
+    <section
+      id="features"
+      className="overflow-hidden relative w-full max-lg:after:hidden mt-10"
+    >
       <img
-        src="https://tailwindcss.com/_next/static/media/[email protected]"
+        src="/images/tailwind-bg-gradient.avif"
         className="absolute -top-0 left-10 opacity-40 z-2"
       />
       <div className="relative ">
         <div className="flex relative flex-col px-4 mx-auto max-w-screen-xl md:px-0">
           <div className="relative mx-auto mb-5 space-y-4 max-w-3xl text-center">
             <h2 className="pt-16 text-4xl tracking-tighter text-transparent bg-clip-text bg-gradient-to-tr via-white md:text-5xl lg:text-6xl font-nomral font-geist from-zinc-400/50 to-white/60">
-              A Supermemory has all the memory saved for you
+              A "Second brain" made for you... or your team
             </h2>
 
             <p className="text-zinc-400">
               Supermemory offers all the vital building blocks you need to
-              transform your idea into a great-looking startup.
+              transform your gold mine of content into a powerful knowledgebase
+              for yourself, your team or even a group of friends!
             </p>
-            <button className="mx-auto flex gap-2 justify-center items-center py-2 px-10 mt-4 text-lg tracking-tighter text-center bg-gradient-to-br rounded-md ring-2 ring-offset-1 transition-all hover:ring-transparent group w-fit font-geist bg-page-gradient text-md from-zinc-400 to-zinc-700 text-zinc-50 ring-zinc-500/50 ring-offset-zinc-950/5 hover:scale-[1.02] active:scale-[0.98] active:ring-zinc-500/70">
+            <Link
+              href="/signin"
+              className="mx-auto flex gap-2 justify-center items-center py-2 px-10 mt-4 text-lg tracking-tighter text-center bg-gradient-to-br rounded-md ring-2 ring-offset-1 transition-all hover:ring-transparent group w-fit font-geist bg-page-gradient text-md from-zinc-400 to-zinc-700 text-zinc-50 ring-zinc-500/50 ring-offset-zinc-950/5 hover:scale-[1.02] active:scale-[0.98] active:ring-zinc-500/70"
+            >
               Get Started
               <div className="overflow-hidden relative ml-1 w-5 h-5">
                 <ArrowUpRight className="absolute transition-all duration-500 group-hover:translate-x-4 group-hover:-translate-y-5" />
                 <ArrowUpRight className="absolute transition-all duration-500 -translate-x-4 -translate-y-5 group-hover:translate-x-0 group-hover:translate-y-0" />
               </div>
-            </button>
+            </Link>
           </div>
           <FUIFeatureSectionWithCards />
           <div className="overflow-x-hidden overflow-y-hidden">
diff --git a/apps/web/app/(landing)/Features/generating.tsx b/apps/web/app/(landing)/Features/generating.tsx
index 9cc8c2e1..6cd9ad73 100644
--- a/apps/web/app/(landing)/Features/generating.tsx
+++ b/apps/web/app/(landing)/Features/generating.tsx
@@ -7,10 +7,8 @@ const Generating = ({ className }: { className?: string }) => {
         className || ""
       } text-base`}
     >
-
-      <Loader2 className="w-5 h-5 mr-2"/>
-      
-      AI is generating for you...
+      <Loader2 className="w-5 h-5 mr-2" />
+      Searching your second brain...
     </div>
   );
 };
diff --git a/apps/web/app/(landing)/Features/index.tsx b/apps/web/app/(landing)/Features/index.tsx
index c642b8a6..7f0ccd46 100644
--- a/apps/web/app/(landing)/Features/index.tsx
+++ b/apps/web/app/(landing)/Features/index.tsx
@@ -1,6 +1,7 @@
 import { CheckIcon, ChevronRight, GithubIcon } from "lucide-react";
 import { Gradient } from "./features";
 import Generating from "./generating";
+import Image from "next/image";
 
 const Services = () => {
   return (
@@ -8,21 +9,19 @@ const Services = () => {
       <div className="container">
         <div className="mr-auto max-w-5xl">
           <h1 className="mr-auto text-left font-geistSans tracking-tighter text-4xl md:text-5xl lg:text-6xl text-transparent bg-clip-text bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)]">
-            Supermemory is made for all.
+            Sounds super cool? There's more.
           </h1>
-          <p className="mb-10 ml-auto text-lg tracking-tight text-left font-nomral">
-            Brainwave unlocks the potential of AI-powered
-          </p>
+          <p className="mb-10 ml-auto text-lg tracking-tight text-left font-nomral"></p>
         </div>
 
         <div className="relative bg-page-gradient">
           <div className="flex overflow-hidden relative items-center p-8 mb-5 rounded-3xl border lg:p-20 z-1 h-[39rem] border-white/20 xl:h-[46rem]">
             <img
-              src="https://tailwindcss.com/_next/static/media/[email protected]"
+              src="/images/tailwind-bg-gradient.avif"
               className="absolute top-0 right-0 opacity-100 z-2"
             />
             <img
-              src="https://tailwindcss.com/_next/static/media/[email protected]"
+              src="/images/tailwind-bg-gradient.avif"
               className="absolute top-0 right-0 opacity-100 z-2"
             />
             <div className="absolute top-0 left-0 w-full h-full pointer-events-none md:w-3/5 xl:w-auto">
@@ -36,12 +35,16 @@ const Services = () => {
             </div>
 
             <div className="relative ml-auto z-1 max-w-[17rem]">
-              <h4 className="mb-4 text-3xl md:text-4xl">SuperMemoery.</h4>
+              <h4 className="mb-4 text-3xl md:text-4xl">
+                We paid attention to details.
+              </h4>
               <p className="body-2 mb-[3rem] text-n-3">
-                Supermemory unlocks the potential of AI-powered applications
+                a small team of 4 student developers who have one mission.{" "}
+                <br />
+                Make the best second brain for everyone.
               </p>
               <ul className="text-lg">
-                {brainwaveServices.map((item, index) => (
+                {supermemoryPoints.map((item, index) => (
                   <li
                     key={index}
                     className="flex items-start py-4 border-t border-white/20"
@@ -58,12 +61,12 @@ const Services = () => {
           </div>
 
           <div className="grid relative gap-5 lg:grid-cols-2 z-1">
-            <div className="overflow-hidden relative rounded-3xl border min-h-[33rem] bg-hero-gradient bg-slate-950/10 border-white/10">
-              <div className="absolute inset-0">
+            <div className="overflow-hidden flex flex-col md:flex-row md:block relative rounded-3xl border min-h-[33rem] bg-hero-gradient bg-slate-950/10 border-white/10">
+              <div className="md:absolute inset-0">
                 <div className="absolute -z-1 inset-0  h-[600px] w-full bg-transparent opacity-5 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>
 
-                <img
-                  src="https://jsm-brainwave.com/assets/image-4-Cbi5cq1J.png"
+                <Image
+                  src="/images/landing_integrations.png"
                   className="object-contain w-full h-full"
                   width={630}
                   height={750}
@@ -71,13 +74,14 @@ const Services = () => {
                 />
               </div>
 
-              <div className="flex absolute mt-4 lg:-mt-20 inset-0 flex-col justify-end items-start p-8 bg-glass-gradient">
+              <div className="flex md:absolute md:mt-4 lg:-mt-20 inset-0 flex-col md:justify-end justify-center -translate-y-16 md:translate-y-0 items-center md:items-start p-8 bg-glass-gradient">
                 <h4 className="text-3xl tracking-tight mb-2 text-center text-transparent bg-clip-text bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)]">
-                  Self Hostable
+                  Supermemory works everywhere you are.
                 </h4>
                 <p className="max-w-lg text-lg font-normal tracking-tighter text-gray-400 mb-[3rem]">
-                  Automatically enhance your photos using our AI app&apos;s
-                  photo editing feature. Try it now!
+                  We already have integrations for Telegram and Twitter (X),
+                  with whatsapp and SMS coming soon. So you can add and query
+                  data in a private manner, from anywhere.
                 </p>
                 <a
                   href="/components"
@@ -108,13 +112,11 @@ const Services = () => {
 
               <div className="overflow-hidden relative rounded-xl h-[20rem] md:h-[25rem]">
                 <img
-                  src={
-                    "https://www.limitless.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvault.a0431de1.webp&w=1920&q=75"
-                  }
+                  src={"/images/landing_vault.png"}
                   className="object-cover w-full h-full transition-all duration-500 ease-linear transform group-hover:rotate-3"
                   width={520}
                   height={400}
-                  alt="Scary robot"
+                  alt="vault image"
                 />
               </div>
 
@@ -130,7 +132,7 @@ const Services = () => {
             className="flex overflow-hidden relative items-center p-8 mt-5 mb-5 rounded-3xl border lg:p-20 bg-page-gradient z-1 h-[38rem] border-white/20 xl:h-[28rem] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset]"
           >
             <img
-              src="https://tailwindcss.com/_next/static/media/[email protected]"
+              src="/images/tailwind-bg-gradient.avif"
               className="absolute top-0 right-0 opacity-60 z-2"
             />
 
@@ -144,19 +146,20 @@ const Services = () => {
               />
             </div>
 
-            <div className="absolute right-0 left-0 bottom-5 mx-auto mt-20 text-center z-1">
-              <h4 className="mb-4 text-4xl font-bold tracking-tighter text-white lg:text-5xl">
-                Proudly <br /> OpenSource
+            <div className="absolute right-0 left-0 bottom-5 mx-auto mt-20 text-center z-1 p-8">
+              <h4 className="mb-4 text-4xl tracking-tighter text-white lg:text-5xl">
+                Proudly <br /> Open Source
               </h4>
-              <p className="text-lg body-2 mb-[3rem]">
-                Supermemory unlocks the potential of AI-powered applications
+              <p className="text-lg body-2 mb-[3rem] ">
+                You dont even need to trust us. Just deploy it yourself and
+                enjoy the benefits.
               </p>
               <a
-                href="/components"
+                href="https://github.com/dhravya/supermemory"
                 className="inline-flex gap-x-1 justify-center items-center py-4 px-10 w-fit 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"
               >
                 <GithubIcon className="inline-flex justify-center items-center w-5 h-5" />{" "}
-                Get The Github
+                Star us on Github
                 <ChevronRight className="ml-2 w-4 h-4 duration-300 group-hover:translate-x-1" />
               </a>
             </div>
@@ -170,4 +173,9 @@ const Services = () => {
 };
 
 export default Services;
-const brainwaveServices = ["AI first", "Self host", "Privacy first"];
+const supermemoryPoints = [
+  "Privacy focused",
+  "Works everywhere you are",
+  "Self hostable",
+  "Super affordable, with a generous free tier",
+];
diff --git a/apps/web/app/(landing)/Headers/Navbar.tsx b/apps/web/app/(landing)/Headers/Navbar.tsx
index c698947c..0ba2c35c 100644
--- a/apps/web/app/(landing)/Headers/Navbar.tsx
+++ b/apps/web/app/(landing)/Headers/Navbar.tsx
@@ -34,20 +34,39 @@ const SlideTabs = () => {
       </Link>
 
       <Tab key={0} setPosition={setPosition}>
-        Home
+        <Link className="w-full h-full" href={"/home"}>
+          Home
+        </Link>
+      </Tab>
+      <Tab setPosition={setPosition}>
+        <Link className="w-full h-full" href={"/#use-cases"}>
+          Use cases
+        </Link>
+      </Tab>
+      <Tab setPosition={setPosition}>
+        <Link className="w-full h-full" href={"/#features"}>
+          Features
+        </Link>
+      </Tab>
+      <Tab setPosition={setPosition}>
+        <Link
+          className="w-full h-full"
+          href={"https://github.com/Dhravya/supermemory/graphs/contributors"}
+        >
+          Team
+        </Link>
       </Tab>
-      <Tab setPosition={setPosition}>Pricing</Tab>
-      <Tab setPosition={setPosition}>Features</Tab>
-      <Tab setPosition={setPosition}>Docs</Tab>
-      <Tab setPosition={setPosition}>Blog</Tab>
 
-      <button 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">
+      <Link
+        href="/#waitlist"
+        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"
+      >
         Join waitlist
         <div className="flex overflow-hidden relative justify-center items-center ml-1 w-5 h-5">
           <ArrowUpRight className="absolute transition-all duration-500 group-hover:translate-x-4 group-hover:-translate-y-5" />
           <ArrowUpRight className="absolute transition-all duration-500 -translate-x-4 -translate-y-5 group-hover:translate-x-0 group-hover:translate-y-0" />
         </div>
-      </button>
+      </Link>
 
       <Cursor position={position} />
     </ul>
diff --git a/apps/web/app/(landing)/Hero.tsx b/apps/web/app/(landing)/Hero.tsx
index 9c25ac5e..1ae78f0c 100644
--- a/apps/web/app/(landing)/Hero.tsx
+++ b/apps/web/app/(landing)/Hero.tsx
@@ -32,10 +32,11 @@ function Hero() {
           }}
           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"
         >
-          Build your own second brain{" "}
+          Unlock your{" "}
           <span className="text-transparent bg-clip-text bg-gradient-to-r to-blue-200 from-zinc-300">
-            with supermemory and bring it at scale
-          </span>
+            digital brain
+          </span>{" "}
+          with supermemory
         </motion.h1>
         <motion.p
           {...{
@@ -44,8 +45,9 @@ function Hero() {
           }}
           className="text-lg text-center text-soft-foreground-text"
         >
-          Bring saved information from all over the internet into one place
-          where you can connect it, and ask AI about it
+          Supermemory is your ultimate hub for organizing, searching, and
+          utilizing saved information with powerful tools like a search engine,
+          writing assistant, and canvas.
         </motion.p>
         <EmailInput />
       </section>
diff --git a/apps/web/app/(landing)/ImageSliders.tsx b/apps/web/app/(landing)/ImageSliders.tsx
index c7d851cc..143e7c78 100644
--- a/apps/web/app/(landing)/ImageSliders.tsx
+++ b/apps/web/app/(landing)/ImageSliders.tsx
@@ -6,19 +6,84 @@ import {
   Twitter,
 } from "@repo/ui/components/icons";
 import Image from "next/image";
-const Github = ({className}: {className?:string}) => {
+const Github = ({ className }: { className?: string }) => {
   return (
-    <svg fill="#ffffff" className={className} version="1.1" id="svg2" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 2500 676.1"  xmlSpace="preserve"><g id="layer1" transform="translate(-85.59 -376.905)"><g id="g3012" transform="matrix(1.25 0 0 -1.25 85.59 539.248)"><g id="g3014" transform="scale(.1)"><g id="g3016"><g id="g3018"><path id="path3024" className="st0" d="M3852.1-1016.2H2171.4c-43.4 0-78.5-35.2-78.5-78.6v-821.7c0-43.4 35.2-78.7 78.5-78.7H2827V-3016s-147.2-50.2-554.2-50.2c-480.2 0-1150.9 175.5-1150.9 1650.5 0 1475.3 698.5 1669.4 1354.2 1669.4 567.6 0 812.2-99.9 967.8-148.1 48.9-15 94.1 33.7 94.1 77.1l187.5 793.9c0 20.3-6.9 44.7-30 61.3-63.2 45.1-448.7 260.8-1422.6 260.8C1150.9 1298.8 0 821.4 0-1473.3S1317.6-4110 2428-4110c919.4 0 1477.1 392.9 1477.1 392.9 23 12.7 25.5 44.8 25.5 59.6v2562.7c0 43.4-35.2 78.6-78.5 78.6"/><path id="path3026" className="st0" d="M12513.4 1023.8c0 43.7-34.6 79-78 79h-946.3c-43.2 0-78.4-35.3-78.4-79l.3-1828.8H9936v1828.8c0 43.7-34.8 79-78.1 79h-946.3c-43.1 0-78.2-35.3-78.2-79V-3928c0-43.7 35.1-79.2 78.2-79.2h946.3c43.3 0 78.1 35.6 78.1 79.2v2118h1475l-2.6-2118c0-43.7 35.1-79.2 78.4-79.2h948.6c43.4 0 78 35.6 78.1 79.2v4951.8"/><path id="path3028" className="st0" d="M5637.8 374c0 340.7-273.2 616.1-610.2 616.1-336.7 0-610.1-275.4-610.1-616.1 0-340.4 273.4-616.5 610.1-616.5 337 0 610.2 276.1 610.2 616.5"/><path id="path3030" className="st0" d="M5570.1-2883.4v2285.8c0 43.4-35 78.9-78.3 78.9h-943.3c-43.3 0-82-44.6-82-88v-3274.8c0-96.3 60-124.9 137.6-124.9H5454c93.2 0 116.1 45.8 116.1 126.4v996.6"/><path id="path3032" className="st0" d="M16109.8-526.2h-939.1c-43.1 0-78.1-35.5-78.1-79.2v-2428s-238.5-174.5-577.2-174.5c-338.6 0-428.4 153.6-428.4 485.2v2117.4c0 43.7-35 79.2-78.1 79.2h-953.1c-43 0-78.3-35.5-78.3-79.2V-2883c0-984.8 548.8-1225.7 1303.9-1225.7 619.4 0 1118.8 342.2 1118.8 342.2s23.8-180.3 34.5-201.7c10.8-21.3 38.8-42.9 69.1-42.9l606.3 2.7c43 0 78.3 35.6 78.3 79l-.3 3324.1c.1 43.6-35 79.1-78.3 79.1"/><path id="path3034" className="st0" d="M18306-3205c-325.7 9.9-546.6 157.7-546.6 157.7v1568.1s218 133.6 485.4 157.5c338.2 30.3 664-71.9 664-878.5-.1-850.6-147.1-1018.5-602.8-1004.8zm370.4 2790c-533.4 0-896.1-238-896.1-238v1676.8c0 43.7-34.9 79-78.1 79h-949c-43.1 0-78.2-35.3-78.2-79V-3928c0-43.7 35.1-79.2 78.3-79.2h658.4c29.7 0 52.1 15.3 68.7 42.1 16.4 26.6 40 228.3 40 228.3s388.1-367.7 1122.6-367.7c862.4 0 1357 437.5 1357 1963.8 0 1526.2-789.9 1725.7-1323.6 1725.7"/><path id="path3036" className="st0" d="M8289.9-518.3H7580l-1.1 937.8c0 35.5-18.3 53.2-59.3 53.2h-967.3c-37.6 0-57.8-16.5-57.8-52.7v-969.1s-484.8-117-517.5-126.5c-32.6-9.5-56.7-39.6-56.7-75.5v-609c0-43.8 35-79.1 78.3-79.1h496v-1465c0-1088.2 763.3-1195.1 1278.4-1195.1 235.3 0 516.9 75.6 563.3 92.8 28.1 10.3 44.4 39.4 44.4 71l.8 669.9c0 43.7-36.9 79-78.5 79-41.4 0-147.2-16.8-256.1-16.8-348.7 0-466.8 162.1-466.8 372v1392.2H8290c43.3 0 78.3 35.3 78.3 79.1v762.8c-.1 43.8-35.2 79-78.4 79"/></g></g></g></g></g></svg>
-  )
-}
-const NotionText = ({className}: {className?: string}) => {
+    <svg
+      fill="#ffffff"
+      className={className}
+      version="1.1"
+      id="svg2"
+      xmlns="http://www.w3.org/2000/svg"
+      x="0"
+      y="0"
+      viewBox="0 0 2500 676.1"
+      xmlSpace="preserve"
+    >
+      <g id="layer1" transform="translate(-85.59 -376.905)">
+        <g id="g3012" transform="matrix(1.25 0 0 -1.25 85.59 539.248)">
+          <g id="g3014" transform="scale(.1)">
+            <g id="g3016">
+              <g id="g3018">
+                <path
+                  id="path3024"
+                  className="st0"
+                  d="M3852.1-1016.2H2171.4c-43.4 0-78.5-35.2-78.5-78.6v-821.7c0-43.4 35.2-78.7 78.5-78.7H2827V-3016s-147.2-50.2-554.2-50.2c-480.2 0-1150.9 175.5-1150.9 1650.5 0 1475.3 698.5 1669.4 1354.2 1669.4 567.6 0 812.2-99.9 967.8-148.1 48.9-15 94.1 33.7 94.1 77.1l187.5 793.9c0 20.3-6.9 44.7-30 61.3-63.2 45.1-448.7 260.8-1422.6 260.8C1150.9 1298.8 0 821.4 0-1473.3S1317.6-4110 2428-4110c919.4 0 1477.1 392.9 1477.1 392.9 23 12.7 25.5 44.8 25.5 59.6v2562.7c0 43.4-35.2 78.6-78.5 78.6"
+                />
+                <path
+                  id="path3026"
+                  className="st0"
+                  d="M12513.4 1023.8c0 43.7-34.6 79-78 79h-946.3c-43.2 0-78.4-35.3-78.4-79l.3-1828.8H9936v1828.8c0 43.7-34.8 79-78.1 79h-946.3c-43.1 0-78.2-35.3-78.2-79V-3928c0-43.7 35.1-79.2 78.2-79.2h946.3c43.3 0 78.1 35.6 78.1 79.2v2118h1475l-2.6-2118c0-43.7 35.1-79.2 78.4-79.2h948.6c43.4 0 78 35.6 78.1 79.2v4951.8"
+                />
+                <path
+                  id="path3028"
+                  className="st0"
+                  d="M5637.8 374c0 340.7-273.2 616.1-610.2 616.1-336.7 0-610.1-275.4-610.1-616.1 0-340.4 273.4-616.5 610.1-616.5 337 0 610.2 276.1 610.2 616.5"
+                />
+                <path
+                  id="path3030"
+                  className="st0"
+                  d="M5570.1-2883.4v2285.8c0 43.4-35 78.9-78.3 78.9h-943.3c-43.3 0-82-44.6-82-88v-3274.8c0-96.3 60-124.9 137.6-124.9H5454c93.2 0 116.1 45.8 116.1 126.4v996.6"
+                />
+                <path
+                  id="path3032"
+                  className="st0"
+                  d="M16109.8-526.2h-939.1c-43.1 0-78.1-35.5-78.1-79.2v-2428s-238.5-174.5-577.2-174.5c-338.6 0-428.4 153.6-428.4 485.2v2117.4c0 43.7-35 79.2-78.1 79.2h-953.1c-43 0-78.3-35.5-78.3-79.2V-2883c0-984.8 548.8-1225.7 1303.9-1225.7 619.4 0 1118.8 342.2 1118.8 342.2s23.8-180.3 34.5-201.7c10.8-21.3 38.8-42.9 69.1-42.9l606.3 2.7c43 0 78.3 35.6 78.3 79l-.3 3324.1c.1 43.6-35 79.1-78.3 79.1"
+                />
+                <path
+                  id="path3034"
+                  className="st0"
+                  d="M18306-3205c-325.7 9.9-546.6 157.7-546.6 157.7v1568.1s218 133.6 485.4 157.5c338.2 30.3 664-71.9 664-878.5-.1-850.6-147.1-1018.5-602.8-1004.8zm370.4 2790c-533.4 0-896.1-238-896.1-238v1676.8c0 43.7-34.9 79-78.1 79h-949c-43.1 0-78.2-35.3-78.2-79V-3928c0-43.7 35.1-79.2 78.3-79.2h658.4c29.7 0 52.1 15.3 68.7 42.1 16.4 26.6 40 228.3 40 228.3s388.1-367.7 1122.6-367.7c862.4 0 1357 437.5 1357 1963.8 0 1526.2-789.9 1725.7-1323.6 1725.7"
+                />
+                <path
+                  id="path3036"
+                  className="st0"
+                  d="M8289.9-518.3H7580l-1.1 937.8c0 35.5-18.3 53.2-59.3 53.2h-967.3c-37.6 0-57.8-16.5-57.8-52.7v-969.1s-484.8-117-517.5-126.5c-32.6-9.5-56.7-39.6-56.7-75.5v-609c0-43.8 35-79.1 78.3-79.1h496v-1465c0-1088.2 763.3-1195.1 1278.4-1195.1 235.3 0 516.9 75.6 563.3 92.8 28.1 10.3 44.4 39.4 44.4 71l.8 669.9c0 43.7-36.9 79-78.5 79-41.4 0-147.2-16.8-256.1-16.8-348.7 0-466.8 162.1-466.8 372v1392.2H8290c43.3 0 78.3 35.3 78.3 79.1v762.8c-.1 43.8-35.2 79-78.4 79"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};
+const NotionText = ({ className }: { className?: string }) => {
   return (
- 
-<svg className={className} version="1.0" fill="#ffffff" id="katman_1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 600 400"  xmlSpace="preserve">
-<style type="text/css">
-</style>
-<path d="M283.2,228.4v-39.7h0.7l28.6,39.7h9v-58.3h-10v39.6h-0.7l-28.6-39.6h-9v58.3L283.2,228.4L283.2,228.4z M349.8,229.3
+    <svg
+      className={className}
+      version="1.0"
+      fill="#ffffff"
+      id="katman_1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      x="0px"
+      y="0px"
+      viewBox="0 0 600 400"
+      xmlSpace="preserve"
+    >
+      <style type="text/css"></style>
+      <path
+        d="M283.2,228.4v-39.7h0.7l28.6,39.7h9v-58.3h-10v39.6h-0.7l-28.6-39.6h-9v58.3L283.2,228.4L283.2,228.4z M349.8,229.3
 	c13.2,0,21.3-8.6,21.3-23c0-14.3-8.1-23-21.3-23c-13.1,0-21.3,8.7-21.3,23C328.6,220.7,336.6,229.3,349.8,229.3z M349.8,220.9
 	c-7,0-11-5.3-11-14.6c0-9.2,4-14.6,11-14.6c7,0,11,5.4,11,14.6C360.8,215.6,356.8,220.9,349.8,220.9z M380.2,173.4v11.1h-7v8h7v24.1
 	c0,8.6,4,12,14.2,12c1.9,0,3.8-0.2,5.3-0.5v-7.8c-1.2,0.1-2,0.2-3.4,0.2c-4.2,0-6.1-1.9-6.1-6.3v-21.7h9.5v-8h-9.5v-11.1
@@ -26,26 +91,39 @@ const NotionText = ({className}: {className?: string}) => {
 	C404.7,174.2,407.4,176.9,410.7,176.9L410.7,176.9z M443.1,229.3c13.2,0,21.3-8.6,21.3-23c0-14.3-8.1-23-21.3-23
 	c-13.1,0-21.3,8.7-21.3,23C421.8,220.7,429.8,229.3,443.1,229.3z M443.1,220.9c-7,0-11-5.3-11-14.6c0-9.2,4-14.6,11-14.6
 	c6.9,0,11,5.4,11,14.6C454,215.6,450,220.9,443.1,220.9z M470.3,228.4h10v-25.7c0-6.5,3.8-10.6,9.7-10.6c6.1,0,8.9,3.4,8.9,10.1
-	v26.2h10v-28.6c0-10.6-5.4-16.5-15.2-16.5c-6.6,0-11,3-13.1,8h-0.7v-7.1h-9.7C470.3,184.2,470.3,228.4,470.3,228.4z"/>
-<g>
-	<path className="st0" d="M120,152.1c4.7,3.8,6.4,3.5,15.2,2.9l82.9-5c1.8,0,0.3-1.8-0.3-2l-13.8-9.9c-2.6-2-6.2-4.4-12.9-3.8l-80.2,5.9
+	v26.2h10v-28.6c0-10.6-5.4-16.5-15.2-16.5c-6.6,0-11,3-13.1,8h-0.7v-7.1h-9.7C470.3,184.2,470.3,228.4,470.3,228.4z"
+      />
+      <g>
+        <path
+          className="st0"
+          d="M120,152.1c4.7,3.8,6.4,3.5,15.2,2.9l82.9-5c1.8,0,0.3-1.8-0.3-2l-13.8-9.9c-2.6-2-6.2-4.4-12.9-3.8l-80.2,5.9
 		c-2.9,0.3-3.5,1.8-2.3,2.9L120,152.1z M125,171.4v87.2c0,4.7,2.3,6.4,7.6,6.1l91.1-5.3c5.3-0.3,5.9-3.5,5.9-7.3v-86.6
 		c0-3.8-1.5-5.9-4.7-5.6l-95.2,5.6C126.2,165.8,125,167.6,125,171.4L125,171.4z M214.9,176.1c0.6,2.6,0,5.3-2.6,5.6l-4.4,0.9v64.4
 		c-3.8,2-7.3,3.2-10.3,3.2c-4.7,0-5.9-1.5-9.4-5.9l-28.7-45.1v43.6l9.1,2c0,0,0,5.3-7.3,5.3l-20.2,1.2c-0.6-1.2,0-4.1,2-4.7l5.3-1.5
 		v-57.6l-7.3-0.6c-0.6-2.6,0.9-6.4,5-6.7l21.7-1.5l29.9,45.6V184l-7.6-0.9c-0.6-3.2,1.8-5.6,4.7-5.9L214.9,176.1z M104.2,132.2
 		l83.5-6.1c10.2-0.9,12.9-0.3,19.3,4.4l26.6,18.7c4.4,3.2,5.9,4.1,5.9,7.6v102.7c0,6.4-2.3,10.2-10.5,10.8l-96.9,5.9
-		c-6.2,0.3-9.1-0.6-12.3-4.7L100.1,246c-3.5-4.7-5-8.2-5-12.3v-91.3C95.1,137.1,97.5,132.8,104.2,132.2z"/>
-</g>
-</svg>
-
-  )
-}
-const MediumText = ({className}: {className?:string}) => {
+		c-6.2,0.3-9.1-0.6-12.3-4.7L100.1,246c-3.5-4.7-5-8.2-5-12.3v-91.3C95.1,137.1,97.5,132.8,104.2,132.2z"
+        />
+      </g>
+    </svg>
+  );
+};
+const MediumText = ({ className }: { className?: string }) => {
   return (
-
-<svg className={className} fill="#ffffff" version="1.1" id="layer" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 652 652" xmlSpace="preserve">
-<path d="M112,321.5c0,25-20.1,45.3-45,45.3s-45-20.3-45-45.3s20.1-45.3,45-45.3S112,296.5,112,321.5 M161.3,321.5
+    <svg
+      className={className}
+      fill="#ffffff"
+      version="1.1"
+      id="layer"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      x="0px"
+      y="0px"
+      viewBox="0 0 652 652"
+      xmlSpace="preserve"
+    >
+      <path
+        d="M112,321.5c0,25-20.1,45.3-45,45.3s-45-20.3-45-45.3s20.1-45.3,45-45.3S112,296.5,112,321.5 M161.3,321.5
 	c0,23.5-10.1,42.6-22.5,42.6c-12.4,0-22.5-19.1-22.5-42.6s10.1-42.6,22.5-42.6C151.2,278.9,161.3,297.9,161.3,321.5 M181.5,321.5
 	c0,21.1-3.5,38.2-7.9,38.2c-4.4,0-7.9-17.1-7.9-38.2s3.5-38.2,7.9-38.2S181.5,300.4,181.5,321.5 M305.6,280.1l0.1,0v-1h-25.6
 	L256.4,335l-23.8-55.8h-27.6v1l0.1,0c4.7,1.1,7,2.6,7,8.3v66.4c0,5.7-2.4,7.2-7,8.3l-0.1,0v1h18.7v-1l-0.1,0c-4.7-1.1-7-2.6-7-8.3
@@ -64,11 +142,11 @@ const MediumText = ({className}: {className?:string}) => {
 	c2.2,7.7,7.8,11.8,16.6,11.8c7.5,0,14.1-4.6,17-11.9v10.1h25.5v-1L523.1,363.2z M622,364.2v-1l-0.1,0c-5.1-1.2-7-3.4-7-7.9v-37.1
 	c0-11.6-6.5-18.5-17.4-18.5c-7.9,0-14.6,4.6-17.2,11.7c-2-7.6-7.9-11.7-16.7-11.7c-7.7,0-13.7,4-16.2,10.9v-10.7l-25.5,7v1l0.2,0
 	c5.4,0.5,7,2.4,7,8.7v47.6h23.8v-1l-0.1,0c-4-0.9-5.3-2.7-5.3-7.1v-42.6c1.1-2.5,3.2-5.5,7.5-5.5c5.3,0,8,3.7,8,10.9v45.3h23.8v-1
-	l-0.1,0c-4-0.9-5.3-2.7-5.3-7.1v-37.9c0-1.4-0.1-2.8-0.3-4.2c1.1-2.7,3.4-5.9,7.8-5.9c5.4,0,8,3.6,8,10.9v45.3H622z"/>
-</svg>
-
-  )
-}
+	l-0.1,0c-4-0.9-5.3-2.7-5.3-7.1v-37.9c0-1.4-0.1-2.8-0.3-4.2c1.1-2.7,3.4-5.9,7.8-5.9c5.4,0,8,3.6,8,10.9v45.3H622z"
+      />
+    </svg>
+  );
+};
 const logos = [
   {
     name: "Github",
@@ -96,18 +174,14 @@ const AnimatedLogoCloud = () => {
   return (
     <div className="py-2 max-w-4xl">
       <p className="font-normal tracking-tighter text-base text-gray-100 bg-gradient-to-br from-zinc-400 via-zinc-300 to-zinc-700 bg-clip-text text-transparent text-center mt-4">
-        Well Integrated with six companies so far
-
-      
+        Works perfectly with the apps you love.
       </p>
       {/* <hr className="h-[0.1px]  relative bg-white/10" /> */}
 
       <div className="relative bg-page-gradient h-full mx-auto max-w-full">
-      <div className="absolute z-40 mx-auto  h-screen  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>
-        
+        <div className="absolute z-40 mx-auto  h-screen  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>
       </div>
       <div className="px-4 mx-auto w-full md:px-8 relative ">
-
         <div
           className="flex overflow-hidden relative gap-6 p-2 mt-[-40px] group"
           style={{
@@ -134,5 +208,3 @@ const AnimatedLogoCloud = () => {
 };
 
 export default AnimatedLogoCloud;
-
-
diff --git a/apps/web/app/(landing)/Showcase.tsx b/apps/web/app/(landing)/Showcase.tsx
index a3fc3da2..8e00baf6 100644
--- a/apps/web/app/(landing)/Showcase.tsx
+++ b/apps/web/app/(landing)/Showcase.tsx
@@ -15,12 +15,14 @@ interface Feature {
   icon: React.ComponentType;
 }
 
+// TODO: This features section will be more for "use-cases"
 const features: Array<Feature> = [
   {
-    name: "Reporting",
-    summary: "Stay on top of things with always up-to-date reporting features.",
+    name: "Ideation",
+    summary:
+      "Never lose a great idea again - instead of saving it in your head, save it in supermemory.",
     description:
-      "We talked about reporting in the section above but we needed three items here, so mentioning it one more time for posterity.",
+      "The internet is full of great ideas, but there's a problem. They are ephemeral. They come and go. ",
     image: "search.svg",
     icon: function ReportingIcon() {
       let id = useId();
@@ -51,11 +53,10 @@ const features: Array<Feature> = [
     },
   },
   {
-    name: "Inventory",
-    summary:
-      "Never lose track of what’s in stock with accurate inventory tracking.",
+    name: "Bookmarks",
+    summary: "Simply great bookmarking tool.",
     description:
-      "We don’t offer this as part of our software but that statement is inarguably true. Accurate inventory tracking would help you for sure.",
+      "Good bookmarking tools have ways to import and organise your bookmarks. Great bookmarking tool resurfaces them when you need them.",
     image: "memory.svg",
     icon: function InventoryIcon() {
       return (
@@ -80,10 +81,9 @@ const features: Array<Feature> = [
   },
   {
     name: "Contacts",
-    summary:
-      "Organize all of your contacts, service providers, and invoices in one place.",
+    summary: "Life is all about the people you know.",
     description:
-      "This also isn’t actually a feature, it’s just some friendly advice. We definitely recommend that you do this, you’ll feel really organized and professional.",
+      "Tell supermemory about people you know, and when you forget, you know where to look.",
     image: "search.svg",
     icon: function ContactsIcon() {
       return (
@@ -120,7 +120,7 @@ function Feature({
       <div
         className={clsx(
           "w-9 rounded-lg",
-          isActive ? "bg-blue-600" : "bg-slate-500"
+          isActive ? "bg-blue-600" : "bg-slate-500",
         )}
       >
         <svg aria-hidden="true" className="h-9 w-9" fill="none">
@@ -130,7 +130,7 @@ function Feature({
       <h3
         className={clsx(
           "mt-6 text-sm font-medium",
-          isActive ? "text-blue-600" : "text-gray-300"
+          isActive ? "text-blue-600" : "text-gray-300",
         )}
       >
         {feature.name}
@@ -197,7 +197,7 @@ function FeaturesDesktop() {
                   key={feature.summary}
                   className={clsx(
                     "px-5 transition duration-500 ease-in-out ui-not-focus-visible:outline-none",
-                    featureIndex !== selectedIndex && "opacity-60"
+                    featureIndex !== selectedIndex && "opacity-60",
                   )}
                   style={{ transform: `translateX(-${selectedIndex * 100}%)` }}
                   aria-hidden={featureIndex !== selectedIndex}
@@ -224,8 +224,7 @@ function FeaturesDesktop() {
 export function Showcases() {
   return (
     <section
-      id="secondary-features"
-      aria-label="Features for simplifying everyday business tasks"
+      id="use-cases"
       className=" bg-page-gradient bg-opacity-0 relative pb-14 pt-20 sm:pb-20 sm:pt-32 lg:pb-32 w-full mt-10"
     >
       <Container>
@@ -240,7 +239,7 @@ export function Showcases() {
         {/* <img
           className="absolute inset-x-0 -top-0 opacity-75 "
           src={
-            "https://pipe.com/_next/image?url=%2Fassets%2Fimg%2Fhero-left.png&w=384&q=75"
+            "/images/landing-hero-left.webp"
           }
           width={1000}
           height={1000}
@@ -251,11 +250,11 @@ export function Showcases() {
             <span className="bg-gradient-to-br from-indigo-400 via-indigo-300 to-indigo-700 bg-clip-text text-transparent">
               Supermemory <br />
             </span>{" "}
-            simplify AI ingestions.
+            remembers everything.
           </h2>
           <p className="mt-4 text-lg tracking-tight text-gray-100">
-            Because you’d probably be a little confused if we suggested you
-            complicate your everyday business tasks instead.
+            ... so you don't have to. Whether you're a student, a professional,
+            or just a person on the the internet. we got you covered.
           </p>
           <div className="overflow-x-hidden overflow-y-hidden">
             <div className="absolute right-0 z-20 top-[0%] h-40 w-[17%] overflow-x-hidden bg-[#369DFD] bg-opacity-20 blur-[110px]" />
diff --git a/apps/web/public/images/landing-hero-left.webp b/apps/web/public/images/landing-hero-left.webp
new file mode 100644
index 00000000..cb38cb4f
--- /dev/null
+++ b/apps/web/public/images/landing-hero-left.webp
diff --git a/apps/web/public/images/landing_integrations.png b/apps/web/public/images/landing_integrations.png
new file mode 100644
index 00000000..512074f4
--- /dev/null
+++ b/apps/web/public/images/landing_integrations.png
diff --git a/apps/web/public/images/landing_vault.png b/apps/web/public/images/landing_vault.png
new file mode 100644
index 00000000..a5ebce73
--- /dev/null
+++ b/apps/web/public/images/landing_vault.png
diff --git a/apps/web/public/images/tailwind-bg-gradient.avif b/apps/web/public/images/tailwind-bg-gradient.avif
new file mode 100644
index 00000000..a05ed83e
--- /dev/null
+++ b/apps/web/public/images/tailwind-bg-gradient.avif
diff --git a/apps/web/public/logo.svg b/apps/web/public/logo.svg
index add59158..6081634d 100644
--- a/apps/web/public/logo.svg
+++ b/apps/web/public/logo.svg
@@ -1,4 +1,4 @@
 <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M19.0357 8C20.5531 8 21 9.27461 21 10.8438V16.3281H23.5536V14.2212C23.5536 13.1976 23.9468 12.216 24.6467 11.4922L25.0529 11.0721C24.9729 10.8772 24.9286 10.6627 24.9286 10.4375C24.9286 9.54004 25.6321 8.8125 26.5 8.8125C27.3679 8.8125 28.0714 9.54004 28.0714 10.4375C28.0714 11.335 27.3679 12.0625 26.5 12.0625C26.2822 12.0625 26.0748 12.0167 25.8863 11.9339L25.4801 12.354C25.0012 12.8492 24.7321 13.5209 24.7321 14.2212V16.3281H28.9714C29.2045 15.7326 29.7691 15.3125 30.4286 15.3125C31.2964 15.3125 32 16.04 32 16.9375C32 17.835 31.2964 18.5625 30.4286 18.5625C29.7691 18.5625 29.2045 18.1424 28.9714 17.5469H21V21.2031H25.0428C25.2759 20.6076 25.8405 20.1875 26.5 20.1875C27.3679 20.1875 28.0714 20.915 28.0714 21.8125C28.0714 22.71 27.3679 23.4375 26.5 23.4375C25.8405 23.4375 25.2759 23.0174 25.0428 22.4219H21V26.0781H24.4125C25.4023 26.0781 26.3516 26.4847 27.0515 27.2085L29.0292 29.2536C29.2177 29.1708 29.4251 29.125 29.6429 29.125C30.5107 29.125 31.2143 29.8525 31.2143 30.75C31.2143 31.6475 30.5107 32.375 29.6429 32.375C28.775 32.375 28.0714 31.6475 28.0714 30.75C28.0714 30.5248 28.1157 30.3103 28.1958 30.1154L26.2181 28.0703C25.7392 27.5751 25.0897 27.2969 24.4125 27.2969H21V31.1562C21 32.7254 20.5531 34 19.0357 34C17.6165 34 16.4478 32.8879 16.3004 31.4559C16.0451 31.527 15.775 31.5625 15.5 31.5625C13.7665 31.5625 12.3571 30.1051 12.3571 28.3125C12.3571 27.9367 12.421 27.5711 12.5339 27.2359C11.0509 26.657 10 25.1742 10 23.4375C10 21.8176 10.9183 20.416 12.2491 19.766C11.8219 19.2125 11.5714 18.5117 11.5714 17.75C11.5714 16.191 12.6321 14.891 14.0464 14.5711C13.9679 14.2918 13.9286 13.9922 13.9286 13.6875C13.9286 12.1691 14.9402 10.8895 16.3004 10.534C16.4478 9.11211 17.6165 8 19.0357 8Z" 
-  fill="#545B62"/>
+  fill="#fff"/>
 </svg>
\ No newline at end of file
diff --git a/apps/web/wrangler.toml b/apps/web/wrangler.toml
index d4312161..56ceaad0 100644
--- a/apps/web/wrangler.toml
+++ b/apps/web/wrangler.toml
@@ -12,12 +12,12 @@ binding = "STORAGE"
 bucket_name = "dev-r2-anycontext"
 
 
-[[env.production.d1_databases]]
-binding = "DATABASE"
-database_name = "prod-d1-supermemory"
-database_id = "f527a727-c472-41d4-8eaf-3d7ba0f2f395"
+# [[env.production.d1_databases]]
+# binding = "DATABASE"
+# database_name = "prod-d1-supermemory"
+# database_id = "f527a727-c472-41d4-8eaf-3d7ba0f2f395"
 
-[[env.preview.d1_databases]]
+[[d1_databases]]
 binding = "DATABASE"
 database_name = "dev-d1-anycontext"
 database_id = "fc562605-157a-4f60-b439-2a24ffed5b4c"
\ No newline at end of file
diff --git a/packages/ui/components/QueryInput.tsx b/packages/ui/components/QueryInput.tsx
deleted file mode 100644
index ba476dda..00000000
--- a/packages/ui/components/QueryInput.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from "react";
-import Divider from "../shadcn/divider";
-import { ArrowRightIcon } from "../icons";
-import Image from "next/image";
-
-function QueryInput() {
-  return (
-    <div>
-      <div className="bg-secondary rounded-[20px] h-[68 px]">
-        {/* input and action button */}
-        <form className="flex gap-4 p-2.5">
-          <textarea
-            name="q"
-            cols={30}
-            rows={4}
-            className="bg-transparent h-12 focus:h-[128px] no-scrollbar pt-3 px-2 text-base placeholder:text-[#5D6165] text-[#9DA0A4] focus:text-white duration-200 tracking-[3%] outline-none resize-none w-full"
-            placeholder="Ask your second brain..."
-            // onKeyDown={(e) => {
-            //   if (e.key === "Enter") {
-            //     e.preventDefault();
-            //     if (!e.shiftKey) push(parseQ());
-            //   }
-            // }}
-            // onChange={(e) => setQ(e.target.value)}
-            // value={q}
-            // disabled={disabled}
-          />
-
-          <button
-            // type="submit"
-            // onClick={e => e.preventDefault()}
-            // disabled={disabled}
-            className="h-12 w-12 rounded-[14px] bg-[#21303D] all-center shrink-0 hover:brightness-125 duration-200 outline-none focus:outline focus:outline-primary active:scale-90"
-          >
-            <Image src={ArrowRightIcon} alt="Right arrow icon" />
-          </button>
-        </form>
-
-        {/* <Divider /> */}
-      </div>
-      {/* selected sources */}
-      {/* <div className="flex items-center gap-6 p-2 h-auto bg-secondary"> */}
-      {/* <MultipleSelector
-            key={options.length}
-            disabled={disabled}
-            defaultOptions={options}
-            onChange={(e) => setSelectedSpaces(e.map((x) => parseInt(x.value)))}
-            placeholder="Focus on specific spaces..."
-            emptyIndicator={
-              <p className="text-center text-lg leading-10 text-gray-600 dark:text-gray-400">
-                no results found.
-              </p>
-            }
-          /> */}
-      {/* </div> */}
-    </div>
-  );
-}
-
-export default QueryInput;