Fix

src/app/components/home/About.tsx

@@ -69,17 +69,21 @@ const About = () => {
       //   opacity: opacityProgress,
       // }}
 
-      className=" h-[60vh] md:h-[80vh] relative z-0"
-    >
+
+      className=" h-[60vh] md:h-[80vh] relative z-0">
+
+
       <motion.div animate={star} className=" w-[80%] m-auto h-[10%] ">
         <Star1 />
       </motion.div>
       <div className="flex w-[80%] mx-auto relative  h-[90%] ">
         <div className="absolute flex flex-col md:flex-row inset-0 gap-y-4 md:gap-x-4 h-full items-center justify-center z-10">
           <div className="w-full md:w-[40%] backdrop-blur-md px-10 py-10 min-h-[100px] h-[390px] flex flex-col justify-center border border-primary_11 bg-opacity-90 rounded-xl text-primary_1">
-            <h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">
-              Web3 Powered
-            </h3>
+
+
+            <h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">Web3 Powered</h3>
+
+
 
             <ul className="font-archivo text-xs md:text-sm font-normal mt-4 md:mt-6 list-disc pl-6">
               <li>Distributed Storage and Compute Networks</li>
@@ -93,6 +97,7 @@ const About = () => {
               AI Enabled
             </h3>
 
+
             <ul className="font-archivo text-xs md:text-sm font-normal mt-4 md:mt-6 list-disc pl-6">
               <li>Adaptive and Proactive Resource Management</li>
               <li>Automated Workflows, Logic, and Optimizations</li>

src/app/components/home/Features.tsx

@@ -305,8 +305,10 @@ const Features = () => {
             <div className="w-full md:w-[50%]  ">
               <h2
                 ref={vRef4}
-                className="font-logirentBold  text-xl md:text-3xl md:text-left leading-loose"
-              >
+
+                className="font-logirentBold  text-xl md:text-3xl md:text-left leading-loose">
+
+
                 Just Curious About AI?
               </h2>
 

src/app/components/home/Mail.tsx

@@ -37,8 +37,9 @@ const Mail = () => {
               href="https://form.typeform.com/to/oGnlAAyV"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-white font-semibold text-xs md:text-sm bg-primary_10 w-full h-12 md:h-14 rounded-xl flex items-center justify-center hover:bg-primary_10/90 transition-colors"
-            >
+className="text-white font-semibold text-xs md:text-sm bg-primary_10 w-full h-12 md:h-14 rounded-xl flex items-center justify-center hover:bg-primary_10/90 transition-colors">
+
+
               Contact us
             </a>
           </div>

src/app/components/home/Team.tsx

@@ -76,17 +76,20 @@ const Team = () => {
             href={member.linkedin}
             target="_blank"
             className="text-primary_7 hover:text-primary_1 transition-colors"
-            aria-label={`${member.name}'s LinkedIn profile`}
-          >
+
+aria-label={`${member.name}'s LinkedIn profile`}>
+
+
+
             <AiOutlineLinkedin size={24} />
           </Link>
         </div>
 
         {/* Bio text with min-height to help even out cards */}
 
-        <p className="text-gray-400 text-xs sm:text-sm leading-relaxed flex-grow min-h-[3rem]">
-          {member.bio}
-        </p>
+
+<p className="text-gray-400 text-xs sm:text-sm leading-relaxed flex-grow min-h-[3rem]">{member.bio}</p>
+
       </div>
     </div>
   )

src/app/components/home/Token.tsx

@@ -15,6 +15,7 @@ const Token = () => {
             Dcen tokens
           </h2>
 
+
           <div className="mt-12 md:mt-20 font-archivo text-base md:text-lg">
             <div className="py-2 pb-11 relative border-l  border-primary_8 ml-2   px-6">
               <div className="absolute -top-7 -left-3 p-1 border border-primary_8 rounded-full bg-primary_13 ">