shipscreens 0.1.6 → 0.1.7

package/dist/assets/FirstExport-RXbvVQdK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FirstExport-RXbvVQdK.js","sources":["../../src/pages/FirstExport.jsx"],"sourcesContent":["import { ArrowRight, CheckCircle2, ChevronDown, ClipboardCopy, Rocket, Terminal } from 'lucide-react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport CopyButton from '../components/CopyButton';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\nimport { getAttributionParams } from '../lib/attribution';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: '5-minute first export',\n    title: 'Turn your current screenshots into a release-safe first export in 5 minutes',\n    subtitle:\n      'You may already have design tools or Fastlane scripts. This page turns the current screenshots into a reproducible first export (fastlane/ + ZIP) with clear panel order, iPhone-first scope, and upload-safe roots. When that works, keep the same contract in CLI/MCP and CI.',\n    quickPathTitle: 'Fastest path (keep your current design workflow)',\n    quickPathBullets: [\n      'Start from the 5-panel sample project and reuse your current screenshots/copy.',\n      'Keep panel #1 to one concrete outcome for one user type.',\n      'Use zero-padded 01..05 naming and verify upload roots before scaling devices/locales.',\n      'If you later need automation, reuse the same contract in Agent + CLI instead of starting over.',\n    ],\n    demoTitle: 'Run a demo export (no assets required)',\n    demoBody:\n      'If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: [\n      'Output tree: fastlane/ + reproducible ZIP',\n      'Stages a clean upload root (deliver/supply-safe)',\n      'Delete the demo folder anytime',\n    ],\n    demoNote: 'First run may take longer while npx downloads the package.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCiTemplatesLabel: 'CI templates',\n    heroCiGithubLabel: 'GitHub Actions',\n    heroCiBitriseLabel: 'Bitrise',\n    ctas: {\n      cli: 'Run CLI first export',\n      goPro: 'Go Pro',\n      sample: 'Open sample project',\n    },\n    trustTitle: 'Check trust basics before upgrade',\n    trustLinks: {\n      pricing: 'Pricing',\n      terms: 'Terms',\n      privacy: 'Privacy',\n      legal: 'Legal (Japan)',\n      security: 'Security',\n      proof: 'Proof',\n    },\n    steps: [\n      {\n        title: 'Run the CLI wizard (or open the sample)',\n        body: 'Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style.',\n      },\n      {\n        title: 'Lock panel order + export upload-ready outputs',\n        body: 'Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow.',\n      },\n      {\n        title: 'Add verify + stage guardrails',\n        body: 'Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift.',\n      },\n    ],\n    quickstartTitle: 'CI quickstart (copy/paste)',\n    quickstartBody: 'Run these commands in CI to generate Fastlane-ready outputs (rendered mode).',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'Prefer CLI (no browser)?',\n    cliBody:\n      'Run shipscreens wizard, replace placeholders, and build in raw mode first; then add verify/stage to catch drift before upload.',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# replace assets/en-US/01.png..05.png',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Open Agent + CLI quickstart',\n    proTitle: 'Upgrade unlocks',\n    proBullets: [\n      'Unlock CI-grade reruns (rendered exports)',\n      'Full matrix batch exports (devices × locales)',\n      'CSV/JSON copy import at scale',\n      'No watermark',\n    ],\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    advancedTitle: 'Advanced: CLI + CI guardrails',\n    advancedBody: 'Optional for first export. Use this when you need deterministic reruns in CI or a non-interactive handoff to coding agents.',\n    note: 'Free exports are watermarked. Keep your current design tools and art direction; ShipScreens adds deterministic reruns, 01..05 naming discipline, and upload guardrails. Clarity check: if screenshot #1 could fit many apps, rewrite it with one concrete outcome.',\n  },\n  ja: {\n    badge: '5分で初回エクスポート',\n    title: '今あるスクショから、release-safe な初回エクスポートを5分で作る',\n    subtitle:\n      '既存のデザインツールやFastlaneスクリプトはそのままで、今あるスクショを再現性のある初回出力（fastlane/ + ZIP）へ変えるページです。1枚目訴求、iPhone-first の最小構成、パス/順序の崩れを止めます。初回が通ったら、そのまま CLI/MCP と CI に載せ替えます。',\n    quickPathTitle: '最短導線（既存デザイン運用をそのまま活用）',\n    quickPathBullets: [\n      '5枚構成サンプルを開き、今あるスクショ/コピーを流し込む。',\n      '1枚目は「誰に、どんな成果か」を1つに絞る。',\n      '01..05 の連番命名と upload root の確認を先に済ませる。',\n      '後で自動化したくなったら、同じ契約を Agent + CLI にそのまま載せる。',\n    ],\n    demoTitle: 'デモを書き出す（素材不要）',\n    demoBody:\n      'まずフォルダ構成と再現性ZIPだけ確認したい場合はデモが最短です。捨てプロジェクトを生成し、クリーンな提出ルートまで stage します。',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: ['出力: fastlane/ + 再現性ZIP', '提出用のクリーンなルートを stage', 'デモは削除してOK'],\n    demoNote: '初回は npx がパッケージを取得するため時間がかかる場合があります。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）; 次に verify/stage を追加。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCiTemplatesLabel: 'CIテンプレ',\n    heroCiGithubLabel: 'GitHub Actions',\n    heroCiBitriseLabel: 'Bitrise',\n    ctas: {\n      cli: 'CLIで初回エクスポート',\n      goPro: 'Proにアップグレード',\n      sample: 'サンプルを開く',\n    },\n    trustTitle: 'アップグレード前に料金・規約を確認',\n    trustLinks: {\n      pricing: '料金',\n      terms: '利用規約',\n      privacy: 'プライバシー',\n      legal: '特商法表記',\n      security: 'セキュリティ',\n      proof: '実績',\n    },\n    steps: [\n      {\n        title: 'CLI wizard で雛形作成（サンプルでも可）',\n        body: 'wizard で雛形を作るか、5枚構成サンプルから開始し、既存の見た目を維持したまま進めます。',\n      },\n      {\n        title: '訴求順を固定してアップロード用出力を作る',\n        body: 'Hook->CTA の流れを維持しながら、連番/パス命名を固定して fastlane/ + 再現性ZIP を出力。',\n      },\n      {\n        title: 'verify + stage を追加',\n        body: 'validate/lock/build/verify/stage を回し、毎リリースのアップロード事故と見えないドリフトを防ぎます。',\n      },\n    ],\n    quickstartTitle: 'CIクイックスタート（コピペ）',\n    quickstartBody: 'CIで Fastlane-ready 出力を生成するコマンドです（rendered mode）。',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'CLIで完結したい場合',\n    cliBody:\n      'shipscreens wizard で雛形を作って raw モードで出力し、次に verify/stage を足して提出前に崩れを検知します。',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# assets/en-US/01.png〜05.png を差し替え',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Agent + CLI クイックスタート',\n    proTitle: 'Proでできること',\n    proBullets: [\n      'CIで再実行（rendered出力）',\n      'フル一括（端末×言語）',\n      'CSV/JSON copy 取り込み',\n      '透かしなし',\n    ],\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    advancedTitle: '詳細: CLI + CI ガードレール',\n    advancedBody: '初回出力では任意。CIで再実行性を固定したい場合や、coding agent に non-interactive に渡したい場合に使います。',\n    note: '無料版は透かし付きです。既存の見た目とツールはそのままに、ShipScreensで再実行性、01..05 命名、提出前ガードレールを追加します。確認: 1枚目見出しが他の多くのアプリにも当てはまるなら、成果を具体化します。',\n  },\n};\n\nconst FirstExport = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n  const attribution = getAttributionParams();\n  const inboundEntrySource = attribution.entry_source || '';\n  const isQuickShipEntry = inboundEntrySource === 'quick_ship_iphone_only_first_export';\n  const quickShipPathParams = isQuickShipEntry ? { quick_ship_path: 'iphone_only' } : {};\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const trustDisclosure =\n    lang === 'ja'\n      ? '返金: デジタルサービスの性質上、法令で必要な場合を除き返金はありません。いつでも解約可能です。会社: Shimauma Services, Inc.（東京）。'\n      : 'Refund: due to the digital nature of the service, payments are non-refundable except where required by law. Cancel anytime. Company: Shimauma Services, Inc. (Tokyo).';\n  const trustContactLabel = lang === 'ja' ? '問い合わせ' : 'Contact';\n  const partnerSubject = t('landing.partner.emailSubject', { defaultValue: 'ShipScreens first export review' });\n  const partnerBody = t('landing.partner.emailBody', { defaultValue: '' });\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(partnerSubject)}&body=${encodeURIComponent(\n    partnerBody\n  )}`;\n  const openAppEntrySource = isQuickShipEntry ? 'quick_ship_iphone_only_open_app_header' : 'first_export_open_app_header';\n  const goProFooterEntrySource = isQuickShipEntry ? 'quick_ship_iphone_only_go_pro_footer' : 'first_export_go_pro_footer';\n  const sampleProjectHeroEntrySource = isQuickShipEntry\n    ? 'quick_ship_iphone_only_open_sample_project'\n    : 'first_export_open_sample_project';\n  const sampleProjectFooterEntrySource = isQuickShipEntry\n    ? 'quick_ship_iphone_only_open_sample_project_footer'\n    : 'first_export_open_sample_project_footer';\n  const openAppHref = `/app/?sample=5panel&entry_source=${openAppEntrySource}`;\n  const agentCliHref = '/tools/agent-cli/';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const githubActionsTemplateHref = '/downloads/shipscreens-github-actions-template.yml';\n  const bitriseTemplateHref = '/downloads/shipscreens-bitrise-template.yml';\n  const top20TemplatePackCsvHref = '/downloads/shipscreens-top20-category-headline-pack-2026-02.csv';\n  const localizationHandoffTemplateHref = '/downloads/shipscreens-localization-handoff-template.csv';\n  const localizationCiChecklistHref = '/downloads/shipscreens-localization-ci-checklist-2026-02.md';\n  const variantMatrixTemplateHref = '/downloads/shipscreens-aso-variant-matrix-template.csv';\n  const jpCaseSnapshotsHref = '/downloads/shipscreens-japan-case-snapshots-2026-02.md';\n  const extraPackTitle = lang === 'ja' ? '運用テンプレパック' : 'Ops template pack';\n  const top20CsvLabel = lang === 'ja' ? 'トップ20カテゴリ×2（CSV）' : 'Top20 category x2 (CSV)';\n  const localizationHandoffLabel = lang === 'ja' ? 'ローカライズ受け渡し（CSV）' : 'Localization handoff (CSV)';\n  const localizationCiLabel = lang === 'ja' ? 'ローカライズCIチェック（MD）' : 'Localization CI checklist (MD)';\n  const variantMatrixLabel = lang === 'ja' ? 'ASO変種管理テンプレ（CSV）' : 'ASO variant matrix (CSV)';\n  const jpCaseLabel = lang === 'ja' ? '日本向けケース資料（MD）' : 'Japan case snapshots (MD)';\n  const goProFooterHref = `/app/?sample=5panel&upgrade=1&entry_source=${goProFooterEntrySource}`;\n  const sampleProjectHeroHref = `/app/?sample=5panel&entry_source=${sampleProjectHeroEntrySource}`;\n  const sampleProjectFooterHref = `/app/?sample=5panel&entry_source=${sampleProjectFooterEntrySource}`;\n  const pricingHref = '/pricing';\n  const termsHref = '/terms';\n  const privacyHref = '/privacy';\n  const legalHref = '/legal';\n  const securityHref = '/security';\n  const proofHref = '/proof';\n  const designPartnerOfferHref = '/design-partner';\n  const designPartnerOfferLabel = lang === 'ja' ? 'オファー詳細を見る' : 'See offer details';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const [quickstartMode, setQuickstartMode] = useState('cli');\n  const isCli = quickstartMode === 'cli';\n  const quickstart = isCli\n    ? { title: copy.cliTitle, body: copy.cliBody, cmd: copy.cliCmd, cta: 'copy_cli_quickstart' }\n    : { title: copy.quickstartTitle, body: copy.quickstartBody, cmd: copy.quickstartCmd, cta: 'copy_ci_quickstart' };\n\n  usePageTitle('titles.firstExport', { defaultValue: copy.title });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'first_export' });\n    if (isQuickShipEntry) {\n      trackEvent('quick_ship_path_progress', { step: 'first_export_view' });\n    }\n  }, [isQuickShipEntry]);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', {\n            tool: 'first_export',\n            cta: 'open_app_header',\n            ...quickShipPathParams,\n          })\n        }\n        primaryCta={{\n          href: sampleProjectHeroHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'first_export',\n              cta: 'open_sample_project_header',\n              ...quickShipPathParams,\n            }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <Rocket size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={sampleProjectHeroHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'first_export',\n                  cta: 'open_sample_project_hero',\n                  ...quickShipPathParams,\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n            <a\n              href={agentCliHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.cli} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.quickPathTitle}</div>\n            {copy.quickPathBullets?.length > 0 && (\n              <ul className=\"space-y-1 text-xs text-slate-300\">\n                {copy.quickPathBullets.map((item) => (\n                  <li key={item} className=\"flex items-start gap-2\">\n                    <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                    <span>{item}</span>\n                  </li>\n                ))}\n              </ul>\n            )}\n            <div className=\"pt-1 space-y-1.5\">\n              <div className=\"text-[11px] text-slate-500 font-semibold\">{copy.trustTitle}</div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={pricingHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_pricing_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.pricing}\n                </a>\n                <a\n                  href={termsHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_terms_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.terms}\n                </a>\n                <a\n                  href={privacyHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_privacy_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.privacy}\n                </a>\n                <a\n                  href={legalHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_legal_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.legal}\n                </a>\n                <a\n                  href={securityHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_security_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.security}\n                </a>\n                <a\n                  href={proofHref}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_proof_trust' })\n                  }\n                  className=\"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n                >\n                  {copy.trustLinks.proof}\n                </a>\n              </div>\n              <p className=\"text-[11px] text-slate-500\">\n                {trustDisclosure}{' '}\n                {trustContactLabel}:{' '}\n                <a\n                  href={`mailto:${supportEmail}`}\n                  onClick={(event) =>\n                    trackEventAndFollowLink(event, 'tool_cta_click', {\n                      tool: 'first_export',\n                      cta: 'open_contact_trust',\n                    })\n                  }\n                  className=\"underline underline-offset-4 hover:text-slate-300\"\n                >\n                  {supportEmail}\n                </a>\n              </p>\n            </div>\n          </div>\n          <p className=\"text-xs text-slate-500\">{copy.note}</p>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"grid md:grid-cols-3 gap-6\">\n          {copy.steps.map((step, index) => (\n            <div key={step.title} className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n              <div className=\"text-xs font-semibold text-blue-200\">STEP {index + 1}</div>\n              <div className=\"text-lg font-bold text-white\">{step.title}</div>\n              <p className=\"text-sm text-slate-300 leading-relaxed\">{step.body}</p>\n            </div>\n          ))}\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.advancedTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              CLI/CI <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-4\">\n            <p className=\"text-sm text-slate-300\">{copy.advancedBody}</p>\n            <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-3\">\n              <div className=\"flex items-center gap-2 text-sm font-bold text-white\">\n                {isCli ? <Terminal size={16} className=\"text-blue-300\" /> : <CheckCircle2 size={16} className=\"text-blue-300\" />}\n                {quickstart.title}\n              </div>\n              <div className=\"inline-flex gap-2 rounded-lg border border-slate-700 bg-slate-950 p-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('cli')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.cliTitle}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('ci')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    !isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.quickstartTitle}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-slate-300\">{quickstart.body}</p>\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{quickstart.cmd}</pre>\n            </div>\n            <CopyButton\n              value={quickstart.cmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: quickstart.cta })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n            >\n              {({ copyLabel }) => (\n                <>\n                  <ClipboardCopy size={14} />\n                  {copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            {isCli && (\n              <a\n                href=\"/tools/agent-cli/\"\n                onClick={(event) =>\n                  trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli' })\n                }\n                className=\"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors\"\n              >\n                {copy.cliCta} <ArrowRight size={14} />\n              </a>\n            )}\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCiTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={githubActionsTemplateHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'ci_template_github_actions' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCiGithubLabel}\n                </a>\n                <a\n                  href={bitriseTemplateHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'ci_template_bitrise' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCiBitriseLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{extraPackTitle}</div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={top20TemplatePackCsvHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'top20_category_pack_csv' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {top20CsvLabel}\n                </a>\n                <a\n                  href={localizationHandoffTemplateHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'localization_handoff_csv' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {localizationHandoffLabel}\n                </a>\n                <a\n                  href={localizationCiChecklistHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'localization_ci_checklist_md' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {localizationCiLabel}\n                </a>\n                <a\n                  href={variantMatrixTemplateHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'aso_variant_matrix_csv' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {variantMatrixLabel}\n                </a>\n                <a\n                  href={jpCaseSnapshotsHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'jp_case_snapshots_md' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {jpCaseLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n              <div className=\"flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                <Terminal size={14} className=\"text-blue-300\" />\n                {copy.demoTitle}\n              </div>\n              <p className=\"text-xs text-slate-400\">{copy.demoBody}</p>\n              <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.demoCmd}</pre>\n              </div>\n              <CopyButton\n                value={copy.demoCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_demo_cmd' })}\n                className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n              >\n                {({ copyLabel, copyState }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyState === 'idle' ? copyButtonLabel : copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n              {copy.demoBullets?.length > 0 && (\n                <ul className=\"space-y-1 text-xs text-slate-300 pt-1\">\n                  {copy.demoBullets.map((item) => (\n                    <li key={item} className=\"flex items-start gap-2\">\n                      <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                      <span>{item}</span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {copy.demoNote && <div className=\"text-[11px] text-slate-500\">{copy.demoNote}</div>}\n            </div>\n            <CliPreflightCard\n              compact\n              href=\"/tools/agent-cli/#preflight\"\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_cli_preflight' })\n              }\n              className=\"max-w-xl\"\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <div className=\"text-lg font-bold text-white\">{copy.proTitle}</div>\n          <ul className=\"space-y-2 text-sm text-slate-300\">\n            {copy.proBullets.map((item) => (\n              <li key={item} className=\"flex items-center gap-2\">\n                <CheckCircle2 size={16} className=\"text-green-400\" />\n                {item}\n              </li>\n            ))}\n          </ul>\n          <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n            <a\n              href={goProFooterHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'first_export',\n                  cta: 'go_pro_footer',\n                  ...quickShipPathParams,\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.ctas.goPro} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectFooterHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'first_export',\n                  cta: 'open_sample_project_footer',\n                  ...quickShipPathParams,\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"pt-4 border-t border-slate-800/80 space-y-2\">\n            <div className=\"text-sm font-bold text-white\">{copy.proUnlockTitle}</div>\n            {copy.proUnlockBody && <p className=\"text-sm text-slate-300\">{copy.proUnlockBody}</p>}\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950/80 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.proUnlockCmd}</pre>\n            </div>\n            <div className=\"flex flex-col sm:flex-row gap-3\">\n              <CopyButton\n                value={copy.proUnlockCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_cli_pro_unlock' })}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n              >\n                {({ copyLabel }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n            </div>\n            {copy.proUnlockNote && <div className=\"text-xs text-slate-500\">{copy.proUnlockNote}</div>}\n          </div>\n        </section>\n\n        <section\n          id=\"design-partner\"\n          className=\"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\"\n        >\n          <div className=\"text-lg font-bold text-white\">{t('landing.partner.title')}</div>\n          <div className=\"text-sm text-slate-300 leading-relaxed\">{t('landing.partner.body')}</div>\n          <a\n            href={designPartnerOfferHref}\n            onClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_design_partner_offer' })\n            }\n            className=\"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 underline underline-offset-4\"\n          >\n            {designPartnerOfferLabel} <ArrowRight size={14} />\n          </a>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={partnerMailto}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'email_design_partner' })\n              }\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {t('landing.partner.emailCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'dm_design_partner' })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {t('landing.partner.dmCta')}\n            </a>\n          </div>\n          <div className=\"text-xs text-slate-500\">\n            {t('landing.partner.emailLabel')}{' '}\n            <a href={`mailto:${supportEmail}`} className=\"underline underline-offset-4 hover:text-white\">\n              {supportEmail}\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        note={copy.note}\n        primary={{\n          label: copy.ctas.sample,\n          href: sampleProjectHeroHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'first_export',\n              cta: 'sticky_primary_sample',\n              ...quickShipPathParams,\n            }),\n        }}\n        secondary={{\n          label: copy.ctas.cli,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_secondary_cli' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FirstExport;\n"],"names":["normalizeLang","lang","COPY","FirstExport","i18n","t","useTranslation","copy","isQuickShipEntry","getAttributionParams","quickShipPathParams","supportEmail","trustDisclosure","trustContactLabel","partnerSubject","partnerBody","partnerMailto","openAppEntrySource","goProFooterEntrySource","sampleProjectHeroEntrySource","sampleProjectFooterEntrySource","openAppHref","agentCliHref","configDownloadHref","csvDownloadHref","githubActionsTemplateHref","bitriseTemplateHref","top20TemplatePackCsvHref","localizationHandoffTemplateHref","localizationCiChecklistHref","variantMatrixTemplateHref","jpCaseSnapshotsHref","extraPackTitle","top20CsvLabel","localizationHandoffLabel","localizationCiLabel","variantMatrixLabel","jpCaseLabel","goProFooterHref","sampleProjectHeroHref","sampleProjectFooterHref","pricingHref","termsHref","privacyHref","legalHref","securityHref","proofHref","designPartnerOfferHref","designPartnerOfferLabel","copyButtonLabel","quickstartMode","setQuickstartMode","useState","isCli","quickstart","usePageTitle","useEffect","trackEvent","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","Rocket","item","CheckCircle2","FitPanel","step","index","ChevronDown","Terminal","CopyButton","copyLabel","Fragment","ClipboardCopy","copyState","CliPreflightCard","StickyMobileCta"],"mappings":"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"}

