I'll help you build this overseas dealer/distributor landing page for a Japanese musical instrument store. Let me first generate design inspiration and explore the codebase structure.
I have the design inspiration and codebase structure. Let me read the existing files I need to modify and then build the dealer landing page.
Now let me generate images for the hero background and staff photos, then build all the components.
Now let me update the layout and globals.css, then create the page components:
Now let me create the component files for the landing page:
Now let me create the main page that composes all these sections:
I've built a complete overseas dealer landing page for Japanese musical instruments. The page includes:
The design follows a clean, professional B2B aesthetic with a monochromatic color scheme (blacks, whites, subtle warm accent) that conveys trust and premium quality.
「Distribution Brands / 取り扱いブランド」セクションを Products Section の下に追加しました。Fender、Gibson、Martin、Yamaha、PRS、Ovation、Ibanez、Boss の8ブランドをグリッドレイアウトで表示しています。各ブランドはホバー時にボーダーとテキストの色が変化するインタラクションを持っています。
修正要望
①TOPのContact Our Team CTAが見えづらいので色を変更してほしい
②海外販売担当者の明示（Contact Information）を下記のように変更
「誰が対応してくれるのか」を明確にし、問い合わせへの心理的なハードルを下げるセクションです。地域ごとの担当がいない場合は、専任の「海外販売担当者」として窓口を一本化し、世界中どこからでも一貫した手厚いサポートができることをアピールします。
担当者情報の記載:
役職と名前: 「海外販売担当（Overseas Sales Manager / Global Sales Representative）：〇〇（名前）」
連絡先: 直通メールアドレス、電話番号（対応可能であればWhatsAppなどの記載もあるとスムーズです）
ビジュアル: 担当者の顔写真、または実際の店舗・オフィスでの様子がわかる写真
ウェルカムメッセージの例:
「世界中のディーラー様からのご相談を、私が専任でサポートいたします。仕入れの条件や、送料を抑えるための配送方法のご相談など、どのようなことでもお気軽にご連絡ください。」といった、パーソナルで歓迎するトーンのメッセージを添えます。