rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: homepage testimonials

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-03-03 20:02:13 +07:00
parent 6d3d1dabb0
commit bde253fd32
3 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Blocks/GoogleReviews/GoogleReviews.tsx
View File

@ -17,8 +17,8 @@ export interface GoogleReviewProps {
export function GoogleReviews({ data }: GoogleReviewProps) { export function GoogleReviews({ data }: GoogleReviewProps) {
return ( return (
<section className="bg-scroll relative"> <section className="bg-scroll relative">
<div className="decoration-14" /> {/* <div className="decoration-14" />
<div className="decoration-15" /> <div className="decoration-15" /> */}
<div className="decoration-16 opacity-035 d-none d-md-block"> <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} /> <Image src="/assets/images/demo-slick/decoration-2.svg" alt="Image Description" width={128} height={228} />
</div> </div>
@ -29,12 +29,12 @@ export function GoogleReviews({ data }: GoogleReviewProps) {
<div className="container px-6"> <div className="container px-6">
<h2 className="text-3xl font-bold text-center">Reviews</h2> <h2 className="text-3xl font-bold text-center">Reviews</h2>
<div className="flex justify-center space-x-2"> <div className="flex justify-center items-center space-x-2">
<h2 className="text-xl text-center font-bol">{data.ratingValue}</h2> <h2 className="text-xl text-center font-bol mt-[15px]">{data.ratingValue}</h2>
<div className="mt-1"> <div className="mt-1">
<StarRating size={20} value={data.ratingValue} /> <StarRating size={20} value={data.ratingValue} />
</div> </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>
<div className="mt-20 relative"> <div className="mt-20 relative">

5
src/components/Homepage.tsx
View File

@ -2,6 +2,7 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import About from "./About"; import About from "./About";
import Contact from "./Contacts/Contact"; import Contact from "./Contacts/Contact";
import Testimonials from "./Testimonials";
export default function homepage({ dark = false }) { export default function homepage({ dark = false }) {
return ( return (
@ -64,9 +65,9 @@ export default function homepage({ dark = false }) {
</Link> </Link>
</div> </div>
</section> </section>
{/* <section className="mb-5 w-full"> <section className="py-5 w-full">
<Testimonials /> <Testimonials />
</section> */} </section>
<section className="page-section bg-scroll light-content bg-[url(/assets/images/demo-modern/section-bg-3.jpeg)] bg-cover"> <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" /> <div className="bg-overlay bg-gradient-dark-alpha-2 d-none d-lg-block" />
{/* Mobile Overlay */} {/* Mobile Overlay */}

25
src/components/Testimonials.tsx
View File

@ -3,31 +3,8 @@ import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
import { GoogleReviewsSkeleton } from "./Blocks/GoogleReviews/GoogleReviews"; import { GoogleReviewsSkeleton } from "./Blocks/GoogleReviews/GoogleReviews";
export default function Testimonials() { 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 ( return (
<div className="text-center wow fadeInUp"> <div className="text-center wow fadeInUp relative">
{/* <div className="row">
<div className="flex align-items-center justify-center wow fadeInUp">
<GoogleReviewsBlock />
</div>
</div> */}
<Suspense fallback={<GoogleReviewsSkeleton />}> <Suspense fallback={<GoogleReviewsSkeleton />}>
<GoogleReviewsBlock /> <GoogleReviewsBlock />
</Suspense> </Suspense>