- upgrade to browserless v2

- add missing languages
- add donation banner
- update dependencies
- bump version to 4.0.9

apps/client/src/pages/home/components/donation-banner.tsx

@@ -0,0 +1,23 @@
+/* eslint-disable lingui/no-unlocalized-strings */
+
+import { HandHeart } from "@phosphor-icons/react";
+import { motion } from "framer-motion";
+
+export const DonationBanner = () => {
+  return (
+    <a href="https://opencollective.com/Reactive-Resume" target="_blank" rel="noreferrer">
+      <motion.div
+        whileHover={{ height: 48 }}
+        initial={{ opacity: 0, y: -50, height: 32 }}
+        animate={{ opacity: 1, y: 0, transition: { duration: 0.3 } }}
+        className="flex w-screen items-center justify-center gap-x-2 bg-zinc-800 text-xs font-bold leading-relaxed text-zinc-50"
+      >
+        <HandHeart weight="bold" size={14} className="shrink-0" />
+        <span>
+          If this project has helped you, please consider donating to Reactive Resume as we're
+          running out of server resources with the increasing number of users.
+        </span>
+      </motion.div>
+    </a>
+  );
+};

apps/client/src/pages/home/components/header.tsx

@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 
 import { Logo } from "@/client/components/logo";
 
-import { ProductHuntBanner } from "./product-hunt-banner";
+import { DonationBanner } from "./donation-banner";
 
 export const Header = () => (
   <motion.header
@@ -11,7 +11,7 @@ export const Header = () => (
     initial={{ opacity: 0, y: -50 }}
     animate={{ opacity: 1, y: 0, transition: { delay: 0.3, duration: 0.3 } }}
   >
-    <ProductHuntBanner />
+    <DonationBanner />
 
     <div className="bg-gradient-to-b from-background to-transparent py-3">
       <div className="container flex items-center justify-between">

apps/client/src/pages/home/components/product-hunt-banner.tsx

@@ -1,31 +0,0 @@
-/* eslint-disable lingui/no-unlocalized-strings */
-
-import { RocketLaunch } from "@phosphor-icons/react";
-import dayjs from "dayjs";
-import { motion } from "framer-motion";
-
-export const ProductHuntBanner = () => {
-  const timezonePST = "America/Los_Angeles";
-
-  const startTime = dayjs.tz("2023-11-24 00:01", timezonePST);
-  const endTime = dayjs.tz("2023-11-25 00:00", timezonePST);
-  const currentTime = dayjs().tz(timezonePST);
-
-  const isLaunchDay = currentTime.isAfter(startTime) && currentTime.isBefore(endTime);
-
-  if (!isLaunchDay) return null;
-
-  return (
-    <a href="https://www.producthunt.com/posts/reactive-resume-v4" target="_blank" rel="noreferrer">
-      <motion.div
-        initial={{ opacity: 0, y: -50, height: 32 }}
-        animate={{ opacity: 1, y: 0, transition: { delay: 0.9, duration: 0.3 } }}
-        whileHover={{ height: 48 }}
-        className="flex w-screen items-center justify-center gap-x-1.5 bg-orange-600 text-xs font-bold leading-relaxed text-orange-50"
-      >
-        <RocketLaunch weight="bold" size={12} />
-        <span>Support Reactive Resume on Product Hunt today!</span>
-      </motion.div>
-    </a>
-  );
-};

apps/client/src/pages/home/sections/statistics/index.tsx

@@ -9,9 +9,9 @@ type Statistic = {
 
 export const StatisticsSection = () => {
   const stats: Statistic[] = [
-    { name: t`GitHub Stars`, value: 12800 },
-    { name: t`Users Signed Up`, value: 300000 },
-    { name: t`Resumes Generated`, value: 400000 },
+    { name: t`GitHub Stars`, value: 19500 },
+    { name: t`Users Signed Up`, value: 500000 },
+    { name: t`Resumes Generated`, value: 700000 },
   ];
 
   return (