src/pages/contact.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

---
import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro";
---

<StarlightPage frontmatter={{ title: "コンタクト" }}>
  <h2>お問い合わせ</h2>
  <p>
    小平市を更によくするために皆さんの声をお寄せください。ご意見・ご質問・ご提案等いつでもお気軽にご連絡下さい。
  </p>

  <div
    style="background:var(--sl-color-accent-low);border:1px solid var(--sl-color-accent);border-radius:8px;padding:1.5rem;margin:2rem 0"
  >
    <h3 style="margin-top:0">連絡先</h3>
    <table style="border:none;box-shadow:none">
      <tbody>
        <tr>
          <td style="font-weight:600;padding-right:1rem;white-space:nowrap">Email</td>
          <td><a href="mailto:yohei@yasutakeyohei.com">yohei@yasutakeyohei.com</a></td>
        </tr>
        <tr>
          <td style="font-weight:600;padding-right:1rem;white-space:nowrap">TEL &amp; FAX</td>
          <td>042-313-6780</td>
        </tr>
        <tr>
          <td style="font-weight:600;padding-right:1rem;white-space:nowrap">住所</td>
          <td>〒187-0001 小平市大沼町 1-2-1-207</td>
        </tr>
      </tbody>
    </table>
  </div>

  <hr style="border-color:var(--sl-color-gray-5);margin:2rem 0" />

  <p style="text-align:center">
    <a href="/">← トップページに戻る</a>
  </p>
</StarlightPage>