diff --git a/src/app/components/home/About.tsx b/src/app/components/home/About.tsx
index 877fa52..1fb7ac4 100644
--- a/src/app/components/home/About.tsx
+++ b/src/app/components/home/About.tsx
@@ -69,17 +69,16 @@ const About = () => {
       //   opacity: opacityProgress,
       // }}
 
-      className=" h-[60vh] md:h-[80vh]  relative"
-    >
+      className=" h-[60vh] md:h-[80vh]  relative">
       <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-50 ">
           <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>
               <li>Enhanced Data Privacy and User Control</li>
@@ -88,9 +87,9 @@ const About = () => {
           </div>
 
           <div className="w-full md:w-[40%]  px-10 py-10 min-h-[100px] h-[390px] flex flex-col justify-center backdrop-blur-md border border-primary_11 bg-opacity-90 rounded-xl text-primary_1">
-            <h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">
-              AI Enabled
-            </h3>
+
+            <h3 className="font-logirentBold text-lg md:text-2xl lg:text-3xl">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>
@@ -100,8 +99,7 @@ const About = () => {
         </div>
         <motion.div
           // animate={star}
-          className=" p-2 w-[10%] h-full flex flex-col justify-end text-white "
-        >
+          className=" p-2 w-[10%] h-full flex flex-col justify-end text-white ">
           <Star2 />
           <Star3 />
         </motion.div>
@@ -119,8 +117,7 @@ const About = () => {
                   // }}
                   animate={globe}
                   ref={vRef}
-                  className="absolute inset-0  flex items-center justify-center"
-                >
+                  className="absolute inset-0  flex items-center justify-center">
                   <Globe />
                 </motion.div>
               </div>
@@ -129,8 +126,7 @@ const About = () => {
         </div>
         <motion.div
           // animate={star}
-          className=" p-2 w-[10%] h-full flex items-center "
-        >
+          className=" p-2 w-[10%] h-full flex items-center ">
           <Star5 />
         </motion.div>
       </div>
diff --git a/src/app/components/home/Features.tsx b/src/app/components/home/Features.tsx
index 3e5bc15..ee03463 100644
--- a/src/app/components/home/Features.tsx
+++ b/src/app/components/home/Features.tsx
@@ -171,8 +171,7 @@ const Features = () => {
 
             <motion.div
               animate={bot1}
-              className="w-full md:w-[50%] hidden md:flex justify-center"
-            >
+              className="w-full md:w-[50%] hidden md:flex justify-center">
               <Image
                 src="/bot1.png"
                 alt="decenter image"
@@ -231,8 +230,7 @@ const Features = () => {
           <div className="h-[100%] flex flex-col md:flex-row items-center  ">
             <motion.div
               animate={bot3}
-              className="w-full md:w-[50%] flex justify-center md:hidden"
-            >
+              className="w-full md:w-[50%] flex justify-center md:hidden">
               <Image
                 src="/bot3.png"
                 alt="decenter image"
@@ -247,8 +245,9 @@ const Features = () => {
             <div className="w-full md:w-[50%] ">
               <h2
                 ref={vRef3}
-                className="font-logirentBold  text-xl md:text-left nd:text-3xl leading-loose"
-              >
+
+                className="font-logirentBold  text-xl md:text-left nd:text-3xl leading-loose">
+
                 Offering Services?
               </h2>
 
@@ -263,8 +262,7 @@ const Features = () => {
             </div>
             <motion.div
               animate={bot3}
-              className="w-full md:w-[50%] hidden md:flex justify-center "
-            >
+              className="w-full md:w-[50%] hidden md:flex justify-center ">
               <Image
                 src="/bot3.png"
                 alt="decenter image"
@@ -305,8 +303,9 @@ 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>
 
diff --git a/src/app/components/home/Hero.tsx b/src/app/components/home/Hero.tsx
index 740da9e..a320869 100644
--- a/src/app/components/home/Hero.tsx
+++ b/src/app/components/home/Hero.tsx
@@ -39,8 +39,7 @@ const Hero = () => {
   return (
     <section
       id="/"
-      className="min-h-[70vh] md:min-h-[80vh flex justify-end relative z-10"
-    >
+      className="min-h-[70vh] md:min-h-[80vh flex justify-end relative z-10">
       {menu && (
         <div className="absolute top-0 w-full  z-50">
           <div className=" w-[90%] h-[70vh] z-50  bg-primary_12  m-auto mt-2 border border-primary_8  rounded-xl shadow-[0px_-2px_16px_0px_#4a5568] py-6 px-4 text-primary_1">
@@ -100,8 +99,8 @@ const Hero = () => {
       <Spiral />
       <div className="absolute inset-0 bg-primary_13 bg-opacity-50 z-10">
         <div
-          className={`w-[80%] h-[10%] m-auto ${sticky ? 'fixed top-4 left-[10%] right-[10%] z-[9999]' : 'mt-[2%]'} rounded-full bg-primary_13 px-10 border-[1px] border-primary_12 bg-opacity-80 text-white flex justify-between transition-all duration-300 shadow-lg`}
-        >
+          className={`w-[80%] h-[10%] m-auto ${sticky ? 'fixed top-4 left-[10%] right-[10%] z-[9999]' : 'mt-[2%]'} rounded-full bg-primary_13 px-10 border-[1px] border-primary_12 bg-opacity-80 text-white flex justify-between transition-all duration-300 shadow-lg`}>
+
           <div className="w-[50%] md:w-[10%] relative">
             <Image
               src="/logo.png"
@@ -140,8 +139,9 @@ const Hero = () => {
             <Link
               target="_blank"
               href="https://form.typeform.com/to/oGnlAAyV"
-              className="hidden md:block cursor-pointer"
-            >
+
+              className="hidden md:block cursor-pointer">
+
               <button className="bg-primary_11 text-primary_1 font-semibold font-primaryArchivo py-2 px-3 cursor-pointer rounded-xl">
                 Get Started
               </button>
diff --git a/src/app/components/home/Mail.tsx b/src/app/components/home/Mail.tsx
index ff7e191..02d7c43 100644
--- a/src/app/components/home/Mail.tsx
+++ b/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>
diff --git a/src/app/components/home/Team.tsx b/src/app/components/home/Team.tsx
index 1e7b2a5..719d5f3 100644
--- a/src/app/components/home/Team.tsx
+++ b/src/app/components/home/Team.tsx
@@ -76,16 +76,17 @@ 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>
   )
diff --git a/src/app/components/home/Token.tsx b/src/app/components/home/Token.tsx
index 0e5559c..82e8923 100644
--- a/src/app/components/home/Token.tsx
+++ b/src/app/components/home/Token.tsx
@@ -11,9 +11,9 @@ const Token = () => {
       </div>
       <div className="w-[80%]  h-[10%] m-auto flex flex-col md:flex-row justify-between items-center">
         <div className="w-fit text-primary_1">
-          <h2 className="font-logirentBold text-2xl md:text-3xl lg:text-4xl leading-loose">
-            Dcen tokens
-          </h2>
+
+          <h2 className="font-logirentBold text-2xl md:text-3xl lg:text-4xl leading-loose">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">