GoCon · mochi-yu · Apr 12, 2026
diff --git a/src/components/top/AboutEn.astro b/src/components/top/AboutEn.astro
@@ -0,0 +1,117 @@
+---
+import Chip from "../ui/Chip.astro";
+import SectionTitle from "../ui/SectionTitle.astro";
+---
+
+<section id="about">
+  <div id="about-top">
+    <SectionTitle>
+      <span class="section-title">
+        What is <span style="color: var(--text-accent);"
+          >Go Conference<wbr /></span
+        >?
+      </span>
+    </SectionTitle>
+    <span class="text-body-large">
+      Go Conference is a conference for users of the programming language "Go".
+    </span>
+  </div>
+
+  <div id="about-details">
+    <div class="row">
+      <div class="chip-container">
+        <Chip text="Date & Time" />
+      </div>
+      <!-- TODO 開催時間の追加 -->
+      <span class="text-body-large-strong"> September 11, 2026 (Fri)</span>
+    </div>
+    <div class="row">
+      <div class="chip-container">
+        <Chip text="Venue" />
+      </div>
+      <span class="text-body-large-strong">
+        Nakano Central Park South 1F / B1F, <br class="pc-only" /><wbr />4-10-2
+        Nakano, Nakano-ku, Tokyo, Japan
+      </span>
+    </div>
+    <div class="row">
+      <div class="chip-container">
+        <Chip text="Ticket" />
+      </div>
+      <span class="text-body-large-strong">Coming soon</span>
+    </div>
+  </div>
+</section>
+
+<style>
+  .pc-only {
+    display: block;
+  }
+
+  .sp-only {
+    display: none;
+  }
+
+  section#about {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: var(--space-m);
+    padding-bottom: var(--space-l);
+    display: flex;
+    gap: var(--space-m);
+    flex-direction: column;
+  }
+
+  #about-top {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    gap: var(--space-s);
+  }
+
+  .row {
+    max-width: 784px;
+    display: flex;
+    padding: var(--space-xs) 0;
+    gap: var(--space-m);
+    align-items: center;
+    margin: 0 auto;
+    border-bottom: 1px solid var(--surface-disabled);
+
+    word-break: keep-all;
+    overflow-wrap: anywhere;
+  }
+
+  .row .chip-container {
+    width: 200px;
+  }
+
+  @media screen and (max-width: 768px) {
+    .pc-only {
+      display: none;
+    }
+
+    .sp-only {
+      display: block;
+    }
+
+    section#about {
+      padding: var(--space-m) var(--space-s);
+      gap: var(--space-s);
+    }
+
+    .row {
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      gap: var(--space-xs);
+      padding: var(--space-s) 0;
+    }
+
+    .section-title {
+      word-break: keep-all;
+      overflow-wrap: anywhere;
+    }
+  }
+</style>
diff --git a/src/components/top/MainVisual.astro b/src/components/top/MainVisual.astro
@@ -4,6 +4,8 @@ import MainVisualImage from "./MainVisualImage.astro";
 import logoImageColumn from "../../assets/mainVisual/mv_logo_pc.svg";
 import logoImageRow from "../../assets/mainVisual/mv_logo_sp.svg";
 import Button from "../ui/Button.astro";
+
+const currentLocale = Astro.currentLocale || "ja";
 ---
 
 <section id="main-visual">
@@ -23,9 +25,20 @@ import Button from "../ui/Button.astro";
           <span class="text-date">9.11</span>
           <span class="text-weekday">FRI</span>
         </div>
-        <span class="text-h4"
-          >中野セントラル<br class="pc-only" />パークカンファレンス</span
-        >
+        {
+          currentLocale === "en" ? (
+            <span class="text-h4">
+              Nakano Central <br class="pc-only" />
+              Park Conference
+            </span>
+          ) : (
+            <span class="text-h4">
+              中野セントラル
+              <br class="pc-only" />
+              パークカンファレンス
+            </span>
+          )
+        }
       </div>
       <!-- FIXME: 募集開始後に有効にする -->
       <!-- <Button size="large" href="#" class="mv-button">イベントに申し込む</Button> -->

diff --git a/src/components/ui/Chip.astro b/src/components/ui/Chip.astro
@@ -16,7 +16,8 @@ const { text } = Astro.props as Props;
     color: var(--text-on-fill);
     padding: var(--space-xxs) var(--space-s);
     border-radius: var(--radius-objects);
-    width: 160px;
+    width: 100%;
+    min-width: 160px;
     box-sizing: border-box;
     text-align: center;
   }

diff --git a/src/constants/index.ts b/src/constants/index.ts
@@ -2,4 +2,6 @@ export const constants = {
   pageTitle: "Go Conference 2026",
   pageDescription:
     "Go Conference はプログラミング言語 ”Go” ユーザーのためのカンファレンスです。",
+  PageDescriptionEn:
+    'Go Conference is a conference for users of the programming language "Go".',
 };
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -13,6 +13,12 @@ interface Props {
 }
 
 const { title = constants.pageTitle } = Astro.props as Props;
+
+let description = constants.pageDescription;
+
+if (currentLocale === "en") {
+  description = constants.PageDescriptionEn;
+}
 ---
 
 <!doctype html>
@@ -22,7 +28,7 @@ const { title = constants.pageTitle } = Astro.props as Props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" href={withBaseURL("favicon.jpg")} />
     <meta name="generator" content={Astro.generator} />
-    <meta name="description" content={constants.pageDescription} />
+    <meta name="description" content={description} />
     <title>{title}</title>
     <GlobalStyles />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -33,11 +39,11 @@ const { title = constants.pageTitle } = Astro.props as Props;
     />
 
     <!-- OGP の記載 -->
-    <meta property="og:site_name" content={constants.pageTitle} />
+    <meta property="og:site_name" content={title} />
     <meta property="og:type" content="website" />
     <meta property="og:url" content={Astro.url} />
     <meta property="og:title" content={title} />
-    <meta property="og:description" content={constants.pageDescription} />
+    <meta property="og:description" content={description} />
     <meta
       property="og:image"
       content={new URL(withBaseURL("og_image_lg.jpg"), Astro.url)}
@@ -46,7 +52,7 @@ const { title = constants.pageTitle } = Astro.props as Props;
     <meta property="twitter:card" content="summary" />
     <meta property="twitter:url" content={Astro.url} />
     <meta property="twitter:title" content={title} />
-    <meta property="twitter:description" content={constants.pageDescription} />
+    <meta property="twitter:description" content={description} />
     <meta
       property="twitter:image"
       content={new URL(withBaseURL("og_image_md.jpg"), Astro.url)}

diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
@@ -0,0 +1,16 @@
+---
+import AboutEn from "../../components/top/AboutEn.astro";
+import MainVisual from "../../components/top/MainVisual.astro";
+import SponsorRecruitment from "../../components/top/SponsorRecruitment.astro";
+import News from "../../components/top/News.astro";
+import Layout from "../../layouts/Layout.astro";
+---
+
+<Layout title="Go Conference 2026">
+  <main>
+    <MainVisual />
+    <News />
+    <AboutEn />
+    <SponsorRecruitment />
+  </main>
+</Layout>