suggested changes done.

Author: yashi-15

src/components/Aboutpage/index.tsx

@@ -19,7 +19,7 @@ export default function AboutUsSection() {
           duration: 1,
           type: "spring",
           stiffness: 100,
-          delay: 0.5,
+          delay: 0.2,
         }}
       >
             <Heading as={"h1"}>About Us</Heading>

src/components/HomePage/Header.tsx

@@ -13,18 +13,8 @@ import { motion } from "framer-motion";
 const HeaderContent = () => {
   return (
     <div className="chh__header-content">
-      <motion.h1
-        initial={{ opacity: 0, y: -150 }}
-        whileInView={{ opacity: 1, y: 0 }}
-        viewport={{ once: true }}
-        transition={{
-          duration: 1,
-          type: "spring",
-          stiffness: 100,
-          delay: 0.5,
-        }}
-        className="gradient__text"
-      >Level Up Skills with CodeHarborHub</motion.h1>
+      <h1 className="gradient__text"
+      >Level Up Skills with CodeHarborHub</h1>
       <motion.p
         initial={{ opacity: 0, x: -150 }}
         whileInView={{ opacity: 1, x: 0 }}
@@ -33,7 +23,7 @@ const HeaderContent = () => {
           duration: 1,
           type: "spring",
           stiffness: 100,
-          delay: 0.5,
+          delay: 0.2,
         }}
       >
         Tired of limitations? CodeHarborHub shatters them. We&apos;re the

src/pages/contact/index.tsx

@@ -55,7 +55,7 @@ export default function Contact(): JSX.Element {
                       duration: 1,
                       type: "spring",
                       stiffness: 100,
-                      delay: 0.5,
+                      delay: 0.2,
                     }}
                     className={styles.contact_us}
                   >

src/pages/showcase/index.tsx

@@ -124,7 +124,7 @@ function ShowcaseHeader() {
           duration: 1,
           type: "spring",
           stiffness: 100,
-          delay: 0.5,
+          delay: 0.2,
         }}
       >{TITLE}</motion.h1>
       <motion.p
@@ -177,7 +177,7 @@ function useSiteCountPlural() {
             'Pluralized label for the number of sites found on the showcase. Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
           message: '1 site|{sitesCount} sites',
         },
-        { sitesCount },
+        {sitesCount},
       ),
     );
 }
@@ -197,7 +197,7 @@ function ShowcaseFilters() {
               duration: 1,
               type: "spring",
               stiffness: 100,
-              delay: 1.4,
+              delay: 1,
             }}
           >
             <Translate id="showcase.filters.title">Filters</Translate>
@@ -210,7 +210,7 @@ function ShowcaseFilters() {
               duration: 1,
               type: "spring",
               stiffness: 100,
-              delay: 1.4,
+              delay: 1,
             }}
           >
             <span>{siteCountPlural(filteredUsers.length)}</span>
@@ -226,12 +226,12 @@ function ShowcaseFilters() {
                   duration: 4,
                   type: "spring",
                   stiffness: 100,
-                  delay: 1.4,
+                  delay: 1.2,
                 }}
                 className={clsx('clean-list', styles.checkboxList)}
               >
         {TagList.map((tag, i) => {
-          const { label, description, color } = Tags[tag];
+          const {label, description, color} = Tags[tag];
           const id = `showcase_checkbox_id_${tag}`;
 
           return (
@@ -350,7 +350,7 @@ function ShowcaseCards() {
                     duration: 1,
                     type: "spring",
                     stiffness: 100,
-                    delay: 1.4,
+                    delay: 1,
                   }}
                 >
                   <Translate id="showcase.favoritesList.title">
@@ -365,7 +365,7 @@ function ShowcaseCards() {
                     duration: 1,
                     type: "spring",
                     stiffness: 100,
-                    delay: 1.4,
+                    delay: 1,
                   }}
                 >
                   <FavoriteIcon svgClass={styles.svgIconFavorite} />