import { useTranslations } from "next-intl";
import { Guides } from "@/components/pages/about/aboutDetail/guides";

export default function NotePPPage() {
  const t = useTranslations();
  return (
    <main className="min-h-[30vh] bg-[#0f0e0d] pt-5 text-white pb-40">
      <div className="bg-black sm:w-[95%] w-[98%] mx-auto p-5">
        <h1
          className="my-15 text-center font-unbounded uppercase bg-linear-to-br from-white via-white/70 to-black
text-transparent bg-clip-text text-3xl font-bold sm:text-4xl"
        >
          {t("about.notePPPage.title")}
        </h1>

        <Guides />
      </div>
    </main>
  );
}
