feat: added pixel (#1108)

Author: mostafakamar2308

apps/landing/components/Layout/FacebookPixel.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import Script from "next/script";
+import React from "react";
+
+export default function FacebookPixel() {
+  return (
+    <>
+      {/* Facebook Pixel Script */}
+      <Script id="facebook-pixel" strategy="afterInteractive">
+        {`
+          !function(f,b,e,v,n,t,s)
+          {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+          n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+          if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+          n.queue=[];t=b.createElement(e);t.async=!0;
+          t.src=v;s=b.getElementsByTagName(e)[0];
+          s.parentNode.insertBefore(t,s)}(window, document,'script',
+          'https://connect.facebook.net/en_US/fbevents.js');
+          fbq('init', '1793133881311033');
+          fbq('track', 'PageView');
+        `}
+      </Script>
+
+      {/* NoScript fallback */}
+      <noscript>
+        <img
+          height="1"
+          width="1"
+          style={{ display: "none" }}
+          src="https://www.facebook.com/tr?id=1793133881311033&ev=PageView&noscript=1"
+          alt="fb pixel"
+        />
+      </noscript>
+    </>
+  );
+}

apps/landing/components/Layout/Layout.tsx

@@ -7,6 +7,7 @@ import Sidebar from "@/components/Layout/Sidebar";
 import Footer from "@/components/Layout/Footer";
 import clarity, { getCustomeId, sessionId } from "@/lib/clarity";
 import { usePathname } from "next/navigation";
+import FacebookPixel from "@/components/Layout/FacebookPixel";
 
 const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [showSidebar, setShowSidebar] = useState(false);
@@ -23,6 +24,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
           showSidebar,
       })}
     >
+      <FacebookPixel />
       <Navbar toggleSidebar={() => setShowSidebar((prev) => !prev)} />
       {showSidebar ? <Sidebar hide={() => setShowSidebar(false)} /> : null}
       {children}