add home added

src/app/page.tsx

@@ -11,6 +11,7 @@ import Contact from "@/components/Contact";
 import PortfolioCart from "@/components/Projects/PortfolioCart";
 import Socials from "@/components/Socials";
 import DarkToggle from "@/components/DarkToggle";
+import AddToHomeScreenButton from "@/components/AddHome";
 
 let prevScrollPos: number = typeof window !== "undefined" ? window.scrollY : 0;
 
@@ -36,7 +37,7 @@ export default function Home() {
   return (
     <>
       {/* <ResponsiveDebug /> */}
-
+      {/* <AddToHomeScreenButton /> */}
       <Navbar />
       {/* <DarkToggle /> */}
       <Hero />

src/components/AddHome.tsx

@@ -0,0 +1,30 @@
+"use client";
+import { useEffect, useState } from "react";
+
+export default function AddToHomeScreenButton() {
+  const [installPrompt, setInstallPrompt] = useState<any>();
+
+  useEffect(() => {
+    const installHandler = (event: Event) => {
+      event.preventDefault();
+      setInstallPrompt(event);
+    };
+
+    window.addEventListener("beforeinstallprompt", installHandler);
+
+    return () =>
+      window.removeEventListener("beforeinstallprompt", installHandler);
+  });
+
+  const onClick = async () => {
+    if (!installPrompt) return;
+    await installPrompt.prompt();
+    setInstallPrompt(false);
+  };
+
+  return (
+    <button onClick={onClick} disabled={!installPrompt}>
+      Install this Demo!
+    </button>
+  );
+}