style: fixed some of the style errors and improved the UI components

client/src/components/AboutUs/AboutUs.jsx

@@ -1,3 +1,5 @@
+import { Link } from "react-router-dom";
+
 export default function AboutUs() {
   return (
     <section
@@ -10,26 +12,27 @@ export default function AboutUs() {
             <div className="w-full px-4 lg:w-1/2">
               <div className="mb-12 max-w-[540px] lg:mb-0">
                 <h2 className="mb-5 text-3xl font-bold leading-tight text-text dark:text-white sm:text-[40px] sm:leading-[1.2]">
-                  Brilliant Toolkit to Build Nextgen Website Faster.
+                  What and why Thalia
                 </h2>
                 <p className="mb-10 text-text leading-relaxed text-body-color dark:text-dark-6">
-                  The main thrust is to focus on educating attendees on how to
-                  best protect highly vulnerable business applications with
-                  interactive panel discussions and roundtables led by subject
-                  matter experts.
+                  Our vision is to empower women by providing personalized
+                  guidance, reliable learning resources, and a supportive
+                  community, all while prioritizing their safety and
+                  trustworthiness.
                   <br />
                   <br />
-                  The main thrust is to focus on educating attendees on how to
-                  best protect highly vulnerable business applications with
-                  interactive panel.
+                  We believe that women are like tea bags; their true strength
+                  shines through when faced with challenges. We're here to
+                  empower you. We firmly believe that when women support each
+                  other, amazing things happen.
                 </p>
 
-                <a
-                  href="javascript:void(0)"
+                <Link
+                  to={"/signup"}
                   className="inline-flex items-center justify-center rounded-md border border-secondary bg-primary px-7 py-3 text-center text-base font-medium text-white hover:border-blue-dark hover:bg-blue-dark"
                 >
                   Know More
-                </a>
+                </Link>
               </div>
             </div>
 
@@ -54,19 +57,22 @@ export default function AboutUs() {
                     />
                   </div>
 
-                  <div className="relative z-10 mb-4 flex items-center justify-center overflow-hidden bg-primary px-6 py-12 sm:mb-8 sm:h-[160px] sm:p-5 lg:mb-4 xl:mb-8">
-                    <div>
-                      <span className="block text-5xl font-extrabold text-white">
-                        09
-                      </span>
-                      <span className="block text-base font-semibold text-white">
-                        We have
-                      </span>
-                      <span className="block text-base font-medium text-white text-opacity-70">
-                        Years of experience
-                      </span>
+                  <Link to={"/login"}>
+                    <div className="relative z-10 mb-4 flex items-center justify-center overflow-hidden bg-primary px-6 py-12 sm:mb-8 sm:h-[160px] sm:p-5 lg:mb-4 xl:mb-8">
+                      <div>
+                        <span className="block text-5xl font-extrabold text-white">
+                          Join
+                        </span>
+                        <span className="block text-base font-semibold text-white">
+                          to the wonderful
+                        </span>
+
+                        <span className="block text-base font-medium text-white text-opacity-70">
+                          Community of positivity
+                        </span>
+                      </div>
                     </div>
-                  </div>
+                  </Link>
                 </div>
               </div>
             </div>