From 9be21fb408ceb8fd0c6d96b3775413c72b218a37 Mon Sep 17 00:00:00 2001
From: Omar <omarkhaled9913@gmail.com>
Date: Tue, 17 Dec 2024 20:07:31 +0200
Subject: [PATCH] font weight to normal

---
 app/components/Footer.tsx              | 14 ++++++--------
 app/components/MeetUs.tsx              | 12 ++++--------
 app/components/Welcome/Welcome.tsx     |  6 +++---
 app/components/WhatWeDo.tsx            |  2 +-
 app/components/companies/Companies.tsx |  8 ++++----
 5 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 31f35d1..2a0ca8e 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -75,7 +75,7 @@ const Footer = forwardRef<HTMLDivElement>((_, ref) => {
         <div className="flex flex-col  gap-1">
           <div className="flex mb-1 border-l border-main px-3">
             <div className="flex flex-col gap-2">
-              <h1 className="text-main text-2xl font-extrabold">Call us now</h1>
+              <h1 className="text-main text-2xl">Call us now</h1>
               <a
                 href="https://wa.me/01065065760?text=Hello%20there!%20I%20have%20a%20question%20about%20your%20services."
                 target="_blank"
@@ -101,7 +101,7 @@ const Footer = forwardRef<HTMLDivElement>((_, ref) => {
           </div>
           <div className="flex mb-1 border-l border-main px-3">
             {/* <div className="flex flex-col gap-2">
-              <h1 className="text-main text-2xl font-extrabold">
+              <h1 className="text-main text-2xl ">
                 COME VISIT US
               </h1>
               <p className="text-white font-bold">
@@ -111,9 +111,7 @@ const Footer = forwardRef<HTMLDivElement>((_, ref) => {
           </div>
           <div className="flex mb-3 border-l border-main px-3">
             <div className="flex flex-col gap-2">
-              <h1 className="text-main text-2xl font-extrabold">
-                SEND A MESSAGE
-              </h1>
+              <h1 className="text-main text-2xl ">SEND A MESSAGE</h1>
               <p className="text-white font-bold break-words max-w-sm">
                 <a
                   href="mailto:blackwavesdev@outlook.com"
@@ -126,10 +124,10 @@ const Footer = forwardRef<HTMLDivElement>((_, ref) => {
           </div>
         </div>
         <div className="flex flex-col gap-y-1">
-          <h1 className="text-main mb-1 border-b border-main font-extrabold text-2xl">
+          <h1 className="text-main mb-1 border-b border-main  text-2xl">
             OTHER PAGES
           </h1>
-          <ul className="flex text-white text-sm font-extrabold mt-1 justify-between md:flex-col md:gap-y-4 md:text-lg">
+          <ul className="flex text-white text-sm  mt-1 justify-between md:flex-col md:gap-y-4 md:text-lg">
             <li>
               <a href="#">Home</a>
             </li>
@@ -145,7 +143,7 @@ const Footer = forwardRef<HTMLDivElement>((_, ref) => {
           </ul>
         </div>
         <div className="flex flex-col">
-          <h1 className="text-main mb-1 font-extrabold text-2xl">NEWSLETTER</h1>
+          <h1 className="text-main mb-1  text-2xl">NEWSLETTER</h1>
           <form
             onSubmit={handleSubmit}
             className="flex gap-x-2 items-center mt-2 w-full"
diff --git a/app/components/MeetUs.tsx b/app/components/MeetUs.tsx
index c6c773a..c5d3c8e 100644
--- a/app/components/MeetUs.tsx
+++ b/app/components/MeetUs.tsx
@@ -46,14 +46,10 @@ const MeetUs = forwardRef<HTMLDivElement>((_, ref) => {
         }`}
       >
         <div className="center gap-0  md:gap-5 flex-col md:flex-row">
-          <span
-            className={`font-extrabold text-main md:text-[70px] text-[37px]`}
-          >
-            About
-          </span>
+          <span className={` text-main md:text-[70px] text-[37px]`}>About</span>
           <div className="flex items-end">
             <h1
-              className={`md:text-[70px] text-[37px] font-extrabold ${
+              className={`md:text-[70px] text-[37px]  ${
                 isInView
                   ? "motion-scale-in-[0.5] motion-translate-x-in-[-88%] motion-translate-y-in-[-9%] motion-opacity-in-[0%] motion-rotate-in-[-10deg] motion-blur-in-[5px] motion-duration-[0.00s] motion-duration-[0.61s]/translate motion-ease-spring-bouncy"
                   : "hidden"
@@ -66,12 +62,12 @@ const MeetUs = forwardRef<HTMLDivElement>((_, ref) => {
         </div>
         <h2 className={`text-white`}>Your Vision Our Code</h2>
         <div className="mt-10 px-4">
-          <p className={`text-white font-bold`}>
+          <p className={`text-white font-normal`}>
             Black Waves is a dynamic digital agency that empowers businesses to
             thrive in the digital age. With a team of passionate and skilled
             professionals, we deliver innovative solutions that drive results.
           </p>
-          <p className={`mt-4 text-white font-bold`}>
+          <p className={`mt-4 text-white font-normal`}>
             Our Mission is to help businesses achieve their full potential by
             providing cutting-edge digital marketing and web development
             services.
diff --git a/app/components/Welcome/Welcome.tsx b/app/components/Welcome/Welcome.tsx
index 512b3c8..8bd9339 100644
--- a/app/components/Welcome/Welcome.tsx
+++ b/app/components/Welcome/Welcome.tsx
@@ -48,7 +48,7 @@ const Welcome = forwardRef<HTMLDivElement>((_, ref) => {
         }`}
       >
         <h2
-          className={`font-extrabold text-[24px] md:text-[28px] font-Poppins ${
+          className={`text-[24px] md:text-[28px] font-Poppins ${
             isInView
               ? "motion-scale-in-[0.5] motion-translate-x-in-[-88%] motion-translate-y-in-[-9%] motion-opacity-in-[0%] motion-rotate-in-[-10deg] motion-blur-in-[5px] motion-duration-[0.00s] motion-duration-[0.61s]/translate motion-ease-spring-bouncy"
               : "hidden"
@@ -58,13 +58,13 @@ const Welcome = forwardRef<HTMLDivElement>((_, ref) => {
         </h2>
         <div className="flex items-end">
           <h1
-            className={`text-5xl text-[37px] md:text-[70px] mb-2 font-extrabold font-Poppins`}
+            className={`text-5xl text-[37px] md:text-[70px] mb-2 font-Poppins`}
           >
             Black Waves
           </h1>
           <span className={`bg-main p-1 rounded-full mb-2`}></span>
         </div>
-        <p className={`md:w-[45%] px-4 md:px-0 text-center`}>
+        <p className={`md:w-[45%] px-4 md:px-0 text-center font-normal`}>
           Where advertising is a Main Course, not a Piece of Cake. We blend
           creativity, strategy, and innovation to serve you delectable results.
         </p>
diff --git a/app/components/WhatWeDo.tsx b/app/components/WhatWeDo.tsx
index cf0dfcd..218993a 100644
--- a/app/components/WhatWeDo.tsx
+++ b/app/components/WhatWeDo.tsx
@@ -107,7 +107,7 @@ const WhatWeDo = forwardRef<HTMLDivElement>((_, ref) => {
           <h1>
             <span className="text-main">What</span> We Do?
           </h1>
-          <p className="text-lg">
+          <p className="text-lg font-normal">
             At Black Waves, we are more than just a digital agency. We are your
             partners in innovation, dedicated to transforming your online
             presence into a powerful tool for growth.
diff --git a/app/components/companies/Companies.tsx b/app/components/companies/Companies.tsx
index 07f61a0..1cf1edc 100644
--- a/app/components/companies/Companies.tsx
+++ b/app/components/companies/Companies.tsx
@@ -70,7 +70,7 @@ const Companies = forwardRef<HTMLDivElement>((_, ref) => {
         }`}
       >
         <h2
-          className={`text-white font-extrabold text-center text-5xl md:text-7xl  mt-0 md:mt-8
+          className={`text-white  text-center text-5xl md:text-7xl  mt-0 md:mt-8
           ${
             isInView
               ? "motion-scale-in-[0.5] motion-translate-x-in-[-88%] motion-translate-y-in-[-9%] motion-opacity-in-[0%] motion-rotate-in-[-10deg] motion-blur-in-[5px] motion-duration-[0.00s] motion-duration-[0.61s]/translate motion-ease-spring-bouncy"
@@ -80,7 +80,7 @@ const Companies = forwardRef<HTMLDivElement>((_, ref) => {
         >
           Companies
           <span
-            className={`font-extrabold text-main text-5xl ${
+            className={` text-main text-5xl ${
               isInView
                 ? "motion-scale-in-[0.5] motion-translate-x-in-[-88%] motion-translate-y-in-[-9%] motion-opacity-in-[0%] motion-rotate-in-[-10deg] motion-blur-in-[5px] motion-duration-[0.00s] motion-duration-[0.61s]/translate motion-ease-spring-bouncy"
                 : "hidden"
@@ -111,12 +111,12 @@ const Companies = forwardRef<HTMLDivElement>((_, ref) => {
               src={product.image}
               alt="company logo"
             />
-            <p className="text-white mt-3 line-clamp-2 text-center">
+            <p className="text-white mt-3 line-clamp-2 text-center font-normal">
               {product.des}
             </p>
             <a
               href="/"
-              className={`transition-all mt-5 duration-500 ease-out text-white py-2 px-6 border-opacity-50 rounded-full border-2 bg-black outline-1 outline-main border-${product.color} font-bold text-sm  lg:block cursor-pointer hover:bg-main hover:scale-95 `}
+              className={`transition-all mt-5 duration-500 ease-out text-white py-2 px-6 border-opacity-50 rounded-full border-2 bg-black outline-1 outline-main border-${product.color} font-normal text-sm  lg:block cursor-pointer hover:bg-main hover:scale-95 `}
             >
               Contact Us
             </a>