From 1d8eecd872b9cbe88b6881628c8a482841459314 Mon Sep 17 00:00:00 2001
From: Bikash <bikashjha490@gmail.com>
Date: Mon, 29 Dec 2025 20:40:04 +0545
Subject: [PATCH] change h1 to reduce LCP

---
 apps/web/src/components/landing-sections/Hero.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/landing-sections/Hero.tsx b/apps/web/src/components/landing-sections/Hero.tsx
index b788ccf8..c0ea2d26 100644
--- a/apps/web/src/components/landing-sections/Hero.tsx
+++ b/apps/web/src/components/landing-sections/Hero.tsx
@@ -71,12 +71,15 @@ const Hero = () => {
             </div>
           </Link>
         </motion.div>
-        <motion.h1
+        <motion.div
+          initial="hidden"
+          animate="visible"
           variants={itemVariants}
-          className="text-5xl text-[2.8rem] lg:text-7xl lg:text-[6rem] font-medium tracking-tighter [will-change:transform,opacity] motion-reduce:transition-none motion-reduce:transform-none"
         >
-          Only platform you need to get into Open Source
-        </motion.h1>
+          <h1 className="text-5xl lg:text-7xl font-medium tracking-tighter">
+            Only platform you need to get into Open Source
+          </h1>
+        </motion.div>
         <motion.p
           initial={{ opacity: 0, y: 30, filter: "blur(10px)" }}
           animate={{ opacity: 1, y: 0, filter: "blur(0px)" }}