Merge pull request 'fix: header, heroother, cardstarrating styling' (#15) from dev into main

Reviewed-on: #15

src/components/Header.tsx

@@ -78,7 +78,7 @@ export default function Header({ links }: { links: typeof navMenuData }) {
             <div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
               <a
                 href="/contact"
-                className="bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-transform duration-300"
+                className="bg-extColorPrimary6 hover:bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-semibold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-all duration-300"
               >
                 REQUEST CONSULTATION
               </a>

src/components/HeroOther.tsx

@@ -16,7 +16,7 @@ const shareIcons: Record<string, any> = {
 
 export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
   return (
-    <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-32 md:!pb-24 relative min-h-[48vh]">
+    <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-52 md:!pb-28 relative min-h-[48vh]">
       {/* <!-- Background Shape --> */}
       <div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
         <Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />

src/components/Ratings/CardStarRating.tsx

@@ -16,7 +16,7 @@ export function CardStarRating({ data }: CardStarRatingProps) {
         <StarRating size={30} value={data.star} />
         <Image src="/assets/images/google-provider.svg" width={30} height={30} alt="" />
       </div>
-      <p className="p-1 mt-4 text-[22px]">{limitString(data.description)}</p>
+      <p className="p-1 mt-4 text-[21px]">{limitString(data.description)}</p>
     </div>
   );
 }