dev #7
@ -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">
|
||||
|
@ -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 */}
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user