diff --git a/public/fonts/minecraft-five-bold.ttf b/public/fonts/minecraft-five-bold.ttf
new file mode 100644
index 00000000..9fed1821
Binary files /dev/null and b/public/fonts/minecraft-five-bold.ttf differ
diff --git a/src/components/DonateButton.tsx b/src/components/DonateButton.tsx
index 02b5a079..0cf6ba03 100644
--- a/src/components/DonateButton.tsx
+++ b/src/components/DonateButton.tsx
@@ -1,17 +1,49 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { IconHeart } from "@tabler/icons-react";
 import { supporters } from "@/data/supporters";
 
 const DonateButton = () => {
   const [isHovered, setIsHovered] = useState(false);
+  const [isNearBottom, setIsNearBottom] = useState(false);
   const supporterCount = supporters.length;
 
+  useEffect(() => {
+    const handleScroll = () => {
+      const scrollTop = Math.max(
+        document.documentElement.scrollTop,
+        document.body.scrollTop,
+      );
+      const viewportHeight = window.innerHeight;
+      const fullHeight = Math.max(
+        document.documentElement.scrollHeight,
+        document.body.scrollHeight,
+      );
+      setIsNearBottom(fullHeight - (scrollTop + viewportHeight) < 200);
+    };
+
+    handleScroll();
+    document.addEventListener("scroll", handleScroll, true);
+    window.addEventListener("resize", handleScroll);
+    const resizeObserver = new ResizeObserver(handleScroll);
+    resizeObserver.observe(document.body);
+    return () => {
+      document.removeEventListener("scroll", handleScroll, true);
+      window.removeEventListener("resize", handleScroll);
+      resizeObserver.disconnect();
+    };
+  }, []);
+
   return (
-    <div
+    <motion.div
       className="fixed bottom-6 left-6 z-50 py-2 pr-4"
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
+      initial={false}
+      animate={{ opacity: isNearBottom ? 0 : 1 }}
+      transition={{ duration: 0.3, ease: "easeOut" }}
+      style={{ pointerEvents: isNearBottom ? "none" : "auto" }}
+      aria-hidden={isNearBottom}
     >
       <motion.a
         href="https://www.buymeacoffee.com/renderdragon"
@@ -54,7 +86,7 @@ const DonateButton = () => {
           )}
         </AnimatePresence>
       </motion.a>
-    </div>
+    </motion.div>
   );
 };
 
diff --git a/src/components/PopularTools.tsx b/src/components/PopularTools.tsx
index 0c0a7c19..c1ce23c3 100644
--- a/src/components/PopularTools.tsx
+++ b/src/components/PopularTools.tsx
@@ -75,7 +75,7 @@ const PopularTools = () => {
         </motion.div>
 
         <motion.div
-          className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5"
+          className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto"
           variants={containerVariants}
           initial="hidden"
           whileInView="visible"
diff --git a/src/index.css b/src/index.css
index af54d4f9..bda0fcf9 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,7 +16,7 @@
 
 @font-face {
   font-family: 'Minecraft Five Bold';
-  src: url('/fonts/minecraft.woff2') format('woff2');
+  src: url('/fonts/minecraft-five-bold.ttf') format('truetype');
   font-display: swap;
 }
 
diff --git a/src/pages/Community.tsx b/src/pages/Community.tsx
index a85b8878..82526beb 100644
--- a/src/pages/Community.tsx
+++ b/src/pages/Community.tsx
@@ -259,25 +259,25 @@ const defaultVideoCategories: VideoCategory[] = [
       "Learn to create stunning animations and motion graphics for your videos",
     videos: [
       generateVideoData(
-        "Ab1c2d3e4f",
-        "Minecraft Animation Tutorial for Beginners",
-        "Black Plasma Studio",
-        "25:40",
-        "567K views",
+        "hxp2iRoZcQk",
+        "Minecraft ANIMATION | Blender tutorial for beginners",
+        "kutson blend",
+        "7:28",
+        "65K views",
       ),
       generateVideoData(
-        "Gh5i6j7k8l",
-        "How to Make Smooth Camera Movements",
-        "Element Animation",
-        "18:22",
-        "234K views",
+        "STaEfUoygig",
+        "Smooth Cutscene Cameras with 1 Command in Minecraft",
+        "Cloud Wolf",
+        "3:56",
+        "33K views",
       ),
       generateVideoData(
-        "Mn9o0p1q2r",
-        "Cinema 4D for Minecraft Animators",
-        "Slamacow",
-        "32:15",
-        "445K views",
+        "4SFWXEXkWfI",
+        "[Tutorial] How to import a Minecraft world into Cinema 4D",
+        "Animationcraft",
+        "4:54",
+        "454K views",
       ),
     ],
   },