Added browser screnshot image

src/app/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Features from "@/components/features";
 import Footer from "@/components/footer";
 import Header from "@/components/header";

src/components/header.tsx

@@ -1,5 +1,6 @@
+"use client";
+
 import { ny } from "@/lib/utils";
-import AnimatedGridPattern from "./ui/animated-grid-pattern";
 import AnimatedGradientText from "./ui/animated-gradient-text";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import WordPullUp from "./ui/word-pull-up";
@@ -10,6 +11,7 @@ import { FadeText } from "./ui/fade-text";
 
 export default function Header() {
   return (
+    <>
       <div className="w-full relative flex h-screen justify-center flex-col align-center">
         <GridPattern  
           numSquares={30}
@@ -71,5 +73,7 @@ export default function Header() {
           transform: 'translateX(-50%)',
         }} />
       </div>
+      <img src="/browser.png" className={ny('mx-auto shadow mt-24 z-0 w-3/4 rounded-xl overflow-hidden border-2 border-blue-500')} />
+    </>
   )
 }