fix: header, heroother, cardstarrating styling

This commit is contained in:
RizqiSyahrendra 2025-03-11 00:53:57 +07:00
parent 76c39f214c
commit 5d7cf309a7
3 changed files with 3 additions and 3 deletions

View File

@ -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"> <div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
<a <a
href="/contact" 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 REQUEST CONSULTATION
</a> </a>

View File

@ -16,7 +16,7 @@ const shareIcons: Record<string, any> = {
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) { export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
return ( 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 --> */} {/* <!-- Background Shape --> */}
<div className="bg-shape-1 w-full h-full opacity-50 bg-contain"> <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" /> <Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />

View File

@ -16,7 +16,7 @@ export function CardStarRating({ data }: CardStarRatingProps) {
<StarRating size={30} value={data.star} /> <StarRating size={30} value={data.star} />
<Image src="/assets/images/google-provider.svg" width={30} height={30} alt="" /> <Image src="/assets/images/google-provider.svg" width={30} height={30} alt="" />
</div> </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> </div>
); );
} }