package/dist/assets/FitPanel-ic91y-49.js

@@ -1,2 +0,0 @@
-import{u as c,j as e}from"./index-my6BmN7T.js";const x=({className:l=""})=>{const{t:n}=c(),t=n("landing.fit",{returnObjects:!0})||{},a=Array.isArray(t.bestBullets)?t.bestBullets:[],r=Array.isArray(t.notBullets)?t.notBullets:[],i=l?`space-y-4 ${l}`:"space-y-4";return!t?.title||a.length===0&&r.length===0?null:e.jsxs("section",{className:i,children:[e.jsx("h2",{className:"text-xl font-bold text-white text-center",children:t.title}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-emerald-200",children:t.bestTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:a.map(s=>e.jsx("li",{children:s},s))})]}),e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-amber-200",children:t.notTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:r.map(s=>e.jsx("li",{children:s},s))})]})]}),t.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center",children:t.note})]})};export{x as F};
-//# sourceMappingURL=FitPanel-ic91y-49.js.map

package/dist/assets/FitPanel-ic91y-49.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FitPanel-ic91y-49.js","sources":["../../src/components/FitPanel.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst FitPanel = ({ className = '' }) => {\n  const { t } = useTranslation();\n  const fit = t('landing.fit', { returnObjects: true }) || {};\n  const fitBestBullets = Array.isArray(fit.bestBullets) ? fit.bestBullets : [];\n  const fitNotBullets = Array.isArray(fit.notBullets) ? fit.notBullets : [];\n  const sectionClassName = className ? `space-y-4 ${className}` : 'space-y-4';\n\n  if (!fit?.title || (fitBestBullets.length === 0 && fitNotBullets.length === 0)) {\n    return null;\n  }\n\n  return (\n    <section className={sectionClassName}>\n      <h2 className=\"text-xl font-bold text-white text-center\">{fit.title}</h2>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3\">\n          <div className=\"text-base font-bold text-emerald-200\">{fit.bestTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitBestBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3\">\n          <div className=\"text-base font-bold text-amber-200\">{fit.notTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitNotBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n      </div>\n      {fit.note && <p className=\"text-xs text-slate-500 text-center\">{fit.note}</p>}\n    </section>\n  );\n};\n\nexport default FitPanel;\n"],"names":["FitPanel","className","t","useTranslation","fit","fitBestBullets","fitNotBullets","sectionClassName","jsxs","jsx","item"],"mappings":"+CAGA,MAAMA,EAAW,CAAC,CAAE,UAAAC,EAAY,MAAS,CACvC,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EACRC,EAAMF,EAAE,cAAe,CAAE,cAAe,EAAA,CAAM,GAAK,CAAA,EACnDG,EAAiB,MAAM,QAAQD,EAAI,WAAW,EAAIA,EAAI,YAAc,CAAA,EACpEE,EAAgB,MAAM,QAAQF,EAAI,UAAU,EAAIA,EAAI,WAAa,CAAA,EACjEG,EAAmBN,EAAY,aAAaA,CAAS,GAAK,YAEhE,MAAI,CAACG,GAAK,OAAUC,EAAe,SAAW,GAAKC,EAAc,SAAW,EACnE,KAIPE,EAAAA,KAAC,UAAA,CAAQ,UAAWD,EAClB,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,2CAA4C,SAAAL,EAAI,MAAM,EACpEI,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAL,EAAI,UAAU,EACrEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAJ,EAAe,IAAKK,GACnBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,EACF,EACAF,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAAL,EAAI,SAAS,EAClEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAH,EAAc,IAAKI,GAClBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EACCN,EAAI,MAAQK,EAAAA,IAAC,KAAE,UAAU,qCAAsC,WAAI,IAAA,CAAK,CAAA,EAC3E,CAEJ"}

package/dist/assets/FivePanelFramework-BZKNcycb.js

