Feature/text

src/app/components/home/About.tsx

@@ -76,7 +76,9 @@ const About = () => {
       <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>
+
             <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>
@@ -85,7 +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>
+
             <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

@@ -245,7 +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">
+
                 Offering Services?
               </h2>
 
@@ -301,7 +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">
+
                 Just Curious About AI?
               </h2>
 

src/app/components/home/Footer.tsx

@@ -57,7 +57,6 @@ const Footer = () => {
           </Link>
         </div>
 
-
         <div className="w-full md:w-[25%] text-primary_7 font-archivo ">
           <Link href="#contact">
             <p className="text-sm md:text-lg    pt-1">Contact US</p>

src/app/components/home/Hero.tsx

@@ -100,6 +100,7 @@ const Hero = () => {
       <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`}>
+
           <div className="w-[50%] md:w-[10%] relative">
             <Image
               src="/logo.png"
@@ -138,7 +139,9 @@ const Hero = () => {
             <Link
               target="_blank"
               href="https://form.typeform.com/to/oGnlAAyV"
+
               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>

src/app/components/home/Mail.tsx

@@ -37,7 +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">
+
               Contact us
             </a>
           </div>

src/app/components/home/Team.tsx

@@ -76,13 +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`}>
+
             <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>
+
       </div>
     </div>
   )

src/app/components/home/Token.tsx

@@ -11,8 +11,10 @@ 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>
 
+
           <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 ">

tsconfig.json

@@ -15,8 +15,8 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next",
-      },
+        "name": "next"
+      }
     ],
     "paths": {
       "@/*": ["./src/*"],
@@ -26,9 +26,9 @@
       "@utils/*": ["./utils/*"],
       "@enums/*": ["./enums/*"],
       "@config/*": ["./config/*"],
-      "@abi/*": ["./src/abi/*"],
-    },
+      "@abi/*": ["./src/abi/*"]
+    }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"],
+  "exclude": ["node_modules"]
 }