From 5d7cf309a74b3e55820d565898cbad69b6506e19 Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Tue, 11 Mar 2025 00:53:57 +0700
Subject: [PATCH] fix: header, heroother, cardstarrating styling

---
 src/components/Header.tsx                 | 2 +-
 src/components/HeroOther.tsx              | 2 +-
 src/components/Ratings/CardStarRating.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index a4ef499..ddbc5bb 100644
--- a/src/components/Header.tsx
+++ b/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>
diff --git a/src/components/HeroOther.tsx b/src/components/HeroOther.tsx
index ff0dfb5..e66fd35 100644
--- a/src/components/HeroOther.tsx
+++ b/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" />
diff --git a/src/components/Ratings/CardStarRating.tsx b/src/components/Ratings/CardStarRating.tsx
index 5037534..aa4647e 100644
--- a/src/components/Ratings/CardStarRating.tsx
+++ b/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>
   );
 }