@@ -1,62 +0,0 @@
-import{u as H,a as U,c as A,r as h,t as a,j as e,b as s}from"./index-my6BmN7T.js";import{C as F,S as B}from"./StickyMobileCta-DVXAyhaH.js";import{C as g}from"./CopyButton-CPRHmu8l.js";import{F as z}from"./FitPanel-ic91y-49.js";import{a as I,S as M}from"./LanguageSwitcher-BrToLEgF.js";import{S as O}from"./SiteHeader-NTK-cM9O.js";import{T as R}from"./ToolGuardrailsPanel-meKxUeSB.js";import{A as u}from"./arrow-right-Dglia5EE.js";import{L as D}from"./layout-grid-DDQvnEgx.js";import{C as w}from"./copy-KSn4Rc2b.js";import{C as q}from"./chevron-down-By2Ts8dG.js";import{D as G}from"./download-eqwxO8bs.js";import"./circle-check-DaJ6APMi.js";const V=r=>(r||"").split("-")[0]==="ja"?"ja":"en",$=r=>r==="ja"?`# 5枚構成 スクショフレームワーク
-
-App Store / Google Play のスクショを「5枚で伝える」ための構成テンプレです。
-
-## 1) Hook（結論）
-- 何が変わるか（成果）を1行で
-- 例: スクショをビルドステップに / 再実行で毎リリース
-
-## 2) Problem（痛み）
-- いま起きている苦痛を具体化（数字が強い）
-- 例: 5枚×10言語×4サイズ = 200枚
-
-## 3) Proof（根拠）
-- 信用・再現性の材料（仕様・実績・数字）
-- 例: Fastlane公式パス（dir/ZIP） / 再現性のある出力
-
-## 4) How（やり方）
-- どうやって実現するか（フローを短く）
-- 例: master layout → CSV/JSON copy → Export
-
-## 5) CTA（次の一手）
-- 読んだ後に何をすればいいかを1つに絞る
-- 例: 無料で試す / サンプルから開始
-
-## メモ
-- 翻訳は外部でOK（ShipScreensは翻訳しない）
-- UIは大きく（~80%目安）
-- キャプションは短く（6-8語目安）
-- 確認: 見出しが他の多くのアプリにも当てはまるなら、成果を具体化して書き直す
-`:`# 5-panel screenshot framework
-
-A simple structure to explain your app in five store screenshots.
-
-## 1) Hook (Outcome)
-- Say the result in one line
-- Example: Screenshots as a build step / Rerun exports every release
-
-## 2) Problem (Pain)
-- Make the pain concrete (numbers work)
-- Example: 5 shots × 10 locales × 4 sizes = 200 images
-
-## 3) Proof (Credibility)
-- Give confidence (specs, numbers, workflow fit)
-- Example: Fastlane-ready output (folders/ZIP) / Reproducible reruns
-
-## 4) How (Workflow)
-- Show the shortest path in steps
-- Example: Master layout → CSV/JSON copy → export
-
-## 5) CTA (Next step)
-- One clear action
-- Example: Try it free / Start from a sample project
-
-## Notes
-- Bring your translations; ShipScreens does not translate.
-- Keep UI big (~80% of the frame).
-- Keep captions short (<= 6-8 words).
-- Clarity check: if the headline could fit many apps, make the outcome more concrete.
-`,C={en:{badge:"Screenshot structure template",title:"5-panel Screenshot Framework",subtitle:"Use this structure even if you already have design tools: Hook -> Problem -> Proof -> How -> CTA keeps App Store / Google Play screenshots consistent across sizes/locales and release reruns without forcing a generic visual style.",heroCliTitle:"CLI quickstart (2 steps)",heroCliNote:"wizard → build (raw mode, no Playwright).",heroCliSummary:"Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.",heroCliCopyLabel:"Copy all commands",heroCliTemplatesLabel:"Starter templates",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
-`),proUnlockTitle:"Unlock Pro (CLI)",proUnlockBody:"Remove the watermark and unlock full matrix batch exports via CLI auth:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"Completes a one-time browser sign-in; then rerun build with --require-pro.",navTools:"Tools",introTitle:"Use this when…",introBullets:["Manual Figma/Canva edits (or AI drafts) keep drifting across sizes/locales","App Review/ASO feedback says the first screenshot is unclear","Screenshots look generic because the message is vague, not because your style is wrong","Localization makes copy decisions expensive","You want a rerunnable flow (sample → edit → export)"],hookRule:"Clarity check: if your Hook could fit many apps, it is too broad. Make one concrete outcome explicit.",hookExamplesTitle:"Hook examples (vague vs concrete)",hookExamplesBadLabel:"Vague",hookExamplesGoodLabel:"Concrete",hookExamples:[{bad:"Learn everything about finance",good:"Build a weekly budget and track spending in 10 minutes"},{bad:"A smarter productivity app",good:"Plan your day in 3 tasks and finish by 6pm"}],panelsTitle:"The 5 panels",panelCards:[{name:"Hook",goal:"Say the outcome in one line.",header:"Header: concrete outcome",subtitle:"Subtitle: for who / how fast",example:"Example: Ship screenshot updates in one CI rerun"},{name:"Problem",goal:"Make the pain concrete (numbers help).",header:"Header: what is painful",subtitle:"Subtitle: why it costs time",example:"Example: 5×10×4 = 200 images"},{name:"Proof",goal:"Add credibility and reduce doubt.",header:"Header: why trust this",subtitle:"Subtitle: spec / workflow fit",example:"Example: Fastlane-ready output"},{name:"How",goal:"Show the shortest reproducible workflow.",header:"Header: the steps",subtitle:"Subtitle: what you need",example:"Example: Master layout → CSV → Export"},{name:"CTA",goal:"One clear next action.",header:"Header: try / start",subtitle:"Subtitle: what happens next",example:"Example: Try it free"}],toolsTitle:"Assets",calculatorLink:"Screenshot Workload Calculator",calculatorCaption:"Quantify the device × locale explosion and pick size buckets.",sampleTitle:"Sample project",sampleCaption:"Open a pre-filled 5-panel project in ShipScreens and replace the screenshots.",openSample:"Open sample project",downloadTitle:"Download",downloadCaption:"Save the framework as Markdown (easy to share with teammates).",copyButton:"Copy Markdown",downloadButton:"Download Markdown",toastCopied:"Copied to clipboard",toastCopyFailed:"Copy failed. Please use Download.",ctaPrimary:"Start for Free",footerText:"Want feedback on your store assets pipeline and screenshot positioning? We are talking to early users.",footerCta:"DM @shipscreenscom on X"},ja:{badge:"構成テンプレ（5枚）",title:"5枚構成 スクショフレームワーク",subtitle:"既存ツールがあっても、Hook -> Problem -> Proof -> How -> CTA でサイズ/言語/リリース再実行のブレを抑える5枚構成テンプレ。見た目を画一化するためではなく、訴求順を固定するための型です。",heroCliTitle:"CLIクイックスタート（2ステップ）",heroCliNote:"wizard → build（raw / Playwright不要）。",heroCliSummary:"出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。",heroCliCopyLabel:"コマンドをすべてコピー",heroCliTemplatesLabel:"スターター雛形",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
-`),proUnlockTitle:"Proを解除（CLI）",proUnlockBody:"透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"初回のみブラウザでサインインします。以後は --require-pro で再実行。",navTools:"ツール",introTitle:"こんな時に使う",introBullets:["手作業/AI下書きがサイズ/言語でズレる","App Review/ASO で「最初のスクショが伝わらない」と言われたとき","見た目ではなく訴求の曖昧さで「よくある画面」に見えてしまう","多言語対応でコピーが長くなりがち","再実行できる流れ（サンプル→編集→Export）が欲しい"],hookRule:"確認: Hookが他の多くのアプリにも当てはまるなら、成果を具体化してください。",hookExamplesTitle:"Hook例（曖昧 vs 具体）",hookExamplesBadLabel:"曖昧",hookExamplesGoodLabel:"具体",hookExamples:[{bad:"お金のことを全部学べる",good:"10分で週次予算を作って、支出を自動で把握する"},{bad:"もっと賢い生産性アプリ",good:"毎日の3タスクを整理して、18時までに終わらせる"}],panelsTitle:"5枚の役割",panelCards:[{name:"Hook",goal:"結論（成果）を1行で。",header:"ヘッダー: 具体的な成果",subtitle:"サブ: 誰に/どれくらい",example:"例: スクショ更新をCIの1回再実行で完了"},{name:"Problem",goal:"痛みを具体化（数字が強い）。",header:"ヘッダー: 何がつらい",subtitle:"サブ: なぜ時間が溶ける",example:"例: 5×10×4 = 200枚"},{name:"Proof",goal:"不安を減らす材料。",header:"ヘッダー: 根拠",subtitle:"サブ: 仕様/ワークフロー適合",example:"例: Fastlane対応出力"},{name:"How",goal:"短いフローで再現性を。",header:"ヘッダー: 手順",subtitle:"サブ: 必要なもの",example:"例: master→CSV→Export"},{name:"CTA",goal:"次の一手を1つに。",header:"ヘッダー: 試す/開始",subtitle:"サブ: 次に起きること",example:"例: 無料で試す"}],toolsTitle:"資産",calculatorLink:"スクショ作業量 計算ツール",calculatorCaption:"端末×言語の爆発とサイズバケットを先に把握。",sampleTitle:"サンプルプロジェクト",sampleCaption:"5枚構成の雛形を開いて、画像だけ差し替えてください。",openSample:"サンプルを開く",downloadTitle:"ダウンロード",downloadCaption:"Markdownとして保存（チーム共有しやすい）。",copyButton:"Markdownをコピー",downloadButton:"MarkdownをDL",toastCopied:"コピーしました",toastCopyFailed:"コピーできませんでした。ダウンロードをご利用ください。",ctaPrimary:"無料で試す",footerText:"ストア素材パイプラインや訴求の相談があれば、15分だけ聞かせてください。改善案やテンプレをご案内します。",footerCta:"XでDM: @shipscreenscom"}},ie=()=>{const{i18n:r,t:n}=H(),{addToast:m}=U(),l=V(r.resolvedLanguage||r.language),t=C[l]||C.en,i=(A().entry_source||"")==="landing_entry_quick_ship_iphone_only",c=i?{quick_ship_path:"iphone_only"}:{};I("titles.fivePanelFramework",{defaultValue:l==="ja"?"5枚構成テンプレ - ShipScreens":"5-panel Screenshot Framework - ShipScreens"}),h.useEffect(()=>{a("tool_view",{tool:"five_panel_screenshot_framework"}),i&&a("quick_ship_path_progress",{step:"five_panel_view"})},[i]);const x=h.useMemo(()=>$(l),[l]),j="/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_app_header",v="/tools/agent-cli/",N=i?"quick_ship_iphone_only_first_export":"five_panel_screenshot_framework_primary_cta",S=i?"quick_ship_iphone_only_open_sample_project":"five_panel_screenshot_framework_open_sample_project",f=`/tools/first-export/?entry_source=${N}`,b=`/app/?sample=5panel&entry_source=${S}`,T="/downloads/shipscreens-agent-cli-config.yml",P="/downloads/shipscreens-agent-cli-copy.csv",k=n("common.copy",{defaultValue:"Copy"}),y=n("common.showCommands",{defaultValue:"Show commands"}),L=typeof window>"u"?!0:window.matchMedia("(min-width: 640px)").matches,E=h.useCallback(()=>{try{const o=`\uFEFF${x}`,p=new Blob([o],{type:"text/markdown;charset=utf-8"}),_=URL.createObjectURL(p),d=document.createElement("a");d.href=_,d.download=l==="ja"?"shipscreens-5panel-framework-ja.md":"shipscreens-5panel-framework.md",document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(_),a("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown"})}catch{}},[l,x]);return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white",children:[e.jsx(M,{}),e.jsx(O,{variant:"dark",active:"tools",openAppHref:j,onToolsClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_tools_header"}),onPricingClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"pricing_header"}),onOpenAppClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_app_header"}),primaryCta:{href:f,label:e.jsxs("span",{className:"inline-flex items-center gap-2",children:[n("landing.nav.primaryCta")," ",e.jsx(u,{size:16})]}),onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_header",...c})}}),e.jsxs("main",{className:"max-w-5xl mx-auto px-6 pb-24 space-y-12",children:[e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold",children:[e.jsx(D,{size:14}),t.badge]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-black leading-tight",children:t.title}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed",children:t.subtitle}),e.jsxs("div",{className:"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTitle}),e.jsx("p",{className:"text-xs text-slate-400",children:t.heroCliNote}),e.jsx("p",{className:"text-xs text-slate-500",children:t.heroCliSummary}),e.jsx(g,{value:t.heroCliCmd,onCopied:()=>{m({type:"success",message:t.toastCopied}),a("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_hero"})},onCopyFailed:()=>m({type:"error",message:t.toastCopyFailed}),className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold",children:({copyLabel:o,copyState:p})=>e.jsxs(e.Fragment,{children:[e.jsx(w,{size:14}),p==="idle"?t.heroCliCopyLabel:o||k]})}),e.jsxs("details",{className:"group",open:L,children:[e.jsxs("summary",{className:"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none",children:[e.jsx("span",{children:y}),e.jsx(q,{size:14,className:"text-slate-500 transition-transform duration-200 group-open:rotate-180"})]}),e.jsx("div",{className:"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:t.heroCliCmd})})]}),e.jsxs("div",{className:"pt-1 space-y-2",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTemplatesLabel}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("a",{href:T,download:!0,onClick:()=>a("tool_download",{tool:"five_panel_screenshot_framework",asset:"config_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliConfigLabel}),e.jsx("a",{href:P,download:!0,onClick:()=>a("tool_download",{tool:"five_panel_screenshot_framework",asset:"copy_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliCsvLabel})]})]})]}),e.jsx(R,{title:l==="ja"?"詳細: CLIガードレール + Pro解除":"Advanced: CLI guardrails + Pro unlock",codeToggleLabel:y,copyButtonLabel:k,preflightHref:"/tools/agent-cli/#preflight",onPreflightClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight"}),proUnlockTitle:t.proUnlockTitle,proUnlockBody:t.proUnlockBody,proUnlockCmd:t.proUnlockCmd,proUnlockNote:t.proUnlockNote,onProUnlockCopied:()=>a("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_pro_unlock"})}),e.jsx(F,{compact:!0,href:"/tools/agent-cli/#preflight",onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight_card"}),className:"max-w-xl mx-auto"})]}),e.jsx(z,{className:"max-w-4xl mx-auto w-full"}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.introTitle}),e.jsx("ul",{className:"text-sm text-slate-300 list-disc pl-5 space-y-1",children:t.introBullets.map(o=>e.jsx("li",{children:o},o))}),t.hookRule&&e.jsx("p",{className:"text-xs text-amber-300",children:t.hookRule})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.hookExamplesTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.hookExamples.map(o=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold",children:t.hookExamplesBadLabel}),e.jsxs("div",{className:"text-sm text-slate-200",children:['"',o.bad,'"']})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold",children:t.hookExamplesGoodLabel}),e.jsxs("div",{className:"text-sm text-white font-semibold",children:['"',o.good,'"']})]})]},`${o.bad}-${o.good}`))})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.panelsTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.panelCards.map((o,p)=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"text-sm font-bold text-slate-100",children:[p+1,". ",o.name]}),e.jsx("div",{className:"text-xs text-slate-500",children:"Panel"})]}),e.jsx("div",{className:"text-sm text-slate-300",children:o.goal}),e.jsxs("div",{className:"pt-2 space-y-1 text-xs text-slate-400",children:[e.jsx("div",{children:o.header}),e.jsx("div",{children:o.subtitle}),e.jsx("div",{className:"text-slate-200 font-semibold",children:o.example})]})]},o.name))})]}),e.jsx("section",{className:"space-y-4",children:e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.toolsTitle}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("a",{href:"/tools/screenshot-workload-calculator/",onClick:()=>a("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_calculator"}),className:"text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4 font-semibold",children:t.calculatorLink}),e.jsx("div",{className:"text-sm text-slate-300",children:t.calculatorCaption})]})]})}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.downloadTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.downloadCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs(g,{value:x,onCopied:()=>{m({type:"success",message:t.toastCopied}),a("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown_clipboard"})},onCopyFailed:()=>m({type:"error",message:t.toastCopyFailed}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition","aria-label":t.copyButton,children:[e.jsx(w,{size:16}),t.copyButton]}),e.jsxs("button",{type:"button",onClick:E,className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:[e.jsx(G,{size:16}),t.downloadButton]})]})]}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.sampleTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.sampleCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:f,onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_footer",...c}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full",children:[n("landing.nav.primaryCta")," ",e.jsx(u,{size:16})]}),e.jsxs("a",{href:b,onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_sample_project_footer",...c}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full",children:[t.openSample," ",e.jsx(u,{size:16})]})]})]}),e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-3 pt-2",children:[e.jsx("p",{className:"text-sm text-slate-400",children:t.footerText}),e.jsx("a",{href:"https://x.com/shipscreenscom",target:"_blank",rel:"noopener noreferrer",onClick:()=>a("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"dm_x"}),className:"text-sm text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4",children:t.footerCta})]})]}),e.jsx(B,{primary:{label:t.ctaPrimary,href:v,onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_primary",...c})},secondary:{label:t.openSample,href:b,onClick:o=>s(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_secondary",...c})}})]})};export{ie as default};
-//# sourceMappingURL=FivePanelFramework-BZKNcycb.js.map

package/dist/assets/FivePanelFramework-BZKNcycb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FivePanelFramework-BZKNcycb.js","sources":["../../src/pages/FivePanelFramework.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { ArrowRight, ChevronDown, Copy, Download, LayoutGrid } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport CopyButton from '../components/CopyButton';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport ToolGuardrailsPanel from '../components/ToolGuardrailsPanel';\nimport { useToast } from '../context/ToastContext';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\nimport { getAttributionParams } from '../lib/attribution';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst buildMarkdown = (lang) => {\n  if (lang === 'ja') {\n    return `# 5枚構成 スクショフレームワーク\n\nApp Store / Google Play のスクショを「5枚で伝える」ための構成テンプレです。\n\n## 1) Hook（結論）\n- 何が変わるか（成果）を1行で\n- 例: スクショをビルドステップに / 再実行で毎リリース\n\n## 2) Problem（痛み）\n- いま起きている苦痛を具体化（数字が強い）\n- 例: 5枚×10言語×4サイズ = 200枚\n\n## 3) Proof（根拠）\n- 信用・再現性の材料（仕様・実績・数字）\n- 例: Fastlane公式パス（dir/ZIP） / 再現性のある出力\n\n## 4) How（やり方）\n- どうやって実現するか（フローを短く）\n- 例: master layout → CSV/JSON copy → Export\n\n## 5) CTA（次の一手）\n- 読んだ後に何をすればいいかを1つに絞る\n- 例: 無料で試す / サンプルから開始\n\n## メモ\n- 翻訳は外部でOK（ShipScreensは翻訳しない）\n- UIは大きく（~80%目安）\n- キャプションは短く（6-8語目安）\n- 確認: 見出しが他の多くのアプリにも当てはまるなら、成果を具体化して書き直す\n`;\n  }\n\n  return `# 5-panel screenshot framework\n\nA simple structure to explain your app in five store screenshots.\n\n## 1) Hook (Outcome)\n- Say the result in one line\n- Example: Screenshots as a build step / Rerun exports every release\n\n## 2) Problem (Pain)\n- Make the pain concrete (numbers work)\n- Example: 5 shots × 10 locales × 4 sizes = 200 images\n\n## 3) Proof (Credibility)\n- Give confidence (specs, numbers, workflow fit)\n- Example: Fastlane-ready output (folders/ZIP) / Reproducible reruns\n\n## 4) How (Workflow)\n- Show the shortest path in steps\n- Example: Master layout → CSV/JSON copy → export\n\n## 5) CTA (Next step)\n- One clear action\n- Example: Try it free / Start from a sample project\n\n## Notes\n- Bring your translations; ShipScreens does not translate.\n- Keep UI big (~80% of the frame).\n- Keep captions short (<= 6-8 words).\n- Clarity check: if the headline could fit many apps, make the outcome more concrete.\n`;\n};\n\nconst COPY = {\n  en: {\n    badge: 'Screenshot structure template',\n    title: '5-panel Screenshot Framework',\n    subtitle:\n      'Use this structure even if you already have design tools: Hook -> Problem -> Proof -> How -> CTA keeps App Store / Google Play screenshots consistent across sizes/locales and release reruns without forcing a generic visual style.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix batch exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    navTools: 'Tools',\n    introTitle: 'Use this when…',\n    introBullets: [\n      'Manual Figma/Canva edits (or AI drafts) keep drifting across sizes/locales',\n      'App Review/ASO feedback says the first screenshot is unclear',\n      'Screenshots look generic because the message is vague, not because your style is wrong',\n      'Localization makes copy decisions expensive',\n      'You want a rerunnable flow (sample → edit → export)',\n    ],\n    hookRule:\n      'Clarity check: if your Hook could fit many apps, it is too broad. Make one concrete outcome explicit.',\n    hookExamplesTitle: 'Hook examples (vague vs concrete)',\n    hookExamplesBadLabel: 'Vague',\n    hookExamplesGoodLabel: 'Concrete',\n    hookExamples: [\n      {\n        bad: 'Learn everything about finance',\n        good: 'Build a weekly budget and track spending in 10 minutes',\n      },\n      {\n        bad: 'A smarter productivity app',\n        good: 'Plan your day in 3 tasks and finish by 6pm',\n      },\n    ],\n    panelsTitle: 'The 5 panels',\n    panelCards: [\n      {\n        name: 'Hook',\n        goal: 'Say the outcome in one line.',\n        header: 'Header: concrete outcome',\n        subtitle: 'Subtitle: for who / how fast',\n        example: 'Example: Ship screenshot updates in one CI rerun',\n      },\n      {\n        name: 'Problem',\n        goal: 'Make the pain concrete (numbers help).',\n        header: 'Header: what is painful',\n        subtitle: 'Subtitle: why it costs time',\n        example: 'Example: 5×10×4 = 200 images',\n      },\n      {\n        name: 'Proof',\n        goal: 'Add credibility and reduce doubt.',\n        header: 'Header: why trust this',\n        subtitle: 'Subtitle: spec / workflow fit',\n        example: 'Example: Fastlane-ready output',\n      },\n      {\n        name: 'How',\n        goal: 'Show the shortest reproducible workflow.',\n        header: 'Header: the steps',\n        subtitle: 'Subtitle: what you need',\n        example: 'Example: Master layout → CSV → Export',\n      },\n      {\n        name: 'CTA',\n        goal: 'One clear next action.',\n        header: 'Header: try / start',\n        subtitle: 'Subtitle: what happens next',\n        example: 'Example: Try it free',\n      },\n    ],\n    toolsTitle: 'Assets',\n    calculatorLink: 'Screenshot Workload Calculator',\n    calculatorCaption: 'Quantify the device × locale explosion and pick size buckets.',\n    sampleTitle: 'Sample project',\n    sampleCaption: 'Open a pre-filled 5-panel project in ShipScreens and replace the screenshots.',\n    openSample: 'Open sample project',\n    downloadTitle: 'Download',\n    downloadCaption: 'Save the framework as Markdown (easy to share with teammates).',\n    copyButton: 'Copy Markdown',\n    downloadButton: 'Download Markdown',\n    toastCopied: 'Copied to clipboard',\n    toastCopyFailed: 'Copy failed. Please use Download.',\n    ctaPrimary: 'Start for Free',\n    footerText: 'Want feedback on your store assets pipeline and screenshot positioning? We are talking to early users.',\n    footerCta: 'DM @shipscreenscom on X',\n  },\n  ja: {\n    badge: '構成テンプレ（5枚）',\n    title: '5枚構成 スクショフレームワーク',\n    subtitle: '既存ツールがあっても、Hook -> Problem -> Proof -> How -> CTA でサイズ/言語/リリース再実行のブレを抑える5枚構成テンプレ。見た目を画一化するためではなく、訴求順を固定するための型です。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    navTools: 'ツール',\n    introTitle: 'こんな時に使う',\n    introBullets: [\n      '手作業/AI下書きがサイズ/言語でズレる',\n      'App Review/ASO で「最初のスクショが伝わらない」と言われたとき',\n      '見た目ではなく訴求の曖昧さで「よくある画面」に見えてしまう',\n      '多言語対応でコピーが長くなりがち',\n      '再実行できる流れ（サンプル→編集→Export）が欲しい',\n    ],\n    hookRule: '確認: Hookが他の多くのアプリにも当てはまるなら、成果を具体化してください。',\n    hookExamplesTitle: 'Hook例（曖昧 vs 具体）',\n    hookExamplesBadLabel: '曖昧',\n    hookExamplesGoodLabel: '具体',\n    hookExamples: [\n      {\n        bad: 'お金のことを全部学べる',\n        good: '10分で週次予算を作って、支出を自動で把握する',\n      },\n      {\n        bad: 'もっと賢い生産性アプリ',\n        good: '毎日の3タスクを整理して、18時までに終わらせる',\n      },\n    ],\n    panelsTitle: '5枚の役割',\n    panelCards: [\n      { name: 'Hook', goal: '結論（成果）を1行で。', header: 'ヘッダー: 具体的な成果', subtitle: 'サブ: 誰に/どれくらい', example: '例: スクショ更新をCIの1回再実行で完了' },\n      { name: 'Problem', goal: '痛みを具体化（数字が強い）。', header: 'ヘッダー: 何がつらい', subtitle: 'サブ: なぜ時間が溶ける', example: '例: 5×10×4 = 200枚' },\n      { name: 'Proof', goal: '不安を減らす材料。', header: 'ヘッダー: 根拠', subtitle: 'サブ: 仕様/ワークフロー適合', example: '例: Fastlane対応出力' },\n      { name: 'How', goal: '短いフローで再現性を。', header: 'ヘッダー: 手順', subtitle: 'サブ: 必要なもの', example: '例: master→CSV→Export' },\n      { name: 'CTA', goal: '次の一手を1つに。', header: 'ヘッダー: 試す/開始', subtitle: 'サブ: 次に起きること', example: '例: 無料で試す' },\n    ],\n    toolsTitle: '資産',\n    calculatorLink: 'スクショ作業量 計算ツール',\n    calculatorCaption: '端末×言語の爆発とサイズバケットを先に把握。',\n    sampleTitle: 'サンプルプロジェクト',\n    sampleCaption: '5枚構成の雛形を開いて、画像だけ差し替えてください。',\n    openSample: 'サンプルを開く',\n    downloadTitle: 'ダウンロード',\n    downloadCaption: 'Markdownとして保存（チーム共有しやすい）。',\n    copyButton: 'Markdownをコピー',\n    downloadButton: 'MarkdownをDL',\n    toastCopied: 'コピーしました',\n    toastCopyFailed: 'コピーできませんでした。ダウンロードをご利用ください。',\n    ctaPrimary: '無料で試す',\n    footerText: 'ストア素材パイプラインや訴求の相談があれば、15分だけ聞かせてください。改善案やテンプレをご案内します。',\n    footerCta: 'XでDM: @shipscreenscom',\n  },\n};\n\nconst FivePanelFramework = () => {\n  const { i18n, t } = useTranslation();\n  const { addToast } = useToast();\n\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n  const attribution = getAttributionParams();\n  const inboundEntrySource = attribution.entry_source || '';\n  const isQuickShipPath = inboundEntrySource === 'landing_entry_quick_ship_iphone_only';\n  const quickShipPathParams = isQuickShipPath ? { quick_ship_path: 'iphone_only' } : {};\n\n  usePageTitle('titles.fivePanelFramework', {\n    defaultValue: lang === 'ja' ? '5枚構成テンプレ - ShipScreens' : '5-panel Screenshot Framework - ShipScreens',\n  });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'five_panel_screenshot_framework' });\n    if (isQuickShipPath) {\n      trackEvent('quick_ship_path_progress', { step: 'five_panel_view' });\n    }\n  }, [isQuickShipPath]);\n\n  const markdown = useMemo(() => buildMarkdown(lang), [lang]);\n  const openAppHref = '/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const firstExportEntrySource = isQuickShipPath\n    ? 'quick_ship_iphone_only_first_export'\n    : 'five_panel_screenshot_framework_primary_cta';\n  const sampleProjectEntrySource = isQuickShipPath\n    ? 'quick_ship_iphone_only_open_sample_project'\n    : 'five_panel_screenshot_framework_open_sample_project';\n  const firstExportHref = `/tools/first-export/?entry_source=${firstExportEntrySource}`;\n  const sampleProjectHref = `/app/?sample=5panel&entry_source=${sampleProjectEntrySource}`;\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const codeToggleLabel = t('common.showCommands', { defaultValue: 'Show commands' });\n  const defaultCodeOpen = typeof window === 'undefined' ? true : window.matchMedia('(min-width: 640px)').matches;\n\n  const downloadMarkdown = useCallback(() => {\n    try {\n      const content = `\\ufeff${markdown}`;\n      const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = lang === 'ja' ? 'shipscreens-5panel-framework-ja.md' : 'shipscreens-5panel-framework.md';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n      trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'markdown' });\n    } catch {\n      // noop\n    }\n  }, [lang, markdown]);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: firstExportHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'open_first_export_header',\n              ...quickShipPathParams,\n            }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <LayoutGrid size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.heroCliTitle}</div>\n            <p className=\"text-xs text-slate-400\">{copy.heroCliNote}</p>\n            <p className=\"text-xs text-slate-500\">{copy.heroCliSummary}</p>\n            <CopyButton\n              value={copy.heroCliCmd}\n              onCopied={() => {\n                addToast({ type: 'success', message: copy.toastCopied });\n                trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'copy_cli_hero' });\n              }}\n              onCopyFailed={() => addToast({ type: 'error', message: copy.toastCopyFailed })}\n              className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n            >\n              {({ copyLabel, copyState }) => (\n                <>\n                  <Copy size={14} />\n                  {copyState === 'idle' ? copy.heroCliCopyLabel : copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            <details className=\"group\" open={defaultCodeOpen}>\n              <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n                <span>{codeToggleLabel}</span>\n                <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n              </summary>\n              <div className=\"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.heroCliCmd}</pre>\n              </div>\n            </details>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n          </div>\n          <ToolGuardrailsPanel\n            title={lang === 'ja' ? '詳細: CLIガードレール + Pro解除' : 'Advanced: CLI guardrails + Pro unlock'}\n            codeToggleLabel={codeToggleLabel}\n            copyButtonLabel={copyButtonLabel}\n            preflightHref=\"/tools/agent-cli/#preflight\"\n            onPreflightClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'five_panel_screenshot_framework',\n                cta: 'open_cli_preflight',\n              })\n            }\n            proUnlockTitle={copy.proUnlockTitle}\n            proUnlockBody={copy.proUnlockBody}\n            proUnlockCmd={copy.proUnlockCmd}\n            proUnlockNote={copy.proUnlockNote}\n            onProUnlockCopied={() =>\n              trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'copy_cli_pro_unlock' })\n            }\n          />\n          <CliPreflightCard\n            compact\n            href=\"/tools/agent-cli/#preflight\"\n            onClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'five_panel_screenshot_framework',\n                cta: 'open_cli_preflight_card',\n              })\n            }\n            className=\"max-w-xl mx-auto\"\n          />\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.introTitle}</h2>\n          <ul className=\"text-sm text-slate-300 list-disc pl-5 space-y-1\">\n            {copy.introBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n          {copy.hookRule && <p className=\"text-xs text-amber-300\">{copy.hookRule}</p>}\n        </section>\n\n        <section className=\"space-y-4\">\n          <h2 className=\"text-xl font-bold text-white\">{copy.hookExamplesTitle}</h2>\n          <div className=\"grid md:grid-cols-2 gap-4\">\n            {copy.hookExamples.map((item) => (\n              <div key={`${item.bad}-${item.good}`} className=\"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-3\">\n                <div className=\"space-y-1\">\n                  <div className=\"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold\">\n                    {copy.hookExamplesBadLabel}\n                  </div>\n                  <div className=\"text-sm text-slate-200\">\"{item.bad}\"</div>\n                </div>\n                <div className=\"space-y-1\">\n                  <div className=\"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold\">\n                    {copy.hookExamplesGoodLabel}\n                  </div>\n                  <div className=\"text-sm text-white font-semibold\">\"{item.good}\"</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"space-y-4\">\n          <h2 className=\"text-xl font-bold text-white\">{copy.panelsTitle}</h2>\n          <div className=\"grid md:grid-cols-2 gap-4\">\n            {copy.panelCards.map((panel, idx) => (\n              <div key={panel.name} className=\"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-2\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"text-sm font-bold text-slate-100\">\n                    {idx + 1}. {panel.name}\n                  </div>\n                  <div className=\"text-xs text-slate-500\">Panel</div>\n                </div>\n                <div className=\"text-sm text-slate-300\">{panel.goal}</div>\n                <div className=\"pt-2 space-y-1 text-xs text-slate-400\">\n                  <div>{panel.header}</div>\n                  <div>{panel.subtitle}</div>\n                  <div className=\"text-slate-200 font-semibold\">{panel.example}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"space-y-4\">\n          <div className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n            <h2 className=\"text-lg font-bold text-white\">{copy.toolsTitle}</h2>\n            <div className=\"space-y-2\">\n              <a\n                href=\"/tools/screenshot-workload-calculator/\"\n                onClick={() => trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_calculator' })}\n                className=\"text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4 font-semibold\"\n              >\n                {copy.calculatorLink}\n              </a>\n              <div className=\"text-sm text-slate-300\">{copy.calculatorCaption}</div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.downloadTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.downloadCaption}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <CopyButton\n              value={markdown}\n              onCopied={() => {\n                addToast({ type: 'success', message: copy.toastCopied });\n                trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'markdown_clipboard' });\n              }}\n              onCopyFailed={() => addToast({ type: 'error', message: copy.toastCopyFailed })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n              aria-label={copy.copyButton}\n            >\n              <Copy size={16} />\n              {copy.copyButton}\n            </CopyButton>\n            <button\n              type=\"button\"\n              onClick={downloadMarkdown}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              <Download size={16} />\n              {copy.downloadButton}\n            </button>\n          </div>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.sampleTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.sampleCaption}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={firstExportHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'five_panel_screenshot_framework',\n                  cta: 'open_first_export_footer',\n                  ...quickShipPathParams,\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full\"\n            >\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'five_panel_screenshot_framework',\n                  cta: 'open_sample_project_footer',\n                  ...quickShipPathParams,\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full\"\n            >\n              {copy.openSample} <ArrowRight size={16} />\n            </a>\n          </div>\n        </section>\n\n        <section className=\"max-w-3xl mx-auto text-center space-y-3 pt-2\">\n          <p className=\"text-sm text-slate-400\">{copy.footerText}</p>\n          <a\n            href=\"https://x.com/shipscreenscom\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={() => trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'dm_x' })}\n            className=\"text-sm text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4\"\n          >\n            {copy.footerCta}\n          </a>\n        </section>\n      </main>\n      <StickyMobileCta\n        primary={{\n          label: copy.ctaPrimary,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'sticky_primary',\n              ...quickShipPathParams,\n            }),\n        }}\n        secondary={{\n          label: copy.openSample,\n          href: sampleProjectHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'sticky_secondary',\n              ...quickShipPathParams,\n            }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FivePanelFramework;\n"],"names":["normalizeLang","lang","buildMarkdown","COPY","FivePanelFramework","i18n","t","useTranslation","addToast","useToast","copy","isQuickShipPath","getAttributionParams","quickShipPathParams","usePageTitle","useEffect","trackEvent","markdown","useMemo","openAppHref","agentCliHref","firstExportEntrySource","sampleProjectEntrySource","firstExportHref","sampleProjectHref","configDownloadHref","csvDownloadHref","copyButtonLabel","codeToggleLabel","defaultCodeOpen","downloadMarkdown","useCallback","content","blob","url","link","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","LayoutGrid","CopyButton","copyLabel","copyState","Fragment","Copy","ChevronDown","ToolGuardrailsPanel","CliPreflightCard","FitPanel","item","panel","idx","Download","StickyMobileCta"],"mappings":"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"}

