Sync in-facto-web

website/app/(main)/page.tsx

@@ -37,6 +37,12 @@ const Page: NextPage = () => {
               <A href={"/posts"}>Posts</A>
             </li>
           </ul>
+
+          <div className="mt-5">
+            <Link href={"/meetup2"} className="text-red-700">
+              in-facto meetup vol.2開催
+            </Link>
+          </div>
         </div>
       </main>
     </div>

website/app/(meetup2)/meetup2/main.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect } from "react";
+
+export const Main = () => {
+  useEffect(() => {
+    document.body.classList.add("bg-black");
+
+    return () => {
+      document.body.classList.remove("bg-black");
+    };
+  }, []);
+
+  return (
+    <div className={"bg-black text-white"}>
+      <main className={"flex items-center flex-col py-10"}>
+        <div className="max-w-[80%] md:max-w-[600px]">
+          <a href="in-facto-meetup-vol2.PNG">
+            <img
+              src="in-facto-meetup-vol2.jpeg"
+              alt={"in-facto meet-up vol.2"}
+            />
+          </a>
+        </div>
+
+        <div className="max-w-[80%] md:max-w-[600px] w-full mt-10">
+          <b>
+            § in-facto 主催の交流イベント・2回目は学芸大学駅近辺にて開催決定！
+          </b>
+          <br />
+          2024年12月14日(土) 18:00〜
+          <br />
+          <br />
+          <b>§ タイムスケジュール</b>
+          <br />
+          18:00 開場
+          <br />
+          18:30 in-facto トークショー
+          <br />
+          19:40 ゲストトーク
+          <br />
+          20:50 エンディングトーク
+          <br />
+          21:00 コンテンツ終了 / 交流
+          <br />
+          22:00 閉場
+          <br />
+          <br />
+          <b>§ ゲスト</b>
+          <br />
+          怒りくま 映画ライター
+          <br />
+          楠本奈々瀬 俳優
+          <br />
+          <br />
+          <b>§ 参加者募集</b>
+          <br />
+          一般参加者の参加予約を受付中。参加費2000円。
+          <a
+            href="https://coubic.com/ifm/3262180/book/event_type/detail?express=true"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="underline hover:text-gray-400 "
+          >
+            予約申込みはこちら
+          </a>
+          <br />
+          <br />
+          <b>§ アクセス</b>
+          <br />
+          路地裏文化会館 C/NE (シーネ){" "}
+          <span className="text-gray-400 text-sm">
+            学芸大学駅正面口から徒歩5分
+          </span>
+          <br />
+          <br />
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3242.880344949493!2d139.6869769!3d35.63067619999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f55d0a352d8b%3A0x88cb6077dc850f1a!2z6Lev5Zyw6KOP5paH5YyW5Lya6aSoIEMvTkUgKOOCt-ODvOODjSk!5e0!3m2!1sja!2sjp!4v1731822713639!5m2!1sja!2sjp"
+            style={{ border: 0 }}
+            allowfullscreen=""
+            loading="lazy"
+            referrerpolicy="no-referrer-when-downgrade"
+          />
+          <br />
+          <br />
+          <div className="items-center justify-center">
+            <Link href="/">
+              <img
+                src={"/in-facto-white.png"}
+                alt={"in-facto"}
+                className={"max-w-[100px] mx-auto"}
+              />
+            </Link>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+};

website/app/(meetup2)/meetup2/page.tsx

@@ -0,0 +1,14 @@
+import type { Metadata, NextPage } from "next";
+import { generateSharedMetadata } from "../../../lib/generateSharedMetadata";
+import { useEffect } from "react";
+import { Main } from "./main";
+
+export const metadata: Metadata = generateSharedMetadata({
+  title: "in-facto meet-up vol.2",
+});
+
+const Page: NextPage = () => {
+  return <Main />;
+};
+
+export default Page;

website/app/(meetup2)/meetup2/reserve/page.tsx

@@ -0,0 +1,15 @@
+import { Redirect } from "./redirect";
+
+export const siteUrl =
+  "https://coubic.com/ifm/3262180/book/event_type/detail?express=true";
+
+const Page = () => {
+  return (
+    <div className="text-center my-5">
+      <Redirect url={siteUrl} />
+      <a href={siteUrl}>予約申込みはこちら</a>
+    </div>
+  );
+};
+
+export default Page;

website/app/(meetup2)/meetup2/reserve/redirect.tsx

@@ -0,0 +1,10 @@
+"use client";
+import { useEffect } from "react";
+
+export const Redirect = ({ url }: { url: string }) => {
+  useEffect(() => {
+    window.location.href = url;
+  }, [url]);
+
+  return null;
+};