moonlightnexus Inintial Commit 🌟

src/components/LandingHero.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import InteractivePrism from "./interactivePrism";
 import appDemo from "public/images/AppDemo.webp";
 import Image from "next/image";
 import { useMediaQuery } from "@mantine/hooks";
@@ -10,19 +9,14 @@ export default function LandingHero() {
 
   return (
     <>
-      <InteractivePrism
-        bgColor="black"
-        height={isMobile ? "50vh" : "60rem"}
-        isMobile={!!isMobile}
-      />
-
-      {/*Hero Heading*/}
+    <div class="bg-white p-10 m-2 h-screen">
+      {/* {Hero Heading} */}
       <h1 className="absolute left-10 top-28 z-10 w-fit p-0 text-left text-4xl font-extrabold text-white mix-blend-exclusion md:left-20 md:top-64 md:text-7xl">
         TrustAuthX <br />
         Low-Code Auth <br />
         Infra for the Web.
       </h1>
-
+      </div>
       {/*CTA*/}
       <div className="left-20 top-[32rem] z-10 mt-6 flex flex-col-reverse items-center gap-10 text-left text-white md:absolute md:mt-0 md:flex-row md:gap-20">
         <button className="z-10 flex items-center gap-3 rounded-full border-2 border-[#F35815] bg-black fill-black px-5 py-3 mix-blend-exclusion">
@@ -66,8 +60,8 @@ export default function LandingHero() {
       </div>
 
       {/*Low code*/}
-      <div className="relative md:-mt-[25rem] md:mb-[6.7rem]">
-        <Image src={appDemo} alt="Preview of TrustAuthX app" />
+      <div className="relative md:-mt-[1rem] md:mb-[6rem]">
+        {/* <Image src={appDemo} alt="Preview of TrustAuthX app" /> */}
         <div className="mt-10 p-4 md:absolute md:bottom-[1rem] md:right-[10rem]">
           <svg
             xmlns="http://www.w3.org/2000/svg"