package/dist/assets/ForgotPassword-CKOfAvWk.js

@@ -1,2 +0,0 @@
-import{u as H,r as l,j as e}from"./index-my6BmN7T.js";import{c as N,D as S,a as E,b as R,d as A,f as C,g as v,A as D,e as I,h as U,i as F,j as k,k as V,m as M,u as z}from"./useAuth-N3hsUaDj.js";import{a as L,S as W}from"./LanguageSwitcher-BrToLEgF.js";import{S as $}from"./SiteHeader-NTK-cM9O.js";import{E as B,a as G}from"./eye-Dg61f0nU.js";const X=t=>N(A,R("ForgotPassword"),E(),{...S,...t});async function J(t){const{username:s}=t;C(!!s,v.EmptyResetPasswordUsername);const n=D.getConfig().Auth?.Cognito;I(n);const{userPoolClientId:o,userPoolId:i,userPoolEndpoint:d}=n,r=t.options?.clientMetadata,c=U({username:s,userPoolId:i,userPoolClientId:o}),u=(await X({endpointResolver:M({endpointOverride:d})})({region:V(i),userAgentValue:F(k.ResetPassword)},{Username:s,ClientMetadata:r,ClientId:o,UserContextData:c})).CodeDeliveryDetails;return{isPasswordReset:!1,nextStep:{resetPasswordStep:"CONFIRM_RESET_PASSWORD_WITH_CODE",codeDeliveryDetails:{deliveryMedium:u?.DeliveryMedium,destination:u?.Destination,attributeName:u?.AttributeName}}}}const K=t=>N(A,R("ConfirmForgotPassword"),E(),{...S,...t});async function Q(t){const s=D.getConfig().Auth?.Cognito;I(s);const{userPoolClientId:n,userPoolId:o,userPoolEndpoint:i}=s,{username:d,newPassword:r}=t;C(!!d,v.EmptyConfirmResetPasswordUsername),C(!!r,v.EmptyConfirmResetPasswordNewPassword);const c=t.confirmationCode;C(!!c,v.EmptyConfirmResetPasswordConfirmationCode);const m=t.options?.clientMetadata,h=U({username:d,userPoolId:o,userPoolClientId:n});await K({endpointResolver:M({endpointOverride:i})})({region:V(s.userPoolId),userAgentValue:F(k.ConfirmResetPassword)},{Username:d,ConfirmationCode:c,Password:r,ClientMetadata:m,ClientId:s.userPoolClientId,UserContextData:h})}const Y=()=>{if(typeof window>"u")return null;const s=new URLSearchParams(window.location.search).get("next");return!s||!s.startsWith("/")||s.startsWith("//")?null:s},oe=()=>{const{t}=H();L("titles.forgotPassword");const{isAuthenticated:s,isLoading:n}=z(),o=Y(),[i,d]=l.useState("request"),[r,c]=l.useState(""),[m,h]=l.useState(""),[u,T]=l.useState(""),[x,_]=l.useState(!1),[g,p]=l.useState(""),[b,w]=l.useState(""),[j,y]=l.useState(!1);l.useEffect(()=>{!n&&s&&(window.location.href=o||"/app/")},[s,n,o]);const q=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await J({username:r}),p(t("auth.forgot.codeSent")),d("confirm")}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}},O=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await Q({username:r,confirmationCode:m,newPassword:u}),p(t("auth.success.confirm")),window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}};return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col",children:[e.jsx(W,{}),e.jsx($,{variant:"dark",showX:!1}),e.jsx("main",{className:"flex-1 flex items-center justify-center px-4 pb-12",children:e.jsxs("div",{className:"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30",children:e.jsx("span",{className:"font-black text-lg",children:"S"})}),e.jsx("h1",{className:"text-2xl font-bold",children:t("auth.forgot.title")}),e.jsx("p",{className:"text-slate-400 text-sm",children:t("auth.forgot.subtitle")})]}),i==="request"&&e.jsxs("form",{onSubmit:q,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.sendCode")})]}),i==="confirm"&&e.jsxs("form",{onSubmit:O,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-code",className:"block text-sm text-slate-300",children:t("auth.code")}),e.jsx("input",{id:"forgot-code",type:"text",value:m,onChange:a=>h(a.target.value),required:!0,className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:"123456"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-new-password",className:"block text-sm text-slate-300",children:t("auth.forgot.newPassword")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"forgot-new-password",type:x?"text":"password",value:u,onChange:a=>T(a.target.value),required:!0,autoComplete:"new-password",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.passwordNew")}),e.jsx("button",{type:"button",onClick:()=>_(a=>!a),className:"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200","aria-label":x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),title:x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),children:x?e.jsx(B,{size:18}):e.jsx(G,{size:18})})]})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.reset")})]}),e.jsxs("div",{className:"text-center text-sm text-slate-400 space-y-1",children:[e.jsxs("div",{children:[t("auth.actions.haveAccount")," ",e.jsx("button",{type:"button",className:"text-blue-300 hover:text-blue-200 underline",onClick:()=>{window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"},children:t("auth.actions.goToSignIn")})]}),e.jsxs("div",{className:"text-slate-500 text-xs",children:[e.jsx("div",{children:t("auth.helper.terms")}),e.jsxs("div",{className:"mt-1 flex items-center justify-center gap-2",children:[e.jsx("a",{href:"/terms",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.terms")}),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsx("a",{href:"/privacy",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.privacy")})]})]})]})]})})]})};export{oe as default};
-//# sourceMappingURL=ForgotPassword-CKOfAvWk.js.map

package/dist/assets/ForgotPassword-CKOfAvWk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ForgotPassword-CKOfAvWk.js","sources":["../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/resetPassword.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/confirmResetPassword.mjs","../../src/pages/ForgotPassword.jsx"],"sourcesContent":["import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createForgotPasswordClient };\n//# sourceMappingURL=createForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Resets a user's password.\n *\n * @param input -  The ResetPasswordInput object.\n * @returns ResetPasswordOutput\n * @throws -{@link ForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n **/\nasync function resetPassword(input) {\n    const { username } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyResetPasswordUsername);\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const clientMetadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const forgotPassword = createForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    const res = await forgotPassword({\n        region: getRegionFromUserPoolId(userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ResetPassword),\n    }, {\n        Username: username,\n        ClientMetadata: clientMetadata,\n        ClientId: userPoolClientId,\n        UserContextData,\n    });\n    const codeDeliveryDetails = res.CodeDeliveryDetails;\n    return {\n        isPasswordReset: false,\n        nextStep: {\n            resetPasswordStep: 'CONFIRM_RESET_PASSWORD_WITH_CODE',\n            codeDeliveryDetails: {\n                deliveryMedium: codeDeliveryDetails?.DeliveryMedium,\n                destination: codeDeliveryDetails?.Destination,\n                attributeName: codeDeliveryDetails?.AttributeName,\n            },\n        },\n    };\n}\n\nexport { resetPassword };\n//# sourceMappingURL=resetPassword.mjs.map\n","import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createConfirmForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ConfirmForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createConfirmForgotPasswordClient };\n//# sourceMappingURL=createConfirmForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createConfirmForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Confirms the new password and verification code to reset the password.\n *\n * @param input -  The ConfirmResetPasswordInput object.\n * @throws -{@link ConfirmForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty confirmation code, password or username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n */\nasync function confirmResetPassword(input) {\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const { username, newPassword } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyConfirmResetPasswordUsername);\n    assertValidationError(!!newPassword, AuthValidationErrorCode.EmptyConfirmResetPasswordNewPassword);\n    const code = input.confirmationCode;\n    assertValidationError(!!code, AuthValidationErrorCode.EmptyConfirmResetPasswordConfirmationCode);\n    const metadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const confirmForgotPassword = createConfirmForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    await confirmForgotPassword({\n        region: getRegionFromUserPoolId(authConfig.userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ConfirmResetPassword),\n    }, {\n        Username: username,\n        ConfirmationCode: code,\n        Password: newPassword,\n        ClientMetadata: metadata,\n        ClientId: authConfig.userPoolClientId,\n        UserContextData,\n    });\n}\n\nexport { confirmResetPassword };\n//# sourceMappingURL=confirmResetPassword.mjs.map\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { resetPassword, confirmResetPassword } from 'aws-amplify/auth';\nimport { Eye, EyeOff } from 'lucide-react';\nimport useAuth from '../hooks/useAuth';\nimport usePageTitle from '../hooks/usePageTitle';\nimport StagingBadge from '../components/StagingBadge';\nimport SiteHeader from '../components/SiteHeader';\n\nconst readNextPath = () => {\n  if (typeof window === 'undefined') return null;\n  const params = new URLSearchParams(window.location.search);\n  const next = params.get('next');\n  if (!next) return null;\n  if (!next.startsWith('/') || next.startsWith('//')) return null;\n  return next;\n};\n\nconst ForgotPassword = () => {\n  const { t } = useTranslation();\n  usePageTitle('titles.forgotPassword');\n  const { isAuthenticated, isLoading } = useAuth();\n  const nextPath = readNextPath();\n  const [stage, setStage] = useState('request'); // request | confirm\n  const [email, setEmail] = useState('');\n  const [code, setCode] = useState('');\n  const [newPassword, setNewPassword] = useState('');\n  const [newPasswordVisible, setNewPasswordVisible] = useState(false);\n  const [message, setMessage] = useState('');\n  const [error, setError] = useState('');\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => {\n    if (!isLoading && isAuthenticated) {\n      window.location.href = nextPath || '/app/';\n    }\n  }, [isAuthenticated, isLoading, nextPath]);\n\n  const handleRequest = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await resetPassword({ username: email });\n      setMessage(t('auth.forgot.codeSent'));\n      setStage('confirm');\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const handleConfirm = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await confirmResetPassword({ username: email, confirmationCode: code, newPassword });\n      setMessage(t('auth.success.confirm'));\n      window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col\">\n      <StagingBadge />\n      <SiteHeader variant=\"dark\" showX={false} />\n      <main className=\"flex-1 flex items-center justify-center px-4 pb-12\">\n        <div className=\"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6\">\n        <div className=\"text-center space-y-2\">\n          <div className=\"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30\">\n            <span className=\"font-black text-lg\">S</span>\n          </div>\n          <h1 className=\"text-2xl font-bold\">{t('auth.forgot.title')}</h1>\n          <p className=\"text-slate-400 text-sm\">{t('auth.forgot.subtitle')}</p>\n        </div>\n\n        {stage === 'request' && (\n          <form onSubmit={handleRequest} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.sendCode')}\n            </button>\n          </form>\n        )}\n\n        {stage === 'confirm' && (\n          <form onSubmit={handleConfirm} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-code\" className=\"block text-sm text-slate-300\">\n                {t('auth.code')}\n              </label>\n              <input\n                id=\"forgot-code\"\n                type=\"text\"\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                required\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder=\"123456\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-new-password\" className=\"block text-sm text-slate-300\">\n                {t('auth.forgot.newPassword')}\n              </label>\n              <div className=\"relative\">\n                <input\n                  id=\"forgot-new-password\"\n                  type={newPasswordVisible ? 'text' : 'password'}\n                  value={newPassword}\n                  onChange={(e) => setNewPassword(e.target.value)}\n                  required\n                  autoComplete=\"new-password\"\n                  className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                  placeholder={t('auth.placeholders.passwordNew')}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setNewPasswordVisible((prev) => !prev)}\n                  className=\"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200\"\n                  aria-label={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                  title={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                >\n                  {newPasswordVisible ? <EyeOff size={18} /> : <Eye size={18} />}\n                </button>\n              </div>\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.reset')}\n            </button>\n          </form>\n        )}\n\n        <div className=\"text-center text-sm text-slate-400 space-y-1\">\n          <div>\n            {t('auth.actions.haveAccount')}{' '}\n            <button\n              type=\"button\"\n              className=\"text-blue-300 hover:text-blue-200 underline\"\n              onClick={() => {\n                window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n              }}\n            >\n              {t('auth.actions.goToSignIn')}\n            </button>\n          </div>\n          <div className=\"text-slate-500 text-xs\">\n            <div>{t('auth.helper.terms')}</div>\n            <div className=\"mt-1 flex items-center justify-center gap-2\">\n              <a href=\"/terms\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.terms')}\n              </a>\n              <span aria-hidden=\"true\">·</span>\n              <a href=\"/privacy\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.privacy')}\n              </a>\n            </div>\n          </div>\n        </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default ForgotPassword;\n"],"names":["createForgotPasswordClient","config","composeServiceApi","cognitoUserPoolTransferHandler","createUserPoolSerializer","createUserPoolDeserializer","DEFAULT_SERVICE_CLIENT_API_CONFIG","resetPassword","input","username","assertValidationError","AuthValidationErrorCode","authConfig","Amplify","assertTokenProviderConfig","userPoolClientId","userPoolId","userPoolEndpoint","clientMetadata","UserContextData","getUserContextData","codeDeliveryDetails","createCognitoUserPoolEndpointResolver","getRegionFromUserPoolId","getAuthUserAgentValue","AuthAction","createConfirmForgotPasswordClient","confirmResetPassword","newPassword","code","metadata","readNextPath","next","ForgotPassword","useTranslation","usePageTitle","isAuthenticated","isLoading","useAuth","nextPath","stage","setStage","useState","email","setEmail","setCode","setNewPassword","newPasswordVisible","setNewPasswordVisible","message","setMessage","error","setError","busy","setBusy","useEffect","handleRequest","e","err","key","handleConfirm","jsxs","jsx","StagingBadge","SiteHeader","prev","EyeOff","Eye"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/assets/Landing-D0cuDDUk.js

@@ -1,2 +0,0 @@
-import{u as te,r as se,t as h,j as e,b as n}from"./index-my6BmN7T.js";import{C as ae}from"./CopyButton-CPRHmu8l.js";import{c as I,a as it,S as ot,X as dt}from"./LanguageSwitcher-BrToLEgF.js";import{S as xt}from"./SiteHeader-NTK-cM9O.js";import{A as H}from"./arrow-right-Dglia5EE.js";import{S as le}from"./shield-check-BvKEQ2hc.js";import{T as pt}from"./terminal-CLpUSQqd.js";import{S as mt}from"./smartphone-I0w1b2DV.js";import{C as ht}from"./chevron-down-By2Ts8dG.js";import{C as ut}from"./check-B5h9hATV.js";const gt=[["path",{d:"M21.54 15H17a2 2 0 0 0-2 2v4.54",key:"1djwo0"}],["path",{d:"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",key:"1tzkfa"}],["path",{d:"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05",key:"14pb5j"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],ne=I("earth",gt);const bt=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],re=I("layers",bt);const ft=[["path",{d:"M5 12h14",key:"1ays0h"}]],jt=I("minus",ft);const Nt=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],yt=I("zap",Nt),W=[yt,re,le],Y=["text-yellow-400","text-green-400","text-cyan-400"],K=[re,ne,le],X=[pt,mt,ne],_t=(s,r)=>{if(typeof s!="string"||!s.startsWith("/")||!r)return s;const m=s.includes("?")?"&":"?";return`${s}${m}entry_source=${encodeURIComponent(r)}`},vt=(s,r)=>typeof s!="string"?`item_${r+1}`:s.startsWith("/tools/agent-cli/")?"agent_cli":s.startsWith("/tools/5-panel-screenshot-framework/")?"quick_ship_iphone_only":s.startsWith("/tools/screenshot-workload-calculator/")?"ops_pipeline_multi_locale":`item_${r+1}`,Z=s=>typeof s=="string"&&/^https?:\/\//i.test(s),At=()=>{const{t:s,i18n:r}=te(),a=(r.resolvedLanguage||r.language||"en").split("-")[0]==="ja";it("titles.landing");const b=s("landing.badges",{returnObjects:!0})||[],f=s("landing.features",{returnObjects:!0})||[],x=s("landing.pipeline",{returnObjects:!0})||{},c=s("landing.ciQuickstart",{returnObjects:!0})||{},i=s("landing.guardrails",{returnObjects:!0})||{},_=x.inputs||{},d=x.outputs||{},u=_.files||[],k=d.files||[],w=s("landing.entryPoints",{returnObjects:!0})||{},z=w.items||[],g=s("landing.comparison",{returnObjects:!0})||{},A=g.columns||[],M=g.rows||[],ce=g.legend||{},j=s("landing.fit",{returnObjects:!0})||{},q=j.bestBullets||[],E=j.notBullets||[],T=s("landing.pricing",{returnObjects:!0})||{},p=s("landing.socialProof",{returnObjects:!0})||{},$=s("landing.faq.items",{returnObjects:!0})||[],B=s("landing.footer.links",{returnObjects:!0})||[],V=s("landing.hero.alt",{defaultValue:"ShipScreens preview"}),D=s("landing.hero.outputs",{returnObjects:!0})||[],C=s("landing.hero.cliQuickstart",{returnObjects:!0})||{},o=s("landing.hero.outputExample",{returnObjects:!0})||{},F=o.messageExamples||[],ie=s("landing.hero.noLogin",{defaultValue:"No login required · Free forever"}),Q=s("landing.hero.proUnlockNote",{defaultValue:""}),R=s("landing.hero.proPriceNote",{defaultValue:""}),oe=s("landing.footer.copyright",{year:new Date().getFullYear()}),O=T.free||{},S=T.pro||{},N=T.cliProUnlock||{},de="/app/?sample=5panel&entry_source=landing_open_app_header",xe="/tools/agent-cli/?entry_source=landing_cli_quickstart",pe="/tools/first-export/?entry_source=landing_first_export_hero",me="/tools/first-export/?entry_source=landing_first_export_header",he="/app/?sample=5panel&entry_source=landing_open_app_pricing_free",ue="/app/?sample=5panel&upgrade=1&entry_source=landing_go_pro_pricing",ge="/downloads/shipscreens-github-actions-template.yml",be="/downloads/shipscreens-bitrise-template.yml",fe="/downloads/shipscreens-top20-category-headline-pack-2026-02.csv",je="/downloads/shipscreens-localization-handoff-template.csv",Ne="/downloads/shipscreens-localization-ci-checklist-2026-02.md",ye="/downloads/shipscreens-aso-variant-matrix-template.csv",_e="/downloads/shipscreens-japan-case-snapshots-2026-02.md",ve=a?"CIテンプレート（GitHub Actions / Bitrise）":"CI templates (GitHub Actions / Bitrise)",ke=a?"GitHub Actions テンプレをDL":"Download GitHub Actions template",we=a?"Bitrise テンプレをDL":"Download Bitrise template",Ce=a?"テンプレ品質 + ローカライズ運用パック":"Template quality + localization packs",Se=a?"トップ20カテゴリ×2（CSV）":"Top20 category x2 (CSV)",Le=a?"ローカライズ受け渡し（CSV）":"Localization handoff (CSV)",He=a?"ローカライズCIチェック（MD）":"Localization CI checklist (MD)",Pe=a?"ASO変種管理テンプレ（CSV）":"ASO variant matrix (CSV)",$e=a?"日本向けケース資料（MD）":"Japan case snapshots (MD)",Oe=a?"アップグレード前に料金・規約を確認":"Check pricing and policies before upgrade",Ie=s("landing.nav.pricing",{defaultValue:"Pricing"}),Te=s("landing.footer.terms"),ze=s("landing.footer.privacy"),Ae=s("landing.footer.legal"),U=a?"セキュリティ":"Security",Me=a?"実績":"Proof",qe=a?"返金: デジタルサービスの性質上、法令で必要な場合を除き返金はありません。いつでも解約可能です。会社: Shimauma Services, Inc.（東京）。":"Refund: due to the digital nature of the service, payments are non-refundable except where required by law. Cancel anytime. Company: Shimauma Services, Inc. (Tokyo).",Ee=a?"問い合わせ":"Contact",Be="/pricing",Ve="/terms",De="/privacy",Fe="/legal",Qe="/security",Re="/pricing?offer=pay_first",Ue=a?"pay-first オファー導線を試す":"Try pay-first offer path",v="support@shimaumaservices.co.jp",Ge=s("landing.partner.emailSubject",{defaultValue:"ShipScreens Founding / Design Partner"}),Je=s("landing.partner.emailBody",{defaultValue:""}),We=`mailto:${v}?subject=${encodeURIComponent(Ge)}&body=${encodeURIComponent(Je)}`,Ye="/proof",Ke=p.proofPacketHref||"/downloads/shipscreens-proof-packet-2026-02.md",Xe=p.proofPacketCta||(a?"日付付き proof packet を開く":"Open dated proof packet"),Ze=p.permissionedQuoteSubject||"ShipScreens permissioned customer quote request",et=p.permissionedQuoteBody||"",tt=p.permissionedQuoteCta||(a?"許諾済み顧客コメントを依頼":"Request a permissioned customer quote"),st=`mailto:${v}?subject=${encodeURIComponent(Ze)}&body=${encodeURIComponent(et)}`,at="/design-partner/?entry_source=landing_design_partner_offer",lt=a?"オファー詳細を見る":"See offer details",nt={"@context":"https://schema.org","@type":"SoftwareApplication",name:"ShipScreens",applicationCategory:"Multimedia",operatingSystem:"iOS, Android, Web",url:"https://shipscreens.com/",offers:{"@type":"Offer",priceCurrency:"USD",price:"19.00",availability:"https://schema.org/InStock"},description:s("landing.subheading"),provider:{"@type":"Organization",name:"ShipScreens",url:"https://shipscreens.com/"}},G=$.length>0?{"@context":"https://schema.org","@type":"FAQPage",mainEntity:$.map(t=>({"@type":"Question",name:t.q,acceptedAnswer:{"@type":"Answer",text:t.a}}))}:null;return se.useEffect(()=>{h("landing_view",{path:typeof window<"u"?window.location.pathname:"/"})},[]),e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white",children:[e.jsx(ot,{}),e.jsx(xt,{variant:"dark",active:"home",openAppHref:de,onToolsClick:t=>n(t,"landing_nav_click",{cta:"tools_header"}),onPricingClick:t=>n(t,"landing_nav_click",{cta:"pricing_header"}),onOpenAppClick:t=>n(t,"landing_nav_click",{cta:"open_app_header"}),primaryCta:{href:me,label:s("landing.nav.primaryCta",{defaultValue:s("landing.nav.goPro")}),onClick:t=>n(t,"landing_nav_click",{cta:"first_export_header"})}}),e.jsxs("main",{className:"max-w-7xl mx-auto px-6 space-y-24 pb-24",children:[e.jsxs("section",{className:"grid md:grid-cols-[1fr_1.4fr] gap-8 items-start",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsx("p",{className:"text-blue-300 text-sm font-semibold tracking-[0.2em] uppercase",children:s("landing.tagline")}),e.jsx("h1",{className:"text-4xl md:text-5xl font-black leading-tight",children:s("landing.headline")}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed",children:s("landing.subheading")}),s("landing.whoFor",{defaultValue:""})&&e.jsx("p",{className:"text-slate-400 text-sm",children:s("landing.whoFor")}),D.length>0&&e.jsx("ul",{className:"space-y-2 text-sm text-slate-200",children:D.map(t=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"mt-2 w-2 h-2 rounded-full bg-blue-400 inline-block"}),e.jsx("span",{children:t})]},t))}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsxs("a",{href:pe,onClick:t=>n(t,"landing_cta_click",{cta:"open_first_export_hero"}),className:"px-5 py-3 rounded-xl bg-blue-500 hover:bg-blue-600 font-bold flex items-center gap-2 transition",children:[s("landing.ctas.primary")," ",e.jsx(H,{size:16})]}),e.jsxs("a",{href:xe,onClick:t=>n(t,"landing_cta_click",{cta:"agent_cli_hero"}),className:"px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold flex items-center gap-2 hover:bg-slate-900 transition",children:[s("landing.ctas.secondarySample")," ",e.jsx(H,{size:16})]})]}),e.jsx("p",{className:"text-xs text-slate-500 font-medium ml-1",children:ie}),Q&&e.jsx("p",{className:"text-xs text-slate-500 ml-1",children:Q}),R&&e.jsx("p",{className:"text-xs text-slate-500 ml-1",children:R}),e.jsxs("div",{className:"ml-1 space-y-1",children:[e.jsx("p",{className:"text-xs text-slate-500",children:Oe}),e.jsxs("div",{className:"flex flex-wrap gap-2 text-xs",children:[e.jsx("a",{href:Be,onClick:t=>n(t,"landing_cta_click",{cta:"open_pricing_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Ie}),e.jsx("a",{href:Ve,onClick:t=>n(t,"landing_cta_click",{cta:"open_terms_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Te}),e.jsx("a",{href:De,onClick:t=>n(t,"landing_cta_click",{cta:"open_privacy_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:ze}),e.jsx("a",{href:Fe,onClick:t=>n(t,"landing_cta_click",{cta:"open_legal_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Ae}),e.jsx("a",{href:Qe,onClick:t=>n(t,"landing_cta_click",{cta:"open_security_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:U}),e.jsx("a",{href:Ye,onClick:t=>n(t,"landing_cta_click",{cta:"open_proof_trust_hero"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Me})]}),e.jsxs("p",{className:"text-[11px] text-slate-500",children:[qe," ",Ee,":"," ",e.jsx("a",{href:`mailto:${v}`,onClick:t=>n(t,"landing_cta_click",{cta:"open_contact_trust_hero"}),className:"underline underline-offset-4 hover:text-slate-300",children:v})]})]})]}),e.jsx("div",{className:"flex gap-6 text-sm text-slate-400",children:b.map((t,l)=>{const y=W[l%W.length],L=Y[l%Y.length];return e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(y,{size:16,className:L}),t]},`${t}-${l}`)})})]}),e.jsxs("div",{className:"rounded-2xl bg-slate-900/60 border border-slate-800 p-5 shadow-2xl space-y-3",children:[e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950/60 overflow-hidden",children:e.jsxs("video",{className:"w-full h-auto block",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"metadata",poster:"/app/assets/hero/demo-poster.jpg",children:[e.jsx("source",{src:"/app/assets/hero/demo.webm",type:"video/webm"}),e.jsx("source",{src:"/app/assets/hero/demo.mp4",type:"video/mp4"}),e.jsx("img",{src:"/app/assets/hero/demo-poster.jpg",alt:V,className:"w-full h-auto block"})]})}),C.code&&e.jsx(P,{label:C.label,code:C.code,defaultOpen:!1}),C.note&&e.jsx("p",{className:"text-xs text-slate-500",children:C.note})]})]}),o?.title&&e.jsxs("section",{id:"output-example",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2 max-w-3xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold",children:o.title}),o.desc&&e.jsx("p",{className:"text-slate-300",children:o.desc})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6 items-start",children:[e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950/60 p-5 space-y-3",children:[o.treeLabel&&e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500",children:o.treeLabel}),o.tree&&e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:o.tree})]}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:["01","02","03","04"].map(t=>e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950 overflow-hidden",children:e.jsx("img",{src:`/app/assets/proof/output-${t}.png`,alt:o.thumbAlt||V,loading:"lazy",className:"w-full h-auto object-cover"})},t))})]}),o.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center max-w-3xl mx-auto",children:o.note}),F.length>0&&e.jsxs("div",{className:"space-y-3 max-w-5xl mx-auto",children:[o.messageExamplesTitle&&e.jsx("h3",{className:"text-xl font-bold text-center text-white",children:o.messageExamplesTitle}),o.messageExamplesLead&&e.jsx("p",{className:"text-sm text-slate-300 text-center",children:o.messageExamplesLead}),e.jsx("div",{className:"grid md:grid-cols-3 gap-4",children:F.map((t,l)=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950/60 p-4 space-y-3",children:[t.category&&e.jsx("div",{className:"text-xs font-semibold tracking-[0.12em] uppercase text-blue-200",children:t.category}),t.bad&&e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold",children:o.messageExamplesBadLabel||"Vague"}),e.jsxs("div",{className:"text-sm text-slate-300",children:['"',t.bad,'"']})]}),t.good&&e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold",children:o.messageExamplesGoodLabel||"Concrete"}),e.jsxs("div",{className:"text-sm text-white font-semibold",children:['"',t.good,'"']})]})]},`${t.category||"example"}-${l}`))})]})]}),x&&x.title&&e.jsxs("section",{id:"pipeline",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:x.title}),e.jsx("p",{className:"text-slate-300",children:x.subtitle})]}),e.jsxs("div",{className:"grid gap-6 md:grid-cols-2",children:[e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-slate-800 space-y-4",children:[e.jsx("div",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:_.label}),e.jsx("h2",{className:"text-2xl font-bold",children:_.title}),e.jsx("p",{className:"text-sm text-slate-300 leading-relaxed",children:_.desc}),e.jsx("div",{className:"space-y-3",children:u.map((t,l)=>e.jsx(P,{label:t.label,code:t.code},t.label||l))})]}),e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-slate-800 space-y-4",children:[e.jsx("div",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:d.label}),e.jsx("h2",{className:"text-2xl font-bold",children:d.title}),e.jsx("p",{className:"text-sm text-slate-300 leading-relaxed",children:d.desc}),e.jsx("div",{className:"space-y-3",children:k.map((t,l)=>e.jsx(P,{label:t.label,code:t.code},t.label||l))}),d.note&&e.jsx("p",{className:"text-xs text-slate-500",children:d.note})]})]})]}),i?.title&&e.jsxs("section",{id:"guardrails",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2 max-w-3xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold",children:i.title}),i.subtitle&&e.jsx("p",{className:"text-slate-300",children:i.subtitle})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:(i.items||[]).map((t,l)=>e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-slate-800 space-y-3",children:[e.jsx("div",{className:"text-lg font-bold text-white",children:t.title}),e.jsx("p",{className:"text-sm text-slate-300 leading-relaxed",children:t.desc})]},t.title||l))}),i.example?.code&&e.jsxs("div",{className:"max-w-4xl mx-auto rounded-2xl border border-slate-800 bg-slate-950/60 p-5 space-y-3",children:[i.example?.label&&e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500",children:i.example.label}),e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:i.example.code})]}),i.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center max-w-3xl mx-auto",children:i.note})]}),c&&c.title&&e.jsxs("section",{id:"ci-quickstart",className:"max-w-3xl mx-auto space-y-4",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:c.title}),c.desc&&e.jsx("p",{className:"text-slate-300",children:c.desc})]}),c.code&&e.jsx(P,{label:c.codeLabel,code:c.code}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs text-slate-400 text-center",children:ve}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-3",children:[e.jsx("a",{href:ge,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_ci_template_github_actions"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:ke}),e.jsx("a",{href:be,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_ci_template_bitrise"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:we})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs text-slate-400 text-center",children:Ce}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-3",children:[e.jsx("a",{href:fe,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_top20_category_pack_csv"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:Se}),e.jsx("a",{href:je,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_localization_handoff_csv"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:Le}),e.jsx("a",{href:Ne,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_localization_ci_checklist_md"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:He}),e.jsx("a",{href:ye,download:!0,onClick:()=>h("landing_cta_click",{cta:"download_aso_variant_matrix_csv"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:Pe})]})]}),c.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center",children:c.note})]}),z.length>0&&e.jsxs("section",{id:"entry-points",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:w.title}),e.jsx("p",{className:"text-slate-300",children:w.subtitle})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:z.map((t,l)=>{const y=X[l%X.length],L=vt(t.href,l),J=`landing_entry_${L}`,rt=_t(t.href,J);return e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-slate-800 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-slate-800 text-blue-300 flex items-center justify-center",children:e.jsx(y,{size:18})}),e.jsx("h3",{className:"text-lg font-bold text-white",children:t.title})]}),e.jsx("p",{className:"text-sm text-slate-300 leading-relaxed",children:t.desc}),t.code&&e.jsx(P,{label:t.codeLabel,code:t.code}),t.cta&&t.href&&e.jsxs("a",{href:rt,onClick:ct=>n(ct,"landing_cta_click",{cta:`open_${L}_entry_point`,entry_point:L,target_entry_source:J}),className:"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors",children:[t.cta," ",e.jsx(H,{size:14})]})]},t.title||l)})})]}),e.jsx("section",{id:"problem",className:"grid md:grid-cols-3 gap-6",children:f.map((t,l)=>{const y=K[l%K.length];return e.jsx(kt,{Icon:y,title:t.title,desc:t.desc},t.title||l)})}),g?.title&&A.length>0&&M.length>0&&e.jsxs("section",{id:"comparison",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2 max-w-3xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold",children:g.title}),g.subtitle&&e.jsx("p",{className:"text-slate-300",children:g.subtitle})]}),e.jsx(wt,{columns:A,rows:M,legend:ce}),g.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center max-w-3xl mx-auto",children:g.note})]}),j?.title&&(q.length>0||E.length>0)&&e.jsxs("section",{id:"fit",className:"space-y-6",children:[e.jsx("div",{className:"text-center space-y-2 max-w-3xl mx-auto",children:e.jsx("h2",{className:"text-3xl font-bold",children:j.title})}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3",children:[e.jsx("div",{className:"text-lg font-bold text-emerald-200",children:j.bestTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:q.map(t=>e.jsx("li",{children:t},t))})]}),e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3",children:[e.jsx("div",{className:"text-lg font-bold text-amber-200",children:j.notTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:E.map(t=>e.jsx("li",{children:t},t))})]})]}),j.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center max-w-3xl mx-auto",children:j.note})]}),p&&((p.items||[]).length>0||(p.badges||[]).length>0)&&e.jsxs("section",{id:"social-proof",className:"space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("p",{className:"text-xs font-semibold tracking-[0.2em] text-blue-200 uppercase",children:p.title}),e.jsx("p",{className:"text-slate-300",children:p.caption})]}),(p.items||[]).length>0&&e.jsx("div",{className:"grid md:grid-cols-3 gap-4",children:p.items.map((t,l)=>e.jsxs("div",{className:"p-5 rounded-xl bg-slate-900/60 border border-slate-800 shadow-sm shadow-slate-900/40",children:[e.jsxs("p",{className:"text-slate-100 text-sm leading-relaxed mb-3",children:['"',t.quote,'"']}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"text-xs text-slate-400",children:[e.jsx("span",{className:"font-semibold text-slate-200",children:t.name})," · ",t.role]}),t.evidenceHref&&e.jsx("a",{href:t.evidenceHref,target:Z(t.evidenceHref)?"_blank":void 0,rel:Z(t.evidenceHref)?"noopener noreferrer":void 0,onClick:y=>n(y,"landing_cta_click",{cta:"open_social_proof_evidence",proof_item:t.name||`item_${l+1}`}),className:"text-[11px] text-blue-200 hover:text-blue-100 underline underline-offset-4",children:t.evidenceLabel||(a?"根拠リンク":"Evidence link")})]})]},`${t.name}-${l}`))}),(p.badges||[]).length>0&&e.jsx("div",{className:"flex flex-wrap justify-center gap-3 text-[11px] text-slate-300",children:p.badges.map(t=>e.jsx("span",{className:"px-3 py-1 rounded-full border border-slate-800 bg-slate-900/70",children:t},t))}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-3 text-xs",children:[e.jsx("a",{href:Ke,onClick:t=>n(t,"landing_cta_click",{cta:"open_proof_packet_social"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Xe}),e.jsx("a",{href:_e,onClick:t=>n(t,"landing_cta_click",{cta:"open_jp_case_packet_social"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:$e}),e.jsx("a",{href:st,onClick:t=>n(t,"landing_cta_click",{cta:"request_permissioned_quote_social"}),className:"text-blue-200 hover:text-blue-100 underline underline-offset-4",children:tt})]})]}),e.jsxs("section",{id:"design-partner",className:"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("div",{className:"text-lg font-bold text-white",children:s("landing.partner.title")}),e.jsx("div",{className:"text-sm text-slate-300 leading-relaxed",children:s("landing.partner.body")}),e.jsxs("a",{href:at,onClick:t=>n(t,"landing_cta_click",{cta:"open_design_partner_offer"}),className:"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 underline underline-offset-4",children:[lt," ",e.jsx(H,{size:14})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:We,onClick:()=>h("landing_cta_click",{cta:"email_design_partner"}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition",children:[s("landing.partner.emailCta")," ",e.jsx(H,{size:16})]}),e.jsx("a",{href:"https://x.com/shipscreenscom",target:"_blank",rel:"noopener noreferrer",onClick:()=>h("landing_cta_click",{cta:"dm_design_partner"}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:s("landing.partner.dmCta")})]}),e.jsxs("div",{className:"text-xs text-slate-500",children:[s("landing.partner.emailLabel")," ",e.jsx("a",{href:`mailto:${v}`,className:"underline underline-offset-4 hover:text-white",children:v})]})]}),e.jsxs("section",{id:"pricing",className:"grid md:grid-cols-2 gap-6",children:[e.jsx(ee,{title:O.title,price:O.price,bullets:O.bullets||[],cta:O.cta,href:he,trackingCta:"open_app_pricing_free",highlight:!1}),e.jsx(ee,{title:S.title,price:S.price,bullets:S.bullets||[],cta:S.cta,href:ue,trackingCta:"go_pro_pricing",highlight:!0,badge:S.badge})]}),e.jsx("div",{className:"text-center -mt-2",children:e.jsx("a",{href:Re,onClick:t=>n(t,"landing_cta_click",{cta:"open_pricing_pay_first_variant"}),className:"text-xs text-blue-200 hover:text-blue-100 underline underline-offset-4",children:Ue})}),N?.cmd&&e.jsx("section",{className:"max-w-3xl mx-auto w-full",children:e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx("div",{className:"text-sm font-bold text-white",children:N.title}),e.jsx("span",{className:"text-[10px] font-semibold tracking-[0.2em] text-amber-200 bg-amber-500/10 border border-amber-400/30 px-2 py-1 rounded-full",children:"PRO"})]}),N.body&&e.jsx("p",{className:"text-sm text-slate-300",children:N.body}),e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950/80 p-4",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:N.cmd})}),e.jsx("div",{className:"flex flex-col sm:flex-row gap-3",children:e.jsx(ae,{value:N.cmd,onCopied:()=>h("landing_cta_click",{cta:"copy_cli_pro_unlock"}),className:"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold"})}),N.note&&e.jsx("div",{className:"text-xs text-slate-500",children:N.note})]})}),$.length>0&&e.jsxs("section",{id:"faq",className:"max-w-3xl mx-auto w-full space-y-6",children:[e.jsx("h2",{className:"text-3xl font-bold text-center",children:s("landing.faq.title")}),e.jsx("div",{className:"space-y-4",children:$.map((t,l)=>e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-xl p-6",children:[e.jsx("h3",{className:"font-semibold text-lg mb-2",children:t.q}),e.jsx("p",{className:"text-slate-300 text-sm leading-relaxed",children:t.a})]},`${t.q}-${l}`))})]})]}),e.jsxs("footer",{className:"border-t border-slate-800 bg-slate-950 py-12 mt-24",children:[e.jsxs("div",{className:"max-w-6xl mx-auto px-6 flex flex-col md:flex-row justify-between items-start gap-6",children:[e.jsxs("div",{className:"flex items-center gap-2 text-slate-500 text-sm",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg border border-slate-800 bg-slate-950 p-1 flex items-center justify-center overflow-hidden",children:e.jsx("img",{src:"/app/assets/icons/favicon-32x32.png?v=3",alt:"ShipScreens",className:"w-full h-full object-contain",loading:"lazy"})}),e.jsx("span",{children:oe})]}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-8 text-sm text-slate-400",children:[e.jsx("a",{href:"/terms",className:"hover:text-white transition-colors",children:s("landing.footer.terms")}),e.jsx("a",{href:"/privacy",className:"hover:text-white transition-colors",children:s("landing.footer.privacy")}),e.jsx("a",{href:"/legal",className:"hover:text-white transition-colors",children:s("landing.footer.legal")}),e.jsx("a",{href:"/security",className:"hover:text-white transition-colors",children:U}),e.jsx("a",{href:"/llms.txt",className:"hover:text-white transition-colors",children:"LLMs"}),e.jsx("a",{href:"/ai-agents.json",className:"hover:text-white transition-colors",children:"AI Agents JSON"}),e.jsx("a",{href:"/mcp-server.json",className:"hover:text-white transition-colors",children:"MCP Server JSON"})]})]}),B.length>0&&e.jsx("div",{className:"max-w-6xl mx-auto px-6 mt-6 flex flex-wrap gap-4 text-xs text-slate-500",children:B.map(t=>e.jsx("a",{href:t.href,className:"hover:text-white transition-colors",children:t.label},t.label))})]}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(nt)}}),G&&e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(G)}})]})},kt=({Icon:s,title:r,desc:m})=>e.jsxs("div",{className:"p-5 rounded-xl bg-slate-900/60 border border-slate-800 hover:border-slate-700 transition",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-slate-800 text-blue-300 flex items-center justify-center mb-3",children:e.jsx(s,{})}),e.jsx("h3",{className:"text-lg font-bold mb-1",children:r}),e.jsx("p",{className:"text-slate-300 text-sm leading-relaxed",children:m})]}),wt=({columns:s,rows:r,legend:m})=>{const a={yes:m?.yes||"Yes",partial:m?.partial||"Partial",no:m?.no||"No"},b={yes:{Icon:ut,className:"text-emerald-300",label:a.yes},partial:{Icon:jt,className:"text-amber-300",label:a.partial},no:{Icon:dt,className:"text-slate-500",label:a.no}},f=d=>{const u=b[d]||b.partial,k=u.Icon;return e.jsxs("span",{className:`inline-flex items-center justify-center w-8 h-8 rounded-lg border border-slate-800 bg-slate-950/60 ${u.className}`,"aria-label":u.label,children:[e.jsx("span",{className:"sr-only",children:u.label}),e.jsx(k,{size:16})]})},x=Array.isArray(s)?s.filter(Boolean):[],c=x.length,i={gridTemplateColumns:`1.4fr repeat(${c||1}, minmax(0, 1fr))`},_=Math.max(640,320+c*180);return e.jsx("div",{className:"overflow-auto rounded-2xl border border-slate-800 bg-slate-900/40",children:e.jsxs("div",{style:{minWidth:_},children:[e.jsxs("div",{className:"grid gap-0 border-b border-slate-800",style:i,children:[e.jsxs("div",{className:"p-4 text-xs uppercase tracking-[0.2em] text-slate-500 font-semibold",children:[a.yes," / ",a.partial," / ",a.no]}),x.map(d=>e.jsx("div",{className:"p-4 text-sm font-bold text-white text-center border-l border-slate-800",children:d},d))]}),(r||[]).map((d,u)=>e.jsxs("div",{className:`grid gap-0 ${u===r.length-1?"":"border-b border-slate-800"}`,style:i,children:[e.jsx("div",{className:"p-4 text-sm text-slate-200",children:e.jsx("div",{className:"font-semibold text-white",children:d.label})}),(d.values||[]).slice(0,c).map((k,w)=>e.jsx("div",{className:"p-4 flex items-center justify-center border-l border-slate-800",children:f(k)},`${d.label}-${w}`))]},`${d.label}-${u}`))]})})},ee=({title:s,price:r,bullets:m,cta:a,href:b,trackingCta:f,highlight:x,badge:c})=>e.jsxs("div",{className:`p-6 rounded-2xl border ${x?"border-blue-500 bg-blue-500/10 shadow-lg shadow-blue-500/20":"border-slate-800 bg-slate-900/60"} flex flex-col gap-4`,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"text-xl font-bold",children:s}),x&&c&&e.jsx("span",{className:"text-xs px-2 py-1 rounded bg-blue-500 text-white font-semibold",children:c})]}),e.jsx("div",{className:"text-3xl font-black",children:r}),e.jsx("ul",{className:"text-slate-200 space-y-2 text-sm",children:m.map(i=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-blue-400 inline-block"}),i]},i))}),e.jsx("a",{href:b,onClick:i=>f?n(i,"landing_cta_click",{cta:f}):void 0,className:`mt-auto inline-flex justify-center items-center px-4 py-3 rounded-xl font-bold transition ${x?"bg-blue-500 text-white hover:bg-blue-600":"bg-white text-slate-900 hover:scale-[1.02]"}`,children:a})]}),P=({label:s,code:r,defaultOpen:m})=>{const{t:a}=te(),[b,f]=se.useState(()=>typeof m=="boolean"?m:typeof window>"u"?!0:window.matchMedia("(min-width: 640px)").matches);if(!r)return null;const x=a("common.showCommands",{defaultValue:"Show commands"});return e.jsxs("div",{className:"rounded-xl border border-slate-800 bg-slate-950/80 p-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 mb-2",children:[e.jsx("div",{className:"min-w-0",children:s&&e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500",children:s})}),e.jsx(ae,{value:r,className:"shrink-0 text-[11px] px-2 py-1 rounded-md border border-slate-700 bg-slate-900/60 text-slate-200 hover:bg-slate-900 transition disabled:opacity-50 disabled:cursor-not-allowed"})]}),e.jsxs("details",{className:"group",open:b,onToggle:c=>f(c.currentTarget.open),children:[e.jsxs("summary",{className:"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none",children:[e.jsx("span",{children:x}),e.jsx(ht,{size:14,className:"text-slate-500 transition-transform duration-200 group-open:rotate-180"})]}),e.jsx("pre",{className:"mt-2 text-xs text-slate-200 font-mono whitespace-pre leading-relaxed overflow-auto",children:r})]})]})};export{At as default};
-//# sourceMappingURL=Landing-D0cuDDUk.js.map