minor changes to landing page

apps/web/app/(landing)/Hero.tsx

@@ -64,18 +64,21 @@ function Hero() {
       </section>
 
       <AnimatedLogoCloud />
-      <div className="relative z-20">
+      <div className="relative z-50">
         <motion.img
           {...{
             ...slap,
             transition: { ...slap.transition, delay: 0.35 },
           }}
-          src="/landing-ui.svg"
+          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 w-[80%] mx-auto md:w-full select-none px-5"
+          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={{
+            borderRadius: "20px",
+          }}
         />
         <div
           className="absolute -z-10 left-0 top-[10%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-100  blur-[337.4px]"

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: "search.svg",
+    image: "/images/asking_questions.png",
     icon: function ReportingIcon() {
       let id = useId();
       return (