หน้าแลนดิ้งเพจ SaaS ภาษาญี่ปุ่น

Using the reference photo as the product UI screenshot, create a polished Japanese desktop SaaS landing page for [DevKnow]. Place the recognizable app UI inside a large rounded browser mockup preview on the right side of the hero section, slightly scaled down with a soft shadow and a subtle purple abstract gradient glow behind it. Layout and Style: Modern production-ready desktop website on a clean white background with subtle purple brand accents, generous whitespace, rounded corners, and crisp typography. Top Navigation Bar: Brand logo and name [DevKnow] on the left; five centered text navigation links: 「特徴」, 「使い方」, 「料金」, 「アップデート」, 「よくある質問」; on the right, text link 「ログイン」 and a purple pill CTA button labeled 「無料で始める →」. Hero Section (Left side): - Small rounded badge at the top: 「AI・個人開発の最新ニュースを毎日お届け」 - Bold Japanese headline: [開発の「今」を、毎日あなたのもとへ。] with the phrase 「あなたのもとへ」 highlighted in purple. - Subheadline text: [DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。] - Call-to-action buttons: primary purple button 「無料で始める →」 and secondary outline button 「使い方を見る」. - Trust badges row below the buttons with 3 purple checkmark icons: 「登録不要で始める」, 「いつでも解約OK」, 「Webブラウザで利用可能」. Features Section (Centered below hero): - Small purple section tag: “FEATURES” above the heading 「DevKnow でできること」. - A single row of 4 rounded feature cards with subtle drop shadows and purple vector icons: 1) Lightning icon: title 「毎日の厳選ニュース」, description 「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」 2) Stacked layers icon: title 「カテゴリで簡単に検索」, description 「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」 3) Bookmark icon: title 「保存してあとで読む」, description 「気になるニュースを保存して、あとでゆっくり読めます。」 4) Bell icon: title 「通知で見逃さない」, description 「重要なニュースは通知でお知らせ。トレンドを逃しません。」