chore: bump dependencies (#1411)

apps/api/package.json

@@ -17,7 +17,7 @@
     "hono": "^4.3.7",
     "linkedom": "^0.18.0",
     "ua-parser-js": "^1.0.37",
-    "viem": "^2.10.8",
+    "viem": "^2.10.9",
     "zod": "^3.23.8"
   },
   "devDependencies": {

apps/web/package.json

@@ -23,7 +23,7 @@
     "dayjs": "^1.11.11",
     "emoji-mart": "^5.6.0",
     "filereader-stream": "^2.0.0",
-    "framer-motion": "^11.2.2",
+    "framer-motion": "^11.2.4",
     "graphql": "^16.8.1",
     "idb-keyval": "^6.2.1",
     "interweave": "^13.1.0",
@@ -40,8 +40,8 @@
     "react-use-websocket": "^4.8.1",
     "textarea-caret": "^3.1.0",
     "uuid": "^9.0.1",
-    "viem": "^2.10.8",
-    "wagmi": "^2.8.8",
+    "viem": "^2.10.9",
+    "wagmi": "^2.9.1",
     "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },

apps/web/src/components/Home/TopSection.tsx

@@ -6,6 +6,7 @@ import GitcoinAlert from './GitcoinAlert'
 import LatestBytes from './LatestBytes'
 import LensManagerAlert from './LensManagerAlert'
 import WelcomeAlert from './WelcomeAlert'
+import ZorbAlert from './ZorbAlert'
 
 const TopSection = () => {
   const sectionRef = useRef<HTMLDivElement>(null)
@@ -21,6 +22,7 @@ const TopSection = () => {
         {!activeProfile?.id && <WelcomeAlert />}
         <GitcoinAlert />
         <LensManagerAlert />
+        <ZorbAlert />
         <LatestBytes />
       </div>
     </div>

apps/web/src/components/Home/ZorbAlert.tsx

@@ -0,0 +1,30 @@
+import { STATIC_ASSETS, TAPE_APP_NAME } from '@tape.xyz/constants'
+import { imageCdn } from '@tape.xyz/generic'
+import { Button } from '@tape.xyz/ui'
+import Link from 'next/link'
+import React from 'react'
+
+const ZorbAlert = () => {
+  return (
+    <div className="tape-border rounded-large ultrawide:h-[400px] relative flex h-[350px] w-[300px] flex-none overflow-hidden">
+      <div className="to-brand-500 via-brand-500/90 absolute inset-0 z-[1] h-full w-full bg-gradient-to-b from-transparent" />
+      <img
+        src={imageCdn(`${STATIC_ASSETS}/images/zorb.png`, 'SQUARE')}
+        className="absolute inset-0 size-full object-cover"
+        alt="cover"
+      />
+      <div className="ultrawide:p-8 relative z-10 flex h-full flex-col justify-end space-y-4 p-4 text-left text-white md:p-6">
+        <div className="text-3xl font-bold">
+          Mint your free {TAPE_APP_NAME} Zorb!
+        </div>
+        <div className="flex">
+          <Link href="/zorb" target="_blank">
+            <Button>Mint</Button>
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ZorbAlert

packages/helpers/browser/package.json

@@ -9,7 +9,7 @@
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "3.577.0",
-    "@aws-sdk/lib-storage": "3.577.0",
+    "@aws-sdk/lib-storage": "3.578.0",
     "@livepeer/react": "^3.1.9",
     "axios": "^1.6.7",
     "next": "^14.2.3",

packages/helpers/generic/package.json

@@ -11,7 +11,7 @@
     "@lens-protocol/metadata": "^1.2.0",
     "axios": "^1.6.7",
     "dayjs-twitter": "^0.5.0",
-    "viem": "^2.10.8"
+    "viem": "^2.10.9"
   },
   "devDependencies": {
     "@tape.xyz/config": "workspace:*",

packages/ui/package.json

@@ -20,7 +20,7 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@tippyjs/react": "^4.2.6",
-    "framer-motion": "^11.2.2",
+    "framer-motion": "^11.2.4",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "tippy.js": "^6.3.7"