From e55f4acec5306d4e3660a88a3f505c218d37e7f0 Mon Sep 17 00:00:00 2001
From: me <ramvignesh-b@github.com>
Date: Fri, 8 May 2026 06:07:10 +0530
Subject: [PATCH] style: update home font tracking

---
 frontend/src/pages/Home.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 142d7da..8164748 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -56,7 +56,7 @@ export default function Home() {
     <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
       <section
         ref={sectionContainer1}
-        className="relative w-full h-[850vh] bg-base-100 font-serif"
+        className="relative w-full h-[850vh] bg-base-100 font-serif text-neutral-content/90"
       >
         <div className="sticky top-0 h-screen w-full flex flex-col items-center justify-center overflow-hidden">
           {/*  Intro */}
@@ -102,7 +102,7 @@ export default function Home() {
           >
             <Logo type="logo" scale={1.5} ul={true} />
             <motion.div
-              className="font-serif font-extralight mt-6 text-4xl md:text-6xl text-neutral "
+              className="font-serif italic font-extralight mt-6 text-4xl md:text-6xl text-neutral "
               style={{
                 opacity: useTransform(
                   scrollYProgress,
@@ -116,13 +116,13 @@ export default function Home() {
                 ),
               }}
             >
-              is a{" "}
+              is a{"  "}
               <span className="font-display text-primary font-extralight">
                 safe space
               </span>
               ,<br />
               <motion.span
-                className="opacity-0 text-2xl md:text-4xl font-hand tracking-[0.4em] text-neutral"
+                className="opacity-0 text-2xl md:text-4xl font-hand tracking-widest italic text-neutral"
                 transition={{ delay: 5 }}
                 whileInView={{ opacity: 1 }}
                 viewport={{ once: false, amount: 0.3 }}
@@ -175,7 +175,7 @@ export default function Home() {
                 secure
               </span>{" "}
               and{" "}
-              <span className="text-info font-mono tracking-tighter">
+              <span className="text-info font-mono tracking-tighter italic">
                 private
               </span>
               .