fixed the style of the pages and components in the UI

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>

client/src/components/Landing/Landing.jsx

@@ -14,11 +14,13 @@ export default function Landing() {
               data-wow-delay=".2s"
             >
               <h1 className="mb-6 font-extrabold text-transparent text-4xl bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600 sm:leading-snug lg:text-5xl lg:leading-[1.2]">
-                A Platform where community meets empowerment.
+                “We cannot all succeed when half of us are held back." <br />
+                <span className="text-2xl">- Malala Yousafzai</span>
               </h1>
               <p className="mx-auto mb-9 max-w-[600px] text-base font-medium text-text sm:text-lg sm:leading-[1.44]">
-                Welcome to Thalia, your ultimate guide to strength, support, and
-                sisterhood.
+                Welcome to <span className="font-bold">Thalia</span>, Here we
+                are empowering women through proper guidance and a powerful
+                community.
               </p>
               <ul className="mb-10 flex flex-wrap items-center justify-center gap-5">
                 <li>
@@ -34,7 +36,7 @@ export default function Landing() {
                     to={"/signup"}
                     className="flex items-center gap-4 rounded-md bg-white/[0.12] px-6 py-[14px] text-base font-medium text-white transition duration-300 ease-in-out hover:bg-primary hover:text-background"
                   >
-                    Siginup
+                    Signup
                   </Link>
                 </li>
               </ul>

client/src/pages/UserPages/Home/Home.jsx

@@ -3,6 +3,7 @@ import Features from "../../../components/Features/Features";
 import Footer from "../../../components/Footer/Footer";
 import Landing from "../../../components/Landing/Landing";
 import UserHome from "../../../components/UserHome/UserHome";
+import Faq from "../../../components/Faq/Faq";
 
 export default function Home() {
   const user = localStorage.getItem("user");
@@ -15,6 +16,7 @@ export default function Home() {
           <Landing />
           <AboutUs />
           <Features />
+          <Faq />
         </>
       )}
       <Footer />

client/src/pages/UserPages/Login/Login.jsx

@@ -117,7 +117,7 @@ export default function Login() {
                       <small className="text-red-700">{formError.email}</small>
                     )}
                     <label className="absolute left-0 -top-3.5 text-gray-600 text-sm peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-440 peer-placeholder-shown:top-2 transition-all peer-focus:-top-3.5 peer-focus:text-gray-600 peer-focus:text-sm">
-                      Email Address
+                      Email
                     </label>
                   </div>
                   <div className="relative">
@@ -142,7 +142,7 @@ export default function Login() {
                   <div className="relative">
                     <button
                       onClick={handleSubmit}
-                      className="bg-secondary mt-3 text-white rounded-md w-full py-1"
+                      className="bg-secondary mt-3 mb-2 text-white rounded-md w-full py-1"
                     >
                       Submit
                     </button>

client/src/pages/UserPages/Signup/Signup.jsx

@@ -113,13 +113,13 @@ export default function Signup() {
         isSubmit={submit}
         setFormSubmit={setFormSubmit}
       />
-      <div className="max-h-screen pt-28 md:pt-14 pb-56 md:pb-40 bg-gradient-to-r from-[#2d1525] to-background flex flex-col justify-center ">
+      <div className="min-h-screen pt-28 md:pt-14 pb-56 md:pb-40 bg-gradient-to-r from-[#2d1525] to-background flex flex-col justify-center ">
         <div className="relative py-3 sm:max-w-xl sm:mx-auto">
           <div className="absolute inset-0 bg-gradient-to-r from-secondary to-primary shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl"></div>
           <div className="relative md:w-[30rem] bg-text shadow-lg rounded-3xl p-10">
             <div className="max-w-md mx-auto">
               <div>
-                <h1 className="text-2xl font-semibold">Sigup</h1>
+                <h1 className="text-2xl font-semibold">Signup</h1>
               </div>
               {serverError && (
                 <div className="w-full bg-red-200 flex items-center justify-center p-1 mt-3 rounded-md text-red-600">
@@ -143,7 +143,7 @@ export default function Signup() {
                       </small>
                     )}
                     <label className="absolute left-0 -top-3.5 text-gray-600 text-sm peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-440 peer-placeholder-shown:top-2 transition-all peer-focus:-top-3.5 peer-focus:text-gray-600 peer-focus:text-sm">
-                      Full Name
+                      Name
                     </label>
                   </div>
                   <div className="relative">
@@ -159,7 +159,7 @@ export default function Signup() {
                       <small className="text-red-700">{formError.email}</small>
                     )}
                     <label className="absolute left-0 -top-3.5 text-gray-600 text-sm peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-440 peer-placeholder-shown:top-2 transition-all peer-focus:-top-3.5 peer-focus:text-gray-600 peer-focus:text-sm">
-                      Email Address
+                      Email
                     </label>
                   </div>
                   <div className="relative">
@@ -183,12 +183,14 @@ export default function Signup() {
                   <div className="relative">
                     <button
                       onClick={handleSubmit}
-                      className="bg-secondary mt-3 text-white rounded-md w-full py-1"
+                      className="bg-secondary mt-3 mb-2 text-white rounded-md w-full py-1"
                     >
                       Submit
                     </button>
                     <Link to={"/login"}>
-                      <small className="text-blue-500 cursor-pointer hover:underline">Already have account?</small>
+                      <small className="text-blue-500 cursor-pointer hover:underline">
+                        Already have account?
+                      </small>
                     </Link>
                   </div>
                 </div>