From bde253fd324e90aefa5466bbabc25a21a676fda6 Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Mon, 3 Mar 2025 20:02:13 +0700
Subject: [PATCH] fix: homepage testimonials

---
 .../Blocks/GoogleReviews/GoogleReviews.tsx    | 10 ++++----
 src/components/Homepage.tsx                   |  5 ++--
 src/components/Testimonials.tsx               | 25 +------------------
 3 files changed, 9 insertions(+), 31 deletions(-)

diff --git a/src/components/Blocks/GoogleReviews/GoogleReviews.tsx b/src/components/Blocks/GoogleReviews/GoogleReviews.tsx
index 177d43c..2dee614 100644
--- a/src/components/Blocks/GoogleReviews/GoogleReviews.tsx
+++ b/src/components/Blocks/GoogleReviews/GoogleReviews.tsx
@@ -17,8 +17,8 @@ export interface GoogleReviewProps {
 export function GoogleReviews({ data }: GoogleReviewProps) {
   return (
     <section className="bg-scroll relative">
-      <div className="decoration-14" />
-      <div className="decoration-15" />
+      {/* <div className="decoration-14" />
+      <div className="decoration-15" /> */}
       <div className="decoration-16 opacity-035 d-none d-md-block">
         <Image src="/assets/images/demo-slick/decoration-2.svg" alt="Image Description" width={128} height={228} />
       </div>
@@ -29,12 +29,12 @@ export function GoogleReviews({ data }: GoogleReviewProps) {
       <div className="container px-6">
         <h2 className="text-3xl font-bold text-center">Reviews</h2>
 
-        <div className="flex justify-center space-x-2">
-          <h2 className="text-xl text-center font-bol">{data.ratingValue}</h2>
+        <div className="flex justify-center items-center space-x-2">
+          <h2 className="text-xl text-center font-bol mt-[15px]">{data.ratingValue}</h2>
           <div className="mt-1">
             <StarRating size={20} value={data.ratingValue} />
           </div>
-          <div className="text-xs font-semibold mt-">Over {data.totalRating} Reviews</div>
+          <div className="text-xs font-medium">Over {data.totalRating} Reviews</div>
         </div>
 
         <div className="mt-20 relative">
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 7dd89b2..6786bb5 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -2,6 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 import About from "./About";
 import Contact from "./Contacts/Contact";
+import Testimonials from "./Testimonials";
 
 export default function homepage({ dark = false }) {
   return (
@@ -64,9 +65,9 @@ export default function homepage({ dark = false }) {
           </Link>
         </div>
       </section>
-      {/* <section className="mb-5 w-full">
+      <section className="py-5 w-full">
         <Testimonials />
-      </section> */}
+      </section>
       <section className="page-section bg-scroll light-content bg-[url(/assets/images/demo-modern/section-bg-3.jpeg)] bg-cover">
         <div className="bg-overlay bg-gradient-dark-alpha-2 d-none d-lg-block" />
         {/* Mobile Overlay */}
diff --git a/src/components/Testimonials.tsx b/src/components/Testimonials.tsx
index cde9ddb..549f458 100644
--- a/src/components/Testimonials.tsx
+++ b/src/components/Testimonials.tsx
@@ -3,31 +3,8 @@ import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
 import { GoogleReviewsSkeleton } from "./Blocks/GoogleReviews/GoogleReviews";
 
 export default function Testimonials() {
-  // const isotopContainer = useRef<any | null>(null);
-  // const initIsotop = async () => {
-  //   const Isotope = (await import("isotope-layout")).default;
-  //   const imagesloaded = (await import("imagesloaded")).default;
-
-  //   const isotope = new Isotope(isotopContainer.current, {
-  //     itemSelector: ".col-md-6",
-  //     layoutMode: "masonry",
-  //   });
-  //   imagesloaded(isotopContainer.current).on("progress", function () {
-  //     isotope.layout();
-  //   });
-  // };
-
-  // useEffect(() => {
-  //   initIsotop();
-  // }, []);
-
   return (
-    <div className="text-center wow fadeInUp">
-      {/* <div className="row">
-        <div className="flex align-items-center justify-center wow fadeInUp">
-          <GoogleReviewsBlock />
-        </div>
-      </div> */}
+    <div className="text-center wow fadeInUp relative">
       <Suspense fallback={<GoogleReviewsSkeleton />}>
         <GoogleReviewsBlock />
       </Suspense>