---
import Layout from "../layouts/Layout.astro";
---

<Layout title="飲食事業部 - 202510新建ウェブプロジェクト株式会社">
  <!-- Hero -->
  <section
    class="relative bg-linear-to-br from-blue-600 to-blue-400 text-white py-24"
  >
    <div class="max-w-5xl mx-auto text-center px-6">
      <h1 class="text-4xl sm:text-5xl font-extrabold mb-4">飲食事業部</h1>
      <p class="text-lg text-blue-50">
        「食」を通して笑顔を届ける。<br />
        地域に愛される店舗運営を目指しています。
      </p>
    </div>
  </section>

  <!-- 店舗紹介 -->
  <section class="max-w-6xl mx-auto py-20 px-6">
    <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">店舗紹介</h2>

    <div class="grid md:grid-cols-3 gap-10">
      <div class="bg-white rounded-xl shadow hover:shadow-lg p-6 transition">
        <img
          src={`${import.meta.env.BASE_URL}images/restaurant1.jpg`}
          alt="レストランA"
          class="w-full h-40 object-cover rounded-lg mb-5"
        />
        <h3 class="text-xl font-semibold text-blue-700 mb-2">
          カフェ・マルーン
        </h3>
        <p class="text-gray-700 text-sm leading-relaxed">
          地元食材を使用した創作料理を提供。心地よい空間でゆったりとした時間をお過ごしください。
        </p>
      </div>

      <div class="bg-white rounded-xl shadow hover:shadow-lg p-6 transition">
        <img
          src={`${import.meta.env.BASE_URL}images/restaurant2.jpg`}
          alt="レストランB"
          class="w-full h-40 object-cover rounded-lg mb-5"
        />
        <h3 class="text-xl font-semibold text-blue-700 mb-2">
          ダイニング・オーク
        </h3>
        <p class="text-gray-700 text-sm leading-relaxed">
          洋食を中心とした多国籍料理。ランチからディナーまで幅広くご利用いただけます。
        </p>
      </div>

      <div class="bg-white rounded-xl shadow hover:shadow-lg p-6 transition">
        <img
          src={`${import.meta.env.BASE_URL}images/restaurant3.jpg`}
          alt="レストランC"
          class="w-full h-40 object-cover rounded-lg mb-5"
        />
        <h3 class="text-xl font-semibold text-blue-700 mb-2">グリル・カシワ</h3>
        <p class="text-gray-700 text-sm leading-relaxed">
          炭火焼き料理が自慢のカジュアルレストラン。ご家族や友人とのお食事に最適です。
        </p>
      </div>
    </div>
  </section>

  <!-- アクセス -->
  <section class="bg-gray-50 py-16 text-center">
    <h2 class="text-3xl font-bold text-gray-800 mb-6">アクセス</h2>
    <p class="text-gray-700 leading-relaxed">
      東京都中央区〇〇1-2-3（最寄駅：東京駅より徒歩5分）<br />
      営業時間：11:00〜22:00（定休日：水曜日）
    </p>
  </section>
</Layout>
