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>