일본 시공사 웹사이트 히어로 UI 목업

A polished presentation-style mockup on a [dark charcoal] background presenting a Japanese homebuilder website hero concept. In the upper right, a large white rounded speech bubble displays 4 Japanese bullet lines in clean sans-serif text: 「工務店のwebサイトのファーストビューを作成してください。」, 「- 緑ベース」, 「- お知らせを1件表示」, 「- FV画像は、机を囲んで業者とお客様が話しているところ」, 「- CTAボタン設置」. In the lower left, a realistic desktop browser mockup card features a muted forest-green theme for an elegant Japanese construction firm. The top navigation bar includes a small house icon logo, company name in Japanese, 5 navigation links, and 1 rounded white contact button. The hero section is split into two halves: the left shows an organic leaf-patterned green textured panel with Japanese headline typography, brief descriptive text, and a white pill CTA button; the right displays a warm natural-light photograph of exactly 2 people seated across a wooden table discussing architectural plans with a miniature house model, surrounded by indoor greenery. At the bottom of the browser frame, a narrow light-gray news bar shows 1 announcement item with a green category tag, a date, Japanese text, and a link. A semi-transparent gray circular badge with the Japanese label 「編集」 overlaps the bottom-left corner, and a small circular share icon rests in the bottom-right corner.