<!DOCTYPE html>
<html lang="en">
<head><script async src="https://www.googletagmanager.com/gtag/js?id=G-QF75QTJVNF"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-QF75QTJVNF');</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DELIGHT — AI Agents That Run Your Business Operations</title>
<meta name="description" content="Never miss a call, fill your calendar, and follow up with every customer automatically. Free to start, unlimited users, live in minutes.">
<style>
:root{--navy:#0b1f3a;--blue:#2563eb;--sky:#eff6ff;--ink:#0f172a;--muted:#475569;--line:#e2e8f0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:20px;font-weight:800;color:var(--navy);letter-spacing:.5px}
.btn{display:inline-block;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:opacity .15s}
.btn:hover{opacity:.88}
.btn-primary{background:var(--blue);color:#fff}
.btn-ghost{border:1px solid var(--line);color:var(--navy)}
.btn-sm{padding:9px 18px;font-size:14px}
.hero{overflow:hidden;background:linear-gradient(135deg,#eaf2ff 0%,#f8fbff 53%,#fff 100%);padding:88px 0 76px;text-align:left}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);align-items:center;gap:54px}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #bfdbfe;background:#fff;border-radius:999px;color:#1d4ed8;font-size:13px;font-weight:700;margin-bottom:18px}.hero-copy .eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #dbeafe}
.hero h1{font-size:clamp(38px,4.6vw,58px);line-height:1.08;letter-spacing:-1.8px;font-weight:800;color:var(--navy);margin:0 0 22px}
.hero p{font-size:19px;color:var(--muted);max-width:600px;margin:0 0 32px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{position:relative}.hero-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#93c5fd;filter:blur(72px);opacity:.45;right:-70px;top:-55px}.ops-panel{position:relative;background:rgba(255,255,255,.88);border:1px solid #dbeafe;border-radius:22px;padding:18px;box-shadow:0 24px 50px rgba(30,64,175,.14)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 15px}.panel-head b{color:var(--navy);font-size:15px}.live{font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;padding:5px 9px;border-radius:999px}.live:before{content:'• ';font-size:16px;line-height:0}.ops-item{display:flex;gap:12px;align-items:center;padding:14px 11px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;margin-top:10px}.ops-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;font-size:18px}.ops-item b{display:block;color:var(--navy);font-size:14px}.ops-item span{display:block;color:var(--muted);font-size:12px;margin-top:1px}.done{margin-left:auto;color:#15803d;font-size:12px;font-weight:700}.trust{display:flex;align-items:center;justify-content:center;gap:0;background:#6D735C;border-radius:20px;padding:36px 64px;margin-top:44px;width:100%;max-width:640px;box-shadow:0 12px 36px rgba(109,115,92,0.28)}
.trust-item{padding:0 24px;text-align:center;flex:1}
.trust b{color:#fff;font-size:38px;font-weight:800;display:block;line-height:1.05;margin-bottom:8px;letter-spacing:-0.5px;white-space:nowrap}
.trust-item span{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;opacity:0.92;line-height:1.5;white-space:nowrap;display:block}
.trust-divider{width:1px;height:56px;background:rgba(255,255,255,0.3);flex-shrink:0}

.benefit-card{border:1px solid var(--line);border-radius:20px;padding:32px 28px;background:#fff;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;display:flex;flex-direction:column;height:100%}
.benefit-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(11,31,58,0.08);border-color:#cbd5e1}
.benefit-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;background:#f1f5f9}
.benefit-card:nth-child(1) .benefit-icon{background:#eff6ff}
.benefit-card:nth-child(2) .benefit-icon{background:#f0fdf4}
.benefit-card:nth-child(3) .benefit-icon{background:#fef3c7}
.benefit-card:nth-child(4) .benefit-icon{background:#f5f3ff}
.benefit-card:nth-child(5) .benefit-icon{background:#fff7ed}
.benefit-card h3{font-size:17px;color:var(--navy);margin-bottom:8px;line-height:1.35;font-weight:700}
.benefit-card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}
section{padding:72px 0}
.kicker{color:var(--blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:var(--navy);margin-bottom:12px}
.sub{color:var(--muted);font-size:17px;max-width:620px;margin-bottom:40px}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}
.card .emoji{font-size:28px;margin-bottom:12px}
.card h3{font-size:18px;color:var(--navy);margin-bottom:8px}
.card p{font-size:15px;color:var(--muted)}
.card .tag{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--blue)}
.alt{background:#f8fafc}
.simple{display:flex;gap:14px;flex-wrap:wrap}
.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600;color:var(--navy)}
.quote{background:var(--navy);color:#fff;border-radius:20px;padding:48px;max-width:840px;margin:0 auto}
.quote p{font-size:19px;line-height:1.7;margin-bottom:20px}
.quote .who{font-size:14px;opacity:.75}
.final{text-align:center;background:linear-gradient(180deg,#fff,var(--sky))}
footer{border-top:1px solid var(--line);padding:32px 0;font-size:14px;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:800px){.hero{padding:62px 0 50px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.hero .cta,.trust{justify-content:center}.hero h1{letter-spacing:-1px}.hero-visual{max-width:540px;width:100%;margin:0 auto}}
@media(max-width:640px){.hero{padding:52px 0 42px}section{padding:52px 0}.quote{padding:32px}.trust{gap:16px;padding:24px 32px}.trust b{font-size:18px}.trust-item span{font-size:11px}.trust-item{padding:0 12px}}

.review-card-wrap{background:#F9F9F9;padding:48px 0}
.review-card{background:#fff;border:1px solid #E5E5E5;border-radius:16px;padding:32px;max-width:680px;margin:0 auto}
.review-card h3{font-size:20px;font-weight:800;color:#000;margin:0 0 14px}
.review-card .stars{color:#f5a623;font-size:18px}
.review-card .rc-body{font-size:15px;line-height:1.65;color:#4A4A4A;margin:0 0 18px}
.review-card .rc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.review-card .rc-tag{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #E0E0E0;border-radius:999px;padding:6px 14px;font-size:13px;color:#333;font-weight:600}
.review-card .rc-ai-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#A0A0A0;margin-bottom:18px}
.review-card .rc-btn{display:block;width:100%;text-align:center;background:#1B7568;color:#fff;border:none;border-radius:999px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s}
.review-card .rc-btn:hover{background:#155a50}
@media(max-width:640px){.review-card{padding:24px 20px}.review-card h3{font-size:18px}}
</style>
<style>
.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:6px}
.lang-switch button{background:none;border:none;padding:6px 12px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s}
.lang-switch button.active{background:var(--blue);color:#fff}
</style>
</head>
<body>
<header>
  <div class="wrap nav">
    <a class="logo" href="https://delight.fit/"><img src="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/694fb56ca7c1bc421b486b7b/e0b881b8d_Logo_300.png" alt="DELIGHT" style="height:40px;width:auto;display:block"></a>
    <div style="display:flex;gap:18px;align-items:center;font-size:14px;font-weight:600;color:#334155">
      <a style="color:#334155;text-decoration:none" href="https://app.delight.fit/why-delight" data-en="Why DELIGHT" data-ja="特徴">Why DELIGHT</a>
      <a style="color:#334155;text-decoration:none" href="https://app.delight.fit/pricing" data-en="Pricing" data-ja="料金">Pricing</a>
      <a style="color:#334155;text-decoration:none" href="https://app.delight.fit/book" data-en="Contact" data-ja="お問い合わせ">Contact</a>
      <div class="lang-switch">
        <button id="lang-en" class="active" onclick="setLang('en')">EN</button>
        <button id="lang-ja" onclick="setLang('ja')">JA</button>
      </div>
      <a class="btn btn-ghost btn-sm" href="https://app.delight.fit/" data-en="Sign in" data-ja="ログイン">Sign in</a>
      <a class="btn btn-primary btn-sm" href="https://app.delight.fit/start" data-en="Start free" data-ja="無料で始める">Start free</a>
    </div>
  </div>
</header>

<section class="hero">
  <div class="wrap hero-grid">
    <div class="hero-copy">
      <div class="eyebrow" data-en="AI operations for service businesses" data-ja="サービス業のためのAI運用">AI operations for service businesses</div>
      <h1 data-en="Your business, running smoothly — even when you're not watching." data-ja="あなたのビジネスは、見ていなくても順調に動く。">Your business, running smoothly — even when you're not watching.</h1>
      <p data-en="DELIGHT gives you AI agents that answer every call, fill your calendar, and follow up with every customer. No new headcount. No complicated software. Live in minutes." data-ja="DELIGHTは、すべての電話に応答し、カレンダーを埋め、すべての顧客にフォローアップするAIエージェントを提供します。追加の人員も不要、複雑なソフトウェアも不要。数分で稼働開始。">DELIGHT gives you AI agents that answer every call, fill your calendar, and follow up with every customer. No new headcount. No complicated software. Live in minutes.</p>
      <div class="cta">
        <a class="btn btn-primary" href="https://app.delight.fit/start" data-en="Start free — no credit card" data-ja="無料で始める — クレジットカード不要">Start free — no credit card</a>
        <a class="btn btn-ghost" href="https://app.delight.fit/book" data-en="Talk to us" data-ja="お話ししましょう">Talk to us</a>
      </div>
      <div class="trust">
        <div class="trust-item"><b>98</b><span data-en="AI Agents<br>Launched" data-ja="AIエージェント<br>ローンチ済み">AI Agents<br>Launched</span></div>
        <div class="trust-divider"></div>
        <div class="trust-item"><b>4.9 / 5</b><span data-en="Customer<br>Satisfaction" data-ja="顧客<br>満足度">Customer<br>Satisfaction</span></div>
      </div>
    </div>
    <div class="hero-visual" aria-label="DELIGHT operations dashboard preview">
      <div class="hero-glow"></div>
      <div class="ops-panel">
        <div class="panel-head"><b data-en="Today, handled by DELIGHT" data-ja="今日のDELIGHTの対応">Today, handled by DELIGHT</b><span class="live">LIVE</span></div>
        <div class="ops-item"><div class="ops-icon">☎</div><div><b data-en="New customer call" data-ja="新規顧客からの電話">New customer call</b><span data-en="Answered and booking confirmed" data-ja="応答済み・予約確定">Answered and booking confirmed</span></div><div class="done" data-en="Done" data-ja="完了">Done</div></div>
        <div class="ops-item"><div class="ops-icon">▣</div><div><b data-en="Appointment reminder" data-ja="予約リマインダー">Appointment reminder</b><span data-en="Sent automatically" data-ja="自動送信済み">Sent automatically</span></div><div class="done" data-en="Sent" data-ja="送信済">Sent</div></div>
        <div class="ops-item"><div class="ops-icon">↗</div><div><b data-en="Sales follow-up" data-ja="営業フォローアップ">Sales follow-up</b><span data-en="Next step created for your team" data-ja="チーム向けの次のステップを作成">Next step created for your team</span></div><div class="done" data-en="Ready" data-ja="準備完了">Ready</div></div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="kicker" data-en="What actually gets better" data-ja="実際に良くなること">What actually gets better</div>
    <h2 data-en="Results owners care about. Not features." data-ja="機能ではなく、経営者が気にする結果。">Results owners care about. Not features.</h2>
    <p class="sub" data-en="Every missed call, empty slot, and forgotten follow-up is money left on the table. DELIGHT quietly closes those gaps." data-ja="見逃した電話、空き枠、忘れられたフォローアップは、すべて機会損失です。DELIGHTがその隙間を静かに埋めます。">Every missed call, empty slot, and forgotten follow-up is money left on the table. DELIGHT quietly closes those gaps.</p>
    <div class="grid g3">
      <div class="card"><div class="emoji">📞</div><h3 data-en="Stop losing customers to voicemail" data-ja="留守電で顧客を失うのを防ぐ">Stop losing customers to voicemail</h3><p data-en="Every call gets answered — nights, weekends, and lunch rushes included. Callers get help; you get the booking." data-ja="すべての電話に応答します—夜間、週末、ランチタインも含めて。発信者はサポートを受け、あなたは予約を獲得できます。">Every call gets answered — nights, weekends, and lunch rushes included. Callers get help; you get the booking.</p><span class="tag" data-en="More revenue captured" data-ja="売上の取りこぼしを防止">More revenue captured</span></div>
      <div class="card"><div class="emoji">📅</div><h3 data-en="A fuller calendar with less back-and-forth" data-ja="やり取りを減らしてカレンダーを埋める">A fuller calendar with less back-and-forth</h3><p data-en="Customers book, reschedule, and get reminders on their own. Fewer no-shows, fewer empty slots." data-ja="顧客が自分で予約、変更、リマインダーを受け取ります。無断キャンセルも空き枠も減少。">Customers book, reschedule, and get reminders on their own. Fewer no-shows, fewer empty slots.</p><span class="tag" data-en="Higher utilization" data-ja="稼働率向上">Higher utilization</span></div>
      <div class="card"><div class="emoji">🤝</div><h3 data-en="No lead goes cold" data-ja="リードを冷まさない">No lead goes cold</h3><p data-en="Every inquiry gets a timely follow-up and every deal stays visible — without chasing your team for updates." data-ja="すべての問い合わせにタイムリーなフォローアップがあり、すべての商談が可視化されます—チームに追わずに済みます。">Every inquiry gets a timely follow-up and every deal stays visible — without chasing your team for updates.</p><span class="tag" data-en="More deals closed" data-ja="成約率アップ">More deals closed</span></div>
      <div class="card"><div class="emoji">💸</div><h3 data-en="Lower admin cost, same headcount" data-ja="人員はそのまま、管理コストを削減">Lower admin cost, same headcount</h3><p data-en="Routine calls, scheduling, and data entry are handled automatically, so your people spend time on work that pays." data-ja="ルーティンの電話、スケジュール管理、データ入力が自動化され、社員は利益を生む仕事に集中できます。">Routine calls, scheduling, and data entry are handled automatically, so your people spend time on work that pays.</p><span class="tag" data-en="Hours back every week" data-ja="毎週時間を取り戻す">Hours back every week</span></div>
      <div class="card"><div class="emoji">📊</div><h3 data-en="Know what's happening at a glance" data-ja="一目で状況を把握">Know what's happening at a glance</h3><p data-en="Calls, bookings, sales, and tasks in one place — so you make decisions with today's numbers, not last month's." data-ja="電話、予約、営業、タスクが一か所に—先月の数字ではなく、今日の数字で意思決定できます。">Calls, bookings, sales, and tasks in one place — so you make decisions with today's numbers, not last month's.</p><span class="tag" data-en="Clear visibility" data-ja="明確な可視性">Clear visibility</span></div>
      <div class="card"><div class="emoji">😌</div><h3 data-en="Fewer fires to fight" data-ja="対処すべきトラブルを減らす">Fewer fires to fight</h3><p data-en="Reminders, confirmations, and follow-ups happen on schedule, every time — even when your team is busy." data-ja="リマインダー、確認、フォローアップが毎回スケジュール通りに実行されます—チームが忙しい時も。">Reminders, confirmations, and follow-ups happen on schedule, every time — even when your team is busy.</p><span class="tag" data-en="Peace of mind" data-ja="安心感">Peace of mind</span></div>
    </div>
  </div>
</section>

<section class="alt">
  <div class="wrap">
    <div class="kicker" data-en="Services" data-ja="サービス">Services</div>
    <h2 data-en="Pick where it hurts. Start there." data-ja="課題のあるところから。そこから始める。">Pick where it hurts. Start there.</h2>
    <p class="sub" data-en="Each service works on its own and gets stronger together. Start with one — most customers are live the same day." data-ja="各サービスは単独でも機能し、組み合わせればさらに強力になります。一つから始めましょう—ほとんどの顧客はその日のうちに稼働します。">Each service works on its own and gets stronger together. Start with one — most customers are live the same day.</p>
    <div class="grid g2">
      <div class="card"><h3 data-en="AI Phone Receptionist" data-ja="AI電話応答">AI Phone Receptionist</h3><p data-en="Answers every call professionally, takes bookings and messages, and routes urgent calls to you. Keep your existing number." data-ja="すべての電話をプロフェッショナルに応答し、予約やメッセージを取得し、緊急電話をあなたに転送します。既存の番号をそのまま使用できます。">Answers every call professionally, takes bookings and messages, and routes urgent calls to you. Keep your existing number.</p><span class="tag" data-en="Never miss a call again →" data-ja="二度と電話を逃さない →">Never miss a call again →</span></div>
      <div class="card"><h3 data-en="Booking &amp; Scheduling" data-ja="予約・スケジュール管理">Booking &amp; Scheduling</h3><p data-en="A booking page and reminders that fill your calendar and cut no-shows — for clinics, studios, restaurants, and service teams." data-ja="予約ページとリマインダーでカレンダーを埋め、無断キャンセルを削減します—クリニック、スタジオ、レストラン、サービスチーム向け。">A booking page and reminders that fill your calendar and cut no-shows — for clinics, studios, restaurants, and service teams.</p><span class="tag" data-en="Fill your calendar →" data-ja="カレンダーを埋める →">Fill your calendar →</span></div>
      <div class="card"><h3 data-en="Sales &amp; Follow-up" data-ja="営業・フォローアップ">Sales &amp; Follow-up</h3><p data-en="Keeps every lead warm with timely follow-ups, tracks every deal, and shows you exactly what's about to close." data-ja="タイムリーなフォローアップですべてのリードを温め、すべての商談を追跡し、何が成約間近かを正確に示します。">Keeps every lead warm with timely follow-ups, tracks every deal, and shows you exactly what's about to close.</p><span class="tag" data-en="Close more deals →" data-ja="成約を増やす →">Close more deals →</span></div>
      <div class="card"><h3 data-en="Customer Communication" data-ja="顧客コミュニケーション">Customer Communication</h3><p data-en="Email, chat, and messages in one inbox with suggested replies — customers get fast answers, your team stays sane." data-ja="メール、チャット、メッセージを一つの受信箱に集約し、返信候補を提案—顧客は素早い回答を得て、チームは余裕を保ちます。">Email, chat, and messages in one inbox with suggested replies — customers get fast answers, your team stays sane.</p><span class="tag" data-en="Faster answers, happier customers →" data-ja="迅速な回答、満足する顧客 →">Faster answers, happier customers →</span></div>
      <div class="card"><h3 data-en="Operations &amp; Tasks" data-ja="運用・タスク">Operations &amp; Tasks</h3><p data-en="Projects, tasks, and daily work organized automatically, so nothing slips and you always know where things stand." data-ja="プロジェクト、タスク、日常業務が自動的に整理され、何も漏れず、常に状況を把握できます。">Projects, tasks, and daily work organized automatically, so nothing slips and you always know where things stand.</p><span class="tag" data-en="Nothing falls through →" data-ja="何も漏らさない →">Nothing falls through →</span></div>
      <div class="card"><h3 data-en="Growth Planning" data-ja="成長計画">Growth Planning</h3><p data-en="Turn your goals into a realistic monthly plan with forecasts you can actually track — like a CFO on demand." data-ja="目標を追跡可能な予測付きの現実的な月次計画に変換します—オンデマンドのCFOのように。">Turn your goals into a realistic monthly plan with forecasts you can actually track — like a CFO on demand.</p><span class="tag" data-en="Grow on purpose →" data-ja="計画的に成長する →">Grow on purpose →</span></div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="kicker" data-en="Business Benefits" data-ja="ビジネスのメリット">Business Benefits</div>
    <h2 data-en="Built for service business owners." data-ja="サービス業の経営者のために構築。">Built for service business owners.</h2>
    <p class="sub" data-en="Enterprise-grade automation without the enterprise price tag." data-ja="エンタープライズ品質の自動化を、エンタープライズ価格なしで。">Enterprise-grade automation without the enterprise price tag.</p>
    <div class="grid g3">
      <div class="benefit-card"><div class="benefit-icon">💳</div><h3 data-en="Freemium model. Upgrade when ready." data-ja="フリーミアムモデル。準備ができたらアップグレード。">Freemium model. Upgrade when ready.</h3><p data-en="Completely free to start. Unlimited users." data-ja="完全無料で開始。ユーザー数無制限。">Completely free to start. Unlimited users.</p></div>
      <div class="benefit-card"><div class="benefit-icon">📞</div><h3 data-en="Keep your number. Automate your calls." data-ja="既存の番号を維持。電話を自動化。">Keep your number. Automate your calls.</h3><p data-en="Use your existing phone number with AI-powered call automation." data-ja="既存の電話番号をAI搭載の電話自動化で活用。">Use your existing phone number with AI-powered call automation.</p></div>
      <div class="benefit-card"><div class="benefit-icon">🔒</div><h3 data-en="ISO 27001 Certified AI Automation." data-ja="ISO 27001認証のAI自動化。">ISO 27001 Certified AI Automation.</h3><p data-en="Complex logic. Enterprise secure." data-ja="複雑なロジック。エンタープライズ級のセキュリティ。">Complex logic. Enterprise secure.</p></div>
      <div class="benefit-card"><div class="benefit-icon">📊</div><h3 data-en="Visualize Phone Automation with DELIGHT" data-ja="DELIGHTで電話自動化を可視化">Visualize Phone Automation with DELIGHT</h3><p data-en="See every call, booking, and follow-up in one place." data-ja="すべての電話、予約、フォローアップを一か所で確認。">See every call, booking, and follow-up in one place.</p></div>
      <div class="benefit-card"><div class="benefit-icon">🚀</div><h3 data-en="No setup fees. No ID charges." data-ja="初期費用なし。ID料金なし。">No setup fees. No ID charges.</h3><p data-en="Launch your AI phone agent for free." data-ja="AI電話エージェントを無料でローンチ。">Launch your AI phone agent for free.</p></div>
    </div>
  </div>
</section>

<section class="review-card-wrap">
  <div class="wrap">
    <div class="review-card" id="delight-review-card">
      <h3 data-en="Customers rate this store" data-ja="このストアの顧客評価">Customers rate this store <span class="stars" id="rc-rating">4.9 ★</span> <span id="rc-count">(16)</span></h3>
      <p class="rc-body" id="rc-summary">Offers expert business consulting for startups and entrepreneurs, providing clear guidance on fundraising, pitches, and business strategy. Also provides an AI phone bot service that efficiently handles calls, reduces workload, and improves customer communication. Clients praise the detailed advice, practical insights, and high-quality automated phone responses.</p>
      <div class="rc-tags" id="rc-tags">
        <span class="rc-tag">Experience 👍</span>
        <span class="rc-tag">Business 👍</span>
        <span class="rc-tag">Advice 👍</span>
        <span class="rc-tag">Phone 👍</span>
        <span class="rc-tag">Calls 👍</span>
      </div>
      <div class="rc-ai-label" data-en="✦ AI-powered review summary based on recent customer reviews" data-ja="✦ 最近の顧客レビューに基づくAI要約">✦ AI-powered review summary based on recent customer reviews</div>
      <a class="rc-btn" href="https://delight.fit/discover" data-en="View customer reviews" data-ja="顧客レビューを見る">View customer reviews</a>
    </div>
  </div>
</section>

<script>
(function(){
  fetch('https://base44.app/api/apps/694fb56ca7c1bc421b486b7b/functions/getHomepageReviewSummary',{
    method:'POST',
    headers:{'Content-Type':'application/json'},
    body:JSON.stringify({})
  }).then(function(r){return r.json();}).then(function(d){
    if(!d||d.error)return;
    var rating=document.getElementById('rc-rating');
    var count=document.getElementById('rc-count');
    var summary=document.getElementById('rc-summary');
    var tags=document.getElementById('rc-tags');
    if(rating&&d.average_rating)rating.textContent=d.average_rating+' ★';
    if(count&&d.total_reviews)count.textContent='('+d.total_reviews+')';
    if(summary&&d.ai_summary)summary.textContent=d.ai_summary;
    if(tags&&d.tags&&d.tags.length){
      tags.innerHTML=d.tags.map(function(t){return '<span class="rc-tag">'+t+' 👍</span>';}).join('');
    }
  }).catch(function(){});
})();
</script>

<section class="alt">
  <div class="wrap">
    <div class="quote">
      <p data-en="“Runners called early in the morning and late at night. With our team deep in final preparations, answering was nearly impossible. DELIGHT streamlined our communication and let us focus on running the event. Highly recommended!”" data-ja="“ランナーからは早朝や深夜に電話がかかってきました。最終準備に追われるチームにとって、電話に出ることはほぼ不可能でした。DELIGHTがコミュニケーションを合理化し、イベント運営に集中できました。強くお勧めします！”">“Runners called early in the morning and late at night. With our team deep in final preparations, answering was nearly impossible. DELIGHT streamlined our communication and let us focus on running the event. Highly recommended!”</p>
      <div class="who" data-en="Miyajima Marathon — International event organizer" data-ja="宮島マラソン — 国際イベント運営者">Miyajima Marathon — International event organizer</div>
    </div>
  </div>
</section>

<section class="final">
  <div class="wrap">
    <h2 data-en="See what your week looks like with the busywork gone." data-ja="雑務がなくなった一週間を体験してください。">See what your week looks like with the busywork gone.</h2>
    <p class="sub" style="margin:0 auto 32px" data-en="Start free today. If it doesn't save you time in the first week, walk away — no contracts, no charges." data-ja="今日から無料で始めましょう。最初の一週間で時間を節約できなければ、いつでもやめられます—契約も費用もありません。">Start free today. If it doesn't save you time in the first week, walk away — no contracts, no charges.</p>
    <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap">
      <a class="btn btn-primary" href="https://app.delight.fit/start" data-en="Start free — no credit card" data-ja="無料で始める — クレジットカード不要">Start free — no credit card</a>
      <a class="btn btn-ghost" href="https://app.delight.fit/why-delight" data-en="See how it works" data-ja="仕組みを見る">See how it works</a>
    </div>
  </div>
</section>

<footer>
  <div class="wrap foot">
    <div data-en="© DELIGHT — AI agents for service businesses" data-ja="© DELIGHT — サービス業のためのAIエージェント">© DELIGHT — AI agents for service businesses</div>
    <div><a href="https://delight.fit/blogs/news" style="margin-right:16px" data-en="Blog" data-ja="ブログ">Blog</a><a href="https://delight.fit/blogs/insight" style="margin-right:16px" data-en="Insight" data-ja="インサイト">Insight</a><a href="https://delight.fit/pages/about" style="margin-right:16px" data-en="About" data-ja="会社情報">About</a><a href="https://delight.fit/pages/trust-security" data-en="Trust &amp; Security" data-ja="信頼性・セキュリティ">Trust &amp; Security</a></div>
  </div>
</footer>

<script>
function setLang(lang){
  document.documentElement.lang=lang;
  document.querySelectorAll('[data-en]').forEach(function(el){
    var txt=lang==='ja'?el.getAttribute('data-ja'):el.getAttribute('data-en');
    if(txt)el.innerHTML=txt;
  });
  document.getElementById('lang-en').className=lang==='en'?'active':'';
  document.getElementById('lang-ja').className=lang==='ja'?'active':'';
  try{localStorage.setItem('delight-lang',lang);}catch(e){}
}
(function(){
  var saved='en';
  try{saved=localStorage.getItem('delight-lang')||'en';}catch(e){}
  if(saved==='ja')setLang('ja');
  else{document.getElementById('lang-en').className='active';}
})();
</script>
</body>
</html>