// ===================================================== // トップページ(LP型) — lp1.nihon-planner.com の構成・見た目を参考に // 令和財託の実データで構成。Header / Footer / 下層ページは app.jsx のまま。 // ===================================================== const lpIcons = { phone: ( ), calendar: ( ), bank: ( ), coins: ( ), yen: ( ), check: ( ), people: ( ), line: ( ), }; // ===== 追従バナー ===== // PC: 画面右端に縦型で追従する「電話」「LINE」ボタン // スマホ: 画面下部に固定表示される「電話」「LINE」ボタン // ※トップページ(LP型)のみに表示。公式LINEのURLが未発行の間は // COMPANY.lineUrl が '#' のままでも動作するが、クリック時にアラートで案内する。 function LpFollowBar({ COMPANY }) { const handleLineClick = (e) => { if (!COMPANY.lineUrl || COMPANY.lineUrl === '#') { e.preventDefault(); alert('只今、公式LINEの準備中です。お急ぎの場合はお電話にてご連絡ください。'); } }; return ( <> {/* PC用: 画面右端に追従する縦型ボタン */}
{lpIcons.phone} 電話 {lpIcons.line} LINE
{/* スマホ用: 画面下部に固定する横型バー */}
{lpIcons.phone} 電話で相談 {lpIcons.line} 公式LINE
); } function LpCtaButtons({ setPage, COMPANY }) { return (
{lpIcons.phone} {COMPANY.tel} {COMPANY.hours}
); } function LpHead({ en, children, light }) { return (
{en &&
{en}
}

{children}

); } function LpStepBadge({ n }) { const id = 'lpArc' + n; return ( Flow of Factoring STEP {String(n).padStart(2, '0')} ); } function LpFaq({ items }) { const [open, setOpen] = React.useState(0); const [isMobile, setIsMobile] = React.useState(false); const [expanded, setExpanded] = React.useState(false); React.useEffect(() => { const check = () => setIsMobile(window.innerWidth <= 768); check(); window.addEventListener('resize', check); return () => window.removeEventListener('resize', check); }, []); const MOBILE_VISIBLE = 5; const visibleItems = (isMobile && !expanded) ? items.slice(0, MOBILE_VISIBLE) : items; return (
{visibleItems.map((f, i) => (
{open === i && (
A
)}
))} {isMobile && !expanded && items.length > MOBILE_VISIBLE && ( )}
); } function LpForm({ setPage, setConsultEntrySubmissionId }) { // 無料相談ページ(STEP1)と全く同じ入力項目・送信先に統一。 // ここで送信すると /api/consult/step1 にデータが入り、無料相談ページのSTEP2(書類提出)へ // そのまま進めるようになる(二重入力をなくし、書類提出までのスピードを上げるため)。 const [form, setForm] = React.useState({ company: '', revenue: '', ceo: '', address: '', tel: '', email: '', desiredAmount: '', desiredTiming: '', note: '', }); const [submissionId, setSubmissionId] = React.useState(null); const [status, setStatus] = React.useState('idle'); // idle | sending | done | error const [errorMsg, setErrorMsg] = React.useState(''); const update = (k, v) => setForm(s => ({ ...s, [k]: v })); const handleSubmit = async (e) => { e.preventDefault(); setStatus('sending'); setErrorMsg(''); try { const res = await fetch('/api/consult/step1', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(form) }); const data = await res.json(); if (!res.ok || !data.ok) { throw new Error(data.error || '送信に失敗しました。'); } setSubmissionId(data.submissionId); setStatus('done'); } catch (err) { setStatus('error'); setErrorMsg(err.message || '送信中にエラーが発生しました。時間をおいて再度お試しください。'); } }; const goToDocumentSubmit = () => { if (setConsultEntrySubmissionId) setConsultEntrySubmissionId(submissionId); if (setPage) setPage('consult'); }; if (status === 'done') { return (
ご入力ありがとうございます

ファクタリングによる資金調達のご相談を承りました。
引き続き必要書類をご提出いただくと、審査・入金までのスピードが早まります。

担当者より、営業時間内に折り返しご連絡いたします。お急ぎの場合はお電話でご相談ください。

); } return (