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

dev #7

Merged
RizqiSyahrendra merged 3 commits from dev into main 2025-03-03 13:07:14 +00:00
Conversation 0 Commits 3 Files Changed 7 +9 -31
3 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bde253fd32 - Show all commits

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

@ -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">

5
src/components/Homepage.tsx
View File

@ -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 */}

25
src/components/Testimonials.tsx
View File

@ -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>