飲食店のホームページの構成と、各部の名前

「炭火料理の店」のホームページ（トップページ）を作成してください。 ページは、上から次の順で組み立ててください。 1. ナビゲーションバー：左に店名のロゴ、右に「お料理・空間・お知らせ・店舗情報」のメニューと、枠線だけの「ご予約」ボタンを置く。 2. ヒーローセクション：炭火で焼いている料理の写真を、画面の幅いっぱいに大きく見せる。写真の右側に暗い色を重ねて（オーバーレイ）、その上に、明朝体のキャッチコピーを縦書きで置く。左下に、スクロールをうながす小さな表示を添える。 3. ジグザグレイアウト：店のこだわりを2つ、写真と文章の左右を入れ替えながら紹介する。見出しは明朝体にする。 4. メニュー表（料金リスト）：お品書きを、品名と値段を点線でつないだメニュー表で見せる。「一品料理・おまかせ・お酒」をタブで切り替えられるようにし、コース料理は枠で囲んで、値段と予約の条件を添える。 5. カルーセル / スライダー：店内の写真（カウンター・個室・入口）を、横に送れるカルーセルで見せる。次の写真の端を少しのぞかせ、矢印と「01 / 05」の表示を付ける。 6. お知らせ一覧：お知らせを新しい順に3件、日付・種類のラベル・タイトルの順で、1行ずつ並べる。 7. アクセスマップ：左に地図、右に、住所・最寄り駅からの道順・席数と、曜日ごとの営業時間表を置く。 8. CTAセクション：ページの最後に、もう一度予約を案内する。大きな数字の電話番号（受付時間つき。スマートフォンでは、押すと発信できる）と、「ネットで予約する」ボタンを並べる。 9. フッター：店名のロゴ、メニューへのリンク、コピーライトを置き、右端に、トップへ戻るボタンを付ける。 あわせて、次の部品を入れてください。 ・追従ボタン（固定CTA）：「ご予約」のボタンを画面の右端に固定し、スクロールしても常に表示する。スマートフォンでは、画面の下に固定した帯にする。 全体は、墨色と生成りを基調に、柿色を1色だけ差し色にした、落ち着いた和の雰囲気にしてください。見出しは明朝体、本文はゴシック体にしてください。 スマートフォンでも読みやすいレスポンシブ対応にし、見出し・本文・ボタンに一貫したルールを適用してください。写真は、仮の画像でかまいません。