他の お問い合わせ レイアウト(7)
すべて表示- 01Pro

枠付きコンタクトフォーム
氏名・メール・メッセージを1つの枠付きボックスに収め、その下に住所・電話・メールのタイルを並べる、幅の狭いコンタクトセクション。React and Tailwind製、どのページの下にも置けます。
- 03Pro

詳細情報付きコンタクトフォーム
メール・電話・郵便住所が、範囲選択をfieldsetでまとめた6項目のブリーフフォームと同じ幅で並ぶセクション。React and Tailwind製、オフィス情報を掲載できます。
- 04Pro

地図パネル付きコンタクトフォーム
電話と住所のピル付きイラスト地図が、短いフォームやライブチャット・FAQカードと並ぶセクション。React and Tailwind製、単純な問い合わせを事前に減らせます。
- 05Pro

フリーランス案件問い合わせ
落ち着いた帯の半分で送信後の流れを説明し、予算と種別を含む5項目の問い合わせフォームと並ぶセクション。React and Tailwind製、2営業日以内の見積もりを想定。
- 06Pro

ハイライトコンタクトパネル
全幅のブランドカラー帯がページを二分し、イラストと連絡チャネル、6項目のフォームを配置するセクション。React and Tailwind製、色を変えるときは必ずペアで。
- 07Pro

イラスト付きコンタクトカード
切り抜き写真が明るいパネルを印象づけ、3項目のフォームは独自の白いカードに収まるセクション。React and Tailwind製、氏名・メール・一言だけを尋ねます。
- 08Pro

サポートチャネル付きフォーム
ライブチャットとコールセンターのカードを先頭に置き、氏名・メールとメッセージ欄を分けたフォームが続くセクション。React and Tailwind製、残りはチャットに任せられます。
https://neobrutalism.com/ja/blocks/contact-sections/collaboration-contact-form-with-socials




















