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}
  />