Buildium

コピー中規模オーナー向け不動産管理 SaaS の LP を作って。 スタック: Next.js 14 (App Router) + Tailwind CSS + Framer Motion (微small) フォント: Inter (見出し 700, 本文 400/500) カラートークン: --primary: #3da66a (Buildium Green) --primary-dark: #2c8a55 --bg: #ffffff --bg-alt: #f6f9f7 (sage tint) --text: #0f1f15 --text-soft: #486357 --border: #e5ebe7 レイアウトグリッド: 12カラム、コンテナmax-width 1200px、左右余白 24px セクション構成: 1. Sticky Nav (60px高、白bg + drop-shadow on scroll) - logo / Features / Pricing / Resources / Login / Get Started (primary btn) 2. Hero (640px高、bg-alt) - 左50%: Eyebrow tag「Property Management Software」+ h1「Easy property management for landlords and PMs」(56px Inter 700) + lead 18px + CTA2つ (primary + secondary outline) - 右50%: 製品ダッシュボードの斜め配置スクリーンショット (rotate-3 transform), shadow-2xl 3. Trust Badges (60px高、グレー) - 「10,000+ companies trust Buildium」+ 顧客ロゴ6社グレースケール 4. 機能セクション × 4 (各 480px高、bg白とbg-altを交互) - レイアウトは交互（左テキスト/右UI ↔ 右テキスト/左UI） - h2 + 3つのbullet + 製品UI screenshot 5. 料金プラン3階段 - 中央プラン (Growth) を強調（border-primary + 「Most Popular」バッジ） - 各カードに価格・含む機能リスト・CTA 6. Customer Stories (3カード、ホバーで浮く) 7. FAQ (Accordion, 5問) 8. Footer CTA バナー (primary bg, 白文字, h2 + button) 9. Footer (4カラム、リンク群) インタラクション: スクロール連動で各セクションフェードイン (framer-motion whileInView)、CTAホバーで shadow 強化、料金カードホバーで scale-105。 SEO: title「Property Management Software | YourBrand」、og:image はヒーロー、構造化データ Product + Organization 出力。