home hero graphic

Bankless-Card · Apr 4, 2024 · 2779bb1 · 2779bb1
1 parent cbe06be
commit 2779bb1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/public/images/bcard-glow.png b/public/images/bcard-glow.png
diff --git a/public/images/bcard-home-hero.png b/public/images/bcard-home-hero.png
diff --git a/src/pages/landingpage.tsx b/src/pages/landingpage.tsx
@@ -12,7 +12,8 @@ import { useMediaQuery } from "@chakra-ui/react";
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
-import bcard from "../../public/images/bcard.png";
+import bcard from "../../public/images/bcard-glow.png";
+import bcardMobile from "../../public/images/bcard-home-hero.png";
 import earn from "../../public/images/earn.svg";
 import onboard from "../../public/images/onboard.svg";
 import phone from "../../public/images/phone.svg";
@@ -138,6 +139,14 @@ const LandingPage = () => {
             alt="BCard"
           />
         </div>
+        <div className="min-[767px]:hidden">
+          <Image
+            priority
+            src={bcardMobile}
+            className="w-[] h-[]"
+            alt="BCard"
+          />
+        </div>
         <div className={`${styles["gradient-header-strip"]}`}></div>
       </section>