diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 7984cc4..4066a21 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -8,11 +8,10 @@ import { StyledNotion } from "@/components/notion/styled";
 import { ExternalLink } from "lucide-react";
 import { Footer } from "./Footer";
 import { Connect } from "./Connect";
-import { cn } from "@/lib/utils";
 
 export default function Page() {
   return (
-    <main className="animate-fade-in">
+    <main>
       <div className="container py-12 max-w-xl">
         <GrainProvider
           grain_options={{
@@ -25,13 +24,13 @@ export default function Page() {
           }}
         />
         <header className="my-2">
-          {/* <GradientProvider> */}
-          <h1 className="text-xl animate-fade-in-from-bottom font-display font-medium">
-            ./raj
-          </h1>
-          {/* </GradientProvider> */}
+          <GradientProvider>
+            <h1 className="text-xl font-display animate-in font-medium">
+              ./raj
+            </h1>
+          </GradientProvider>
         </header>
-        <div className="animate-fade-in-from-bottom animation-delay-600">
+        <div className="">
           <p className="text-xs italic">I like to build things</p>
           <p className="text-xs">
             Software Engineer{" "}
@@ -124,7 +123,6 @@ function Projects() {
 
       <div className="sm:grid-cols-2 grid-cols-1 grid gap-2">
         <Project
-          className="animate-fade-in-from-bottom animation-delay-[1200]"
           title="PPEC"
           description={
             "PhonePe’s internal cloud provisioning service with fine grain control over provisioning and network, I made the entire ux ui flow for this, very cool service"
@@ -132,7 +130,6 @@ function Projects() {
           href="https://tech.phonepe.com/heres-everything-you-need-to-know-about-phonepes-internal-cloud-provisioning-service/"
         />
         <Project
-          className="animate-fade-in-from-bottom animation-delay-[2400]"
           title="Chakshu"
           description={
             "Server inventory management service that manages procurement to server onboarding."
@@ -140,7 +137,6 @@ function Projects() {
           href="https://tech.phonepe.com/phonepes-server-state-management-via-senzu-and-pious-an-overview/"
         />
         <Project
-          className="animate-fade-in-from-bottom animation-delay-[4800]"
           title="Makima"
           href="https://github.com/xrehpicx/makima"
           description={`Manage servers using natural language.
@@ -148,7 +144,6 @@ Keep track of stats of various things by memory.
         Schedule absolutely anything across all kind of tasks by making the ai talk to itself in the future.`}
         />
         <Project
-          className="animate-fade-in-from-bottom animation-delay-[9600]"
           title="PEE (Project Environment Executor)"
           description={
             "A tmux session manager with a tui and config control to setup tmux sessions."
@@ -164,15 +159,13 @@ function Project({
   title,
   description,
   href,
-  className,
 }: {
   title: string;
   description: JSX.Element | string;
   href?: string;
-  className?: string;
 }) {
   return (
-    <div className={cn("mt-4", className)}>
+    <div className="mt-4">
       <div className="flex items-center gap-1">
         <h4 className="font-display font-medium text-sm">{title}</h4>
         {href ? (