fix: breadcrumbs

src/pages/guideline/+Page.tsx

@@ -1,3 +1,4 @@
+import { Breadcrumb } from "~/components/Breadcrumb";
 import { ContactX } from "~/components/Contact";
 import { SectionHeaderCaption } from "~/components/SectionHeaderCaption";
 import {
@@ -14,6 +15,14 @@ export default function Page() {
   return (
     <div className="space-y-64 md:space-y-120">
       <section className="space-y-48">
+        <Breadcrumb
+          items={[
+            {
+              to: "/guideline",
+              label: "ガイドライン",
+            },
+          ]}
+        />
         <h2 className="text-32 font-bold">{GUIDELINE_DESCRIPTION}</h2>
         <div>
           {GUIDELINE_SUB_DESCRIPTION.map((desc, index) => (

src/pages/posts/@id/+Page.tsx

@@ -1,17 +1,28 @@
+import { Breadcrumb } from "~/components/Breadcrumb";
 import { WantedSponsor } from "~/components/WantedSponsor";
 import { usePageContext } from "~/hooks/usePageContext";
 
 export default function Page() {
   const context = usePageContext();
   return (
-    <>
-      <div
-        dangerouslySetInnerHTML={{
-          __html: context?.data?.post?.fields.body || "",
-        }}
-        className="post mb-120 border-b border-white pb-120"
-      />
+    <div className="space-y-120">
+      <section className="space-y-48">
+        <Breadcrumb
+          items={[
+            {
+              to: `/posts/${context?.routeParams?.id || ""}`,
+              label: context?.data?.post?.fields.title || "",
+            },
+          ]}
+        />
+        <div
+          dangerouslySetInnerHTML={{
+            __html: context?.data?.post?.fields.body || "",
+          }}
+          className="post border-b border-white pb-120"
+        />
+      </section>
       <WantedSponsor />
-    </>
+    </div>
   );
 }