Shapex UI

rating.tsx

rating-one.tsx

useClickOutside.tsx

import RatingOne from "@/components/rating-one";

export default function Page() {
  return (
    <div className="mt-10 flex items-center justify-center">
      <div className="relative w-full max-w-2xl mx-auto">
        <RatingOne />
      </div>
    </div>
  );
}

rating block 2

rating.tsx

rating-two.tsx

import RatingTwo from "@/components/rating-two";

export default function Page() {
  return (
    <div className="mt-10 flex items-center justify-center">
      <div className="relative w-full max-w-2xl mx-auto">
        <RatingTwo />
      </div>
    </div>
  );
}

rating block 3

rating.tsx

rating-three.tsx

dialog-box.tsx

write-review.tsx

useClickOutside.tsx

import RatingThree from "@/components/rating-three";

export default function Page() {
  return (
    <div className="mt-10 flex items-center justify-center">
      <RatingThree />
    </div>
  );
}