From bde253fd324e90aefa5466bbabc25a21a676fda6 Mon Sep 17 00:00:00 2001 From: RizqiSyahrendra 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 (
-
-
+ {/*
+
*/}
Image Description
@@ -29,12 +29,12 @@ export function GoogleReviews({ data }: GoogleReviewProps) {

Reviews

-
-

{data.ratingValue}

+
+

{data.ratingValue}

-
Over {data.totalRating} Reviews
+
Over {data.totalRating} Reviews
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 }) {
- {/*
+
-
*/} +
{/* 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(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 ( -
- {/*
-
- -
-
*/} +
}>