style: bold text for the hero section text and some changes on footer

No0ne003 · May 22, 2024 · 1ea491a · 1ea491a
1 parent 7cb9342
commit 1ea491a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/layouts/Footer.jsx b/src/layouts/Footer.jsx
@@ -27,8 +27,8 @@ const Footer = memo(function Footer({ setCursorVariant }) {
 
 const Content = ({ setCursorVariant }) => {
   return (
-    <div className="relative bg-secondary/40 overflow-hidden py-8 px-12 w-full h-full flex flex-col items-center border-border/50 border-2">
-      <p className="absolute top-[-5%] sm:top-[-10%] left-3 sm:left-10 text-4xl sm:text-7xl max-w-full md:max-w-8xl font-bold text-gray-500/60">
+    <div className="relative bg-secondary/40 overflow-hidden py-8 px-12 w-full h-full flex flex-col items-center gap-3 border-border/50 border-2">
+      <p className="self-start text-4xl sm:text-7xl max-w-full md:max-w-8xl font-bold text-gray-500/60">
         Awesome React js Projects
       </p>
 

diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
@@ -20,8 +20,8 @@ function Home({ setCursorVariant }) {
     },
     {
       text: "Projects",
-      className: "primary text-primary dark:text-primary font-bold",
-      cursorVariant: 'bigText'
+      className: "text-primary dark:text-primary",
+      cursorVariant: "bigText",
     },
   ];
 
@@ -72,7 +72,7 @@ function Home({ setCursorVariant }) {
             <TypewriterEffect
               words={words}
               className={
-                "text-start leading-[1.1] sm:leading-sm mt-5 sm:text-center h-[282px] md:h-[150px]"
+                "text-start leading-[1.1] sm:leading-sm mt-5 sm:text-center h-[282px] md:h-[150px] font-bold"
               }
               setCursorVariant={setCursorVariant}
             />