update pizzazz

homepage/homepage/app/(others)/layout.tsx

@@ -1,4 +1,6 @@
+import { Pizzazz } from "@/components/Pizzazz";
 import { JazzNav } from "@/components/nav";
+import { Suspense } from "react";
 
 export default function RootLayout({
   children,
@@ -9,6 +11,9 @@ export default function RootLayout({
     <div className="flex-1 w-full">
       <JazzNav />
       <main>{children}</main>
+      <Suspense>
+        <Pizzazz />
+      </Suspense>
     </div>
   );
 }

homepage/homepage/components/Pizzazz.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { addPizzazz } from "@unicorn-poo/pizzazz";
+import { useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+
+export function Pizzazz() {
+  const searchParams = useSearchParams();
+  const utmSource = searchParams.get("utm_source");
+
+  useEffect(() => {
+    if (utmSource === "zod") {
+      addPizzazz(document?.body, {
+        character: '💎',
+        count: 12,
+        sizeRange: [10, 40],
+        duration: 1500,
+      });
+    }
+  }, []);
+
+  return null;
+}

homepage/homepage/package.json

@@ -32,6 +32,7 @@
     "@turf/turf": "^7.1.0",
     "@types/mdx": "^2.0.8",
     "@types/topojson-client": "^3.1.5",
+    "@unicorn-poo/pizzazz": "^1.1.1",
     "@vercel/analytics": "^1.3.1",
     "@vercel/speed-insights": "^1.0.12",
     "clsx": "^2.1.1",

homepage/pnpm-lock.yaml

@@ -226,6 +226,9 @@ importers:
       '@types/topojson-client':
         specifier: ^3.1.5
         version: 3.1.5
+      '@unicorn-poo/pizzazz':
+        specifier: ^1.1.1
+        version: 1.1.1
       '@vercel/analytics':
         specifier: ^1.3.1
         version: 1.5.0(next@15.2.1(@playwright/test@1.52.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
@@ -2244,6 +2247,10 @@ packages:
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
+  '@unicorn-poo/pizzazz@1.1.1':
+    resolution: {integrity: sha512-StMxyRbujFIuuSvcBbeEwGJtFTTQemS8N0dmL8jAMcsrwccKJ2bEObIEbrSTAtpAM664vx9G1/wafkK7oG9Srw==}
+    engines: {node: '>=14.0.0', npm: '>=6.0.0'}
+
   '@vercel/analytics@1.5.0':
     resolution: {integrity: sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==}
     peerDependencies:
@@ -6768,6 +6775,8 @@ snapshots:
 
   '@ungap/structured-clone@1.3.0': {}
 
+  '@unicorn-poo/pizzazz@1.1.1': {}
+
   '@vercel/analytics@1.5.0(next@14.2.15(@playwright/test@1.52.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     optionalDependencies:
       next: 14.2.15(@playwright/test@1.52.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)