// Top page sections for kashinoya — real positioning, no fabricated figures/cases/tel const { useState, useEffect, useRef } = React; // ============ Split Hero (Tech × Touch) ============ function SplitHero() { const [hovered, setHovered] = useState(null); // 'tech' | 'touch' | null const [isWide, setIsWide] = useState(window.innerWidth >= 980); useEffect(() => { const onResize = () => setIsWide(window.innerWidth >= 980); window.addEventListener("resize", onResize); return () => window.removeEventListener("resize", onResize); }, []); // Use flex-grow instead of explicit widths so flex: 1 1 0 works const techFlex = !isWide ? "1 1 100%" : hovered === "tech" ? "1.16 1 0" : hovered === "touch" ? "0.84 1 0" : "1 1 0"; const touchFlex = !isWide ? "1 1 100%" : hovered === "touch" ? "1.16 1 0" : hovered === "tech" ? "0.84 1 0" : "1 1 0"; return (
{/* SVG clip-path definitions — used to curve the touch (right) side's left edge */}
setHovered("tech")} onMouseLeave={() => setHovered(null)} >
AI & DX SOLUTIONS

テクノロジーで、
組織の限界を
突破する。

生成AI導入コンサルティングから、IT・DXシステムの開発・実装まで。 最先端の技術で、企業の生産性を劇的に向上させます。

setHovered("touch")} onMouseLeave={() => setHovered(null)} >
PROFESSIONAL SUPPORT

プロフェッショナルが、
事業の成長を
伴走する。

補助金、経営支援、そして行政との連携。 「人」による手厚いサポートで、持続可能な成長を実現します。

サポート内容を見る
{isWide && ( )}
SCROLL
); } // ============ Concept Bridge ============ function ConceptBridge() { return (
{/* decorative bg */}
); } // ============ Solutions Detail ============ function SolutionsDetail() { return (
); } function SolCard({ theme, icon, title, desc, tags, num, metric }) { return ( {num &&
{num}
}
{icon}

{title}

{desc}

{metric && (
{metric.value} {metric.label}
)}
{tags.map((t, i) => ( {t} ))}
); } // ============ Cross-Sell Section ============ function CrossSell() { return (
THE KASHINOYA EDGE

AI導入のコスト課題を、
補助金活用で解決しませんか？

「技術」と「資金調達」の両方に精通した樫乃屋だからこそできる提案があります。 IT導入補助金を活用し、実質負担を抑えて AI を導入可能です。

TECH 技術
SUPPORT 支援
×
); } // ============ News + Contact CTA ============ function NewsAndCTA() { const items = [ { date: "2026.05.02", tag: "補助金活用", title: "【第18回】小規模事業者持続化補助金 実績報告ガイド" }, { date: "2026.04.23", tag: "補助金活用", title: "【第18回】小規模事業者持続化補助金 採択後の交付申請・事業実施ガイド" }, { date: "2026.01.06", tag: "お知らせ", title: "【2026年度予定】デジタル化・AI導入補助金とは？2025年度との違い" }, { date: "2026.01.05", tag: "補助金活用", title: "5分で理解！持続化補助金とは？事例でポイント解説" }, ]; return (
NEWS & INSIGHTS

最新の知見を、お届け。

一覧を見る
{items.map((n, i) => (
{n.date}
{n.tag}
{n.title}
 ))}
); } // ============ Contact Block ============ function ContactBlock() { return (
CONTACT

まずは、無料相談から。

技術の話も、補助金の話も、まずは現状をお聞かせください。
樫乃屋がフィットするかどうか、一緒に確かめましょう。

初回相談無料 · 3営業日以内に返信 · 全国オンライン対応
); } Object.assign(window, { SplitHero, ConceptBridge, SolutionsDetail, CrossSell, NewsAndCTA, ContactBlock });