貿易AI・生成AI資金調達トレンド2024-25：主要案件・投資家・競争地図と示唆

import React from 'react';

const TradeAIFundingAnalysis = () => {
  // 資金調達データ
  const fundingData = [
    { company: 'Shippio', country: '日本', amount: 3240, year: 2025, round: 'Series C', cumulative: 7000 },
    { company: 'LightSource', country: '米国', amount: 5000, year: 2025, round: 'Series A', cumulative: 5000 },
    { company: 'HappyRobot', country: '米国', amount: 4400, year: 2024, round: 'Series B', cumulative: 4400 },
    { company: 'Nauta', country: '米国', amount: 700, year: 2025, round: 'Seed', cumulative: 700 },
    { company: 'Caspian', country: '米国', amount: 540, year: 2024, round: 'Seed', cumulative: 540 },
    { company: 'project44', country: '米国', amount: 0, year: 2021, round: 'Unicorn', cumulative: 120000 },
    { company: 'Arnata', country: '米国', amount: 650, year: 2023, round: 'Seed', cumulative: 650 }
  ];

  // 市場規模予測データ
  const marketGrowth = [
    { year: 2024, genAI: 1300, supplyChainAI: 9100 },
    { year: 2030, genAI: 15000, supplyChainAI: 40500 },
    { year: 2034, genAI: 23100, supplyChainAI: 60000 }
  ];

  // 投資トレンドデータ
  const investmentTrends = [
    { year: 2022, amount: 29000, deals: 273, avgDeal: 33 },
    { year: 2023, amount: 29000, deals: 273, avgDeal: 106 },
    { year: 2024, amount: 131500, deals: 171, avgDeal: 407 }
  ];

  // 主要企業の特徴
  const companies = [
    {
      category: 'AI Startups',
      companies: [
        { name: 'Shippio', feature: '国際物流プラットフォーム、AIエージェント通関自動化', impact: '累計70億円調達' },
        { name: 'LightSource', feature: '調達・サプライチェーンAIプラットフォーム', impact: '50億円調達' },
        { name: 'Arnata', feature: 'AIワークフォースプラットフォーム', impact: 'バックオフィス工数91%削減' },
        { name: 'project44', feature: 'リアルタイム可視化・予測分析', impact: '評価額12億ドル' }
      ]
    },
    {
      category: 'Disruptors',
      companies: [
        { name: 'Flexport', feature: 'デジタルフォワーダー、AI書類自動化', impact: '2024年売上21億ドル' },
        { name: 'Amazon Logistics', feature: '自社配送ネットワーク、AI最適化', impact: '2022年投資610億ドル' }
      ]
    },
    {
      category: 'Incumbents',
      companies: [
        { name: 'C.H. Robinson', feature: '伝統的3PL、AI導入中', impact: 'メール自動化1万件/日' },
        { name: 'Maersk', feature: '海運大手、生成AI活用', impact: '船舶運行最適化' }
      ]
    }
  ];

  // M&A事例
  const maDeals = [
    { acquirer: 'Uber Freight', target: 'Transplace', amount: 2250, year: 2024 },
    { acquirer: 'Flexport', target: 'Shopify物流部門', amount: 0, year: 2024 },
    { acquirer: 'RXO', target: 'Coyote Logistics', amount: 1050, year: 2024 }
  ];

  // VC投資理由
  const vcReasons = [
    { reason: '実証済みのユニットエコノミクス', detail: 'バックオフィス工数最大91%削減、即座のROI' },
    { reason: '巨大な市場規模', detail: '3PL市場1.27兆ドル、管理費20-30%削減余地' },
    { reason: '景気後退に強い', detail: 'Eコマース成長、リショアリングで持続需要' },
    { reason: '技術転換点', detail: '生成AI・LLMで非構造化データ処理可能に' },
    { reason: 'ネットワーク効果', detail: '120万運送業者の断片化市場、プラットフォーム集約' },
    { reason: '拡大・イグジット機会', detail: '活発なM&A、倉庫・保険等へ垂直展開' }
  ];

  // AI活用ユースケース
  const useCases = [
    { area: '書類業務', impact: '年間49,000時間削減', example: '伊藤忠商事AI-OCR' },
    { area: '貨物管理', impact: '滞貨コスト80%削減', example: 'Nauta AIプラットフォーム' },
    { area: '通関手続き', impact: '処理時間75%削減', example: 'NLP申告書チェック' },
    { area: '需要予測', impact: '誤差50%削減', example: 'AI予測分析' },
    { area: '貿易金融', impact: '与信審査期間短縮', example: 'Drip Capital生成AI' }
  ];

  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-indigo-50 p-8">
      <div className="max-w-7xl mx-auto">
        {/* ヘッダー */}
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-gray-900 mb-4">
            貿易特化AI/生成AIスタートアップ
            <br />資金調達トレンド分析
          </h1>
          <p className="text-lg text-gray-600">2023-2025年の国内外動向</p>
        </div>

        {/* 主要資金調達事例 */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">1</span>
            主要資金調達事例（2023-2025年）
          </h2>
          <div className="overflow-x-auto">
            <table className="w-full">
              <thead>
                <tr className="border-b-2 border-gray-200">
                  <th className="text-left py-3 px-4 font-semibold text-gray-700">企業名</th>
                  <th className="text-left py-3 px-4 font-semibold text-gray-700">国</th>
                  <th className="text-right py-3 px-4 font-semibold text-gray-700">調達額（百万円）</th>
                  <th className="text-center py-3 px-4 font-semibold text-gray-700">ラウンド</th>
                  <th className="text-right py-3 px-4 font-semibold text-gray-700">累計調達額</th>
                  <th className="text-center py-3 px-4 font-semibold text-gray-700">年</th>
                </tr>
              </thead>
              <tbody>
                {fundingData.map((item, idx) => (
                  <tr key={idx} className="border-b border-gray-100 hover:bg-blue-50 transition-colors">
                    <td className="py-3 px-4 font-medium text-gray-900">{item.company}</td>
                    <td className="py-3 px-4 text-gray-600">{item.country}</td>
                    <td className="py-3 px-4 text-right font-semibold text-blue-600">
                      {item.amount > 0 ? item.amount.toLocaleString() : '-'}
                    </td>
                    <td className="py-3 px-4 text-center">
                      <span className={`px-3 py-1 rounded-full text-xs font-semibold ${
                        item.round === 'Seed' ? 'bg-green-100 text-green-700' :
                        item.round === 'Series A' ? 'bg-blue-100 text-blue-700' :
                        item.round === 'Series B' ? 'bg-purple-100 text-purple-700' :
                        item.round === 'Series C' ? 'bg-orange-100 text-orange-700' :
                        'bg-yellow-100 text-yellow-700'
                      }`}>
                        {item.round}
                      </span>
                    </td>
                    <td className="py-3 px-4 text-right text-gray-700">
                      {item.cumulative > 1000 ? `${(item.cumulative/1000).toFixed(1)}億円` : `${item.cumulative}百万円`}
                    </td>
                    <td className="py-3 px-4 text-center text-gray-600">{item.year}</td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        </div>

        {/* 投資トレンド */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">2</span>
            グローバル生成AI投資トレンド
          </h2>
          <div className="grid md:grid-cols-3 gap-6 mb-6">
            {investmentTrends.map((item, idx) => (
              <div key={idx} className="bg-gradient-to-br from-blue-50 to-indigo-50 rounded-lg p-6 border border-blue-200">
                <div className="text-3xl font-bold text-blue-600 mb-2">{item.year}年</div>
                <div className="space-y-2">
                  <div className="flex justify-between items-center">
                    <span className="text-gray-600">投資総額</span>
                    <span className="font-bold text-gray-900">${(item.amount/1000).toFixed(1)}B</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-gray-600">案件数</span>
                    <span className="font-bold text-gray-900">{item.deals}件</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-gray-600">平均調達額</span>
                    <span className="font-bold text-gray-900">${item.avgDeal}M</span>
                  </div>
                </div>
              </div>
            ))}
          </div>
          <div className="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded">
            <p className="text-sm text-gray-700">
              <strong>トレンド:</strong> 2024年は投資総額が52%増加したが、案件数は37%減少。
              平均調達額は12倍に増加し、投資の大規模化・選別化が進行。
            </p>
          </div>
        </div>

        {/* 市場規模予測 */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">3</span>
            市場規模成長予測
          </h2>
          <div className="grid md:grid-cols-3 gap-6">
            {marketGrowth.map((item, idx) => (
              <div key={idx} className="text-center">
                <div className="text-2xl font-bold text-gray-900 mb-4">{item.year}年</div>
                <div className="space-y-4">
                  <div className="bg-gradient-to-r from-purple-100 to-purple-50 rounded-lg p-4">
                    <div className="text-sm text-gray-600 mb-1">物流生成AI市場</div>
                    <div className="text-2xl font-bold text-purple-600">
                      ${(item.genAI/100).toFixed(1)}B
                    </div>
                  </div>
                  <div className="bg-gradient-to-r from-blue-100 to-blue-50 rounded-lg p-4">
                    <div className="text-sm text-gray-600 mb-1">サプライチェーンAI市場</div>
                    <div className="text-2xl font-bold text-blue-600">
                      ${(item.supplyChainAI/100).toFixed(1)}B
                    </div>
                  </div>
                </div>
              </div>
            ))}
          </div>
          <div className="mt-6 bg-green-50 border-l-4 border-green-400 p-4 rounded">
            <p className="text-sm text-gray-700">
              <strong>成長率:</strong> サプライチェーンAI市場は2024-2030年でCAGR 28.2%、
              物流生成AI市場は2024-2034年で17.8倍に成長予測。
            </p>
          </div>
        </div>

        {/* VC投資理由 */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">4</span>
            VCが物流AIに投資する6つの理由
          </h2>
          <div className="grid md:grid-cols-2 gap-4">
            {vcReasons.map((item, idx) => (
              <div key={idx} className="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-5 border border-blue-200 hover:shadow-md transition-shadow">
                <div className="flex items-start">
                  <div className="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0 text-sm font-bold">
                    {idx + 1}
                  </div>
                  <div>
                    <h3 className="font-bold text-gray-900 mb-2">{item.reason}</h3>
                    <p className="text-sm text-gray-600">{item.detail}</p>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>

        {/* 企業分類 */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">5</span>
            AI物流市場マップ：企業分類
          </h2>
          {companies.map((category, idx) => (
            <div key={idx} className="mb-6">
              <h3 className={`text-xl font-bold mb-4 ${
                category.category === 'AI Startups' ? 'text-blue-600' :
                category.category === 'Disruptors' ? 'text-purple-600' :
                'text-orange-600'
              }`}>
                {category.category}
              </h3>
              <div className="grid md:grid-cols-2 gap-4">
                {category.companies.map((company, cidx) => (
                  <div key={cidx} className={`rounded-lg p-4 border-2 ${
                    category.category === 'AI Startups' ? 'bg-blue-50 border-blue-200' :
                    category.category === 'Disruptors' ? 'bg-purple-50 border-purple-200' :
                    'bg-orange-50 border-orange-200'
                  }`}>
                    <div className="font-bold text-gray-900 mb-2">{company.name}</div>
                    <div className="text-sm text-gray-600 mb-2">{company.feature}</div>
                    <div className="text-xs font-semibold text-gray-700 bg-white px-2 py-1 rounded inline-block">
                      {company.impact}
                    </div>
                  </div>
                ))}
              </div>
            </div>
          ))}
        </div>

        {/* M&A事例 */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">6</span>
            主要M&A事例
          </h2>
          <div className="space-y-4">
            {maDeals.map((deal, idx) => (
              <div key={idx} className="bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg p-5 border border-green-200">
                <div className="flex justify-between items-center">
                  <div>
                    <div className="font-bold text-gray-900 text-lg">{deal.acquirer}</div>
                    <div className="text-gray-600 text-sm mt-1">
                      <span className="text-gray-500">買収:</span> {deal.target}
                    </div>
                  </div>
                  <div className="text-right">
                    <div className="text-2xl font-bold text-green-600">
                      {deal.amount > 0 ? `$${deal.amount.toLocaleString()}M` : '非公開'}
                    </div>
                    <div className="text-sm text-gray-500">{deal.year}年</div>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>

        {/* AI活用ユースケース */}
        <div className="bg-white rounded-xl shadow-lg p-8 mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">7</span>
            AI活用の具体的ユースケース
          </h2>
          <div className="space-y-3">
            {useCases.map((useCase, idx) => (
              <div key={idx} className="bg-gradient-to-r from-indigo-50 to-blue-50 rounded-lg p-4 border border-indigo-200">
                <div className="flex justify-between items-center">
                  <div className="flex-1">
                    <span className="font-bold text-gray-900">{useCase.area}</span>
                    <span className="text-gray-600 ml-3 text-sm">→ {useCase.impact}</span>
                  </div>
                  <div className="text-xs text-gray-500 bg-white px-3 py-1 rounded-full">
                    {useCase.example}
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>

        {/* 日本企業への示唆 */}
        <div className="bg-gradient-to-r from-yellow-50 to-orange-50 rounded-xl shadow-lg p-8 mb-8 border-2 border-yellow-200">
          <h2 className="text-2xl font-bold text-gray-900 mb-6 flex items-center">
            <span className="bg-yellow-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 text-sm">8</span>
            日本企業への示唆
          </h2>
          <div className="grid md:grid-cols-3 gap-6">
            <div className="bg-white rounded-lg p-5 shadow">
              <h3 className="font-bold text-gray-900 mb-3">大企業</h3>
              <div className="text-sm text-gray-600 mb-2">現状: 既存基盤強化・PoC展開</div>
              <div className="text-sm font-semibold text-blue-600">→ 全社AI統合・収益化R&D</div>
            </div>
            <div className="bg-white rounded-lg p-5 shadow">
              <h3 className="font-bold text-gray-900 mb-3">中堅企業</h3>
              <div className="text-sm text-gray-600 mb-2">現状: コンサル依存</div>
              <div className="text-sm font-semibold text-blue-600">→ 社内AIリーダー育成・内製化</div>
            </div>
            <div className="bg-white rounded-lg p-5 shadow">
              <h3 className="font-bold text-gray-900 mb-3">中小企業</h3>
              <div className="text-sm text-gray-600 mb-2">現状: 導入初期・教育不足</div>
              <div className="text-sm font-semibold text-blue-600">→ SaaS活用・共通AI基盤共有</div>
            </div>
          </div>
        </div>

        {/* データ出典 */}
        <div className="bg-gray-50 rounded-xl p-6 border border-gray-200">
          <h3 className="font-bold text-gray-900 mb-3">データ出典</h3>
          <div className="space-y-2 text-sm text-gray-600">
            <div>• Shippio公式プレスリリース: <a href="https://www.shippio.io/news/press-release/series-c/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">shippio.io</a></div>
            <div>• Forbes AI Logistics Revolution: <a href="https://www.forbes.com/sites/josipamajic/2025/10/13/the-ai-logistics-revolution-and-why-venture-capital-is-pouring-into-supply-chain-automation/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">forbes.com</a></div>
            <div>• S&P Global Market Intelligence: <a href="https://www.spglobal.com/market-intelligence/en/news-insights/articles/2025/1/genai-funding-hits-record-in-2024-boosted-by-infrastructure-interest-87132257" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">spglobal.com</a></div>
            <div>• TechStartups: <a href="https://techstartups.com/2025/08/26/ai-logistics-startup-nauta-raises-7m-seed-funding-to-streamline-import-logistics-with-ai/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">techstartups.com</a></div>
            <div>• Global Market Insights: <a href="https://www.sdcexec.com/software-technology/ai-ar/news/22950064/global-market-insights-generative-ai-to-surpass-231b-by-2034" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">sdcexec.com</a></div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default TradeAIFundingAnalysis;