diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95dba22..607e63d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import RecentBook from "@/components/DataComponents/RecentBook";
 
 export default function Home() {
   return (
-    <div className="">
+    <div className="select-none">
       <section id="about">
         <div className="mx-auto text-center p-10">
             <div className="mx-auto grid gap-4 grid-cols-1 lg:grid-cols-2 lg:w-1/2">
diff --git a/src/components/DataComponents/RecentBook.tsx b/src/components/DataComponents/RecentBook.tsx
index 61c9f69..eba502f 100644
--- a/src/components/DataComponents/RecentBook.tsx
+++ b/src/components/DataComponents/RecentBook.tsx
@@ -3,7 +3,8 @@ import type { ContentTrackerItem } from '@/utils/types';
 
 const fetchData = async () => {
     const { data } = await fetch("https://api.alexav.gg/v4/tracker/latest/book", {
-        method: 'get'
+        method: 'get',
+        next: { revalidate: 60 }
     }).then((res) => res.json())
     return data
 }
diff --git a/src/components/DataComponents/RecentClip.tsx b/src/components/DataComponents/RecentClip.tsx
index 08d54d6..afeed60 100644
--- a/src/components/DataComponents/RecentClip.tsx
+++ b/src/components/DataComponents/RecentClip.tsx
@@ -3,7 +3,8 @@ import type { MedalClip } from '@/utils/types';
 
 const fetchData = async () => {
     const { data } = await fetch("https://api.alexav.gg/v4/social/medal", {
-        method: 'get'
+        method: 'get',
+        next: { revalidate: 60 }
     }).then((res) => res.json())
     return data[0]
 }
diff --git a/src/components/DataComponents/RecentGame.tsx b/src/components/DataComponents/RecentGame.tsx
index 0eed82b..44e316b 100644
--- a/src/components/DataComponents/RecentGame.tsx
+++ b/src/components/DataComponents/RecentGame.tsx
@@ -3,7 +3,8 @@ import type { GameData } from '@/utils/types';
 
 const fetchData = async () => {
     const { data } = await fetch("https://api.alexav.gg/v4/game", {
-        method: 'get'
+        method: 'get',
+        next: { revalidate: 60 }
     }).then((res) => res.json())
 
     return data
diff --git a/src/components/DataComponents/RecentListen.tsx b/src/components/DataComponents/RecentListen.tsx
index f792383..19e0e2d 100644
--- a/src/components/DataComponents/RecentListen.tsx
+++ b/src/components/DataComponents/RecentListen.tsx
@@ -3,8 +3,10 @@ import type { MusicData } from '@/utils/types';
 
 const fetchData = async () => {
     const { data } = await fetch("https://api.alexav.gg/v4/social/music", {
-        method: 'get'
+        method: 'get',
+        next: { revalidate: 60 }
     }).then((res) => res.json())
+
     return data.tracks[0]
 }
 
diff --git a/src/components/DataComponents/RecentWatch.tsx b/src/components/DataComponents/RecentWatch.tsx
index 0afae0a..4d52d26 100644
--- a/src/components/DataComponents/RecentWatch.tsx
+++ b/src/components/DataComponents/RecentWatch.tsx
@@ -3,7 +3,8 @@ import type { WatchData } from '@/utils/types';
 
 const fetchData = async () => {
     const data = await fetch("https://api.alexav.gg/v4/tracker/latest/tv", {
-        method: 'get'
+        method: 'get',
+        next: { revalidate: 60 }
     });
     return await data.json()
 }