美容室のホームページの構成と、各部の名前

「美容室」のホームページ（トップページ）を作成してください。 ページは、上から次の順で組み立ててください。 1. ナビゲーションバー：左にロゴ、右に「Reserve」のリンクとハンバーガーメニューだけを置く。行き先は、ハンバーガーメニューを押すと開く画面にまとめる。 2. ヒーローセクション：右に、髪型のよくわかる白黒の写真を大きく置く。左に、短い日本語のコピーを小さく置き、店名を特大の英字で、写真に重ねて画面の幅いっぱいに組む。 3. メイソンリーレイアウト：スタイル写真を、縦長と横長をまぜて、3列ですき間なく積み上げる。上に、長さ（Short・Bob・Medium・Long）で絞りこめるチップを並べる。 4. メニュー表（料金リスト）：メニューと料金を、名前と値段を点線でつないだメニュー表で見せる。英字の名前に、小さく日本語を添える。 5. アクセスマップ：左に、住所・最寄り駅からの道順・営業時間と定休日、右に地図を置く。 6. CTAセクション：最後に、予約へ誘う。「Reserve」の英字を、ふちだけの特大の文字（アウトライン文字）で置き、Web予約のボタンと電話番号を並べる。 7. フッター：大きなロゴ、メニューへのリンク、SNSのアイコン、コピーライトを置く。 あわせて、次の部品を入れてください。 ・マーキー：ファーストビューのすぐ下に、メニューの名前（Cut・Color・Perm など）が横に流れつづける、黒い帯（マーキー）を置く。 ・行間（行送り）：店の考え方を、3行ほどの短い文で伝える。行間と字間を広くとり、まわりに大きな余白を残す。 ・フローティングボタン：丸い予約ボタン（フローティングボタン）を画面の右下に固定し、スクロールしても常に表示する。 ・アバター：スタイリストを、丸く切り抜いた顔写真・名前・経験年数で、3人並べて紹介する。 全体は、生成りと黒の2色にしぼり、写真はすべて白黒にそろえた、静かで洗練された雰囲気にしてください。英字の見出しは、幅の広い極太のサンセリフ体を特大で使い、日本語は小さめにして、行間と字間を広くとってください。 スマートフォンでも読みやすいレスポンシブ対応にし、見出し・本文・ボタンに一貫したルールを適用してください。写真は、仮の画像でかまいません。