食品業界における生成AIスタートアップの資金調達とビジネスモデル分析

import React from 'react';

// カテゴリー別に企業を分類
const categories = [
  { 
    name: 'AIを活用した食品分析・トレンド予測', 
    companies: ['Ai Palette', 'Tastewise', 'IBM Watson', 'Elemental Cognition'] 
  },
  { 
    name: '植物ベース食品開発のAI活用', 
    companies: ['NotCo', 'The Kraft Heinz Not Company'] 
  },
  { 
    name: 'パーソナライズド栄養AI', 
    companies: ['Nutrino', 'Medtronic'] 
  },
  { 
    name: 'ロボティクスとAI自動化', 
    companies: ['Chef Robotics', 'Cargill', 'Kellogg'] 
  },
  { 
    name: 'AIを活用した企業・サービス', 
    companies: ['General Mills', 'PepsiCo', 'Coca-Cola', 'Nestlé', 'Mondelēz International', 'Diageo', 'Amazon AWS'] 
  },
  { 
    name: 'AI投資・資金調達', 
    companies: ['Tin Men Capital', 'Exfinity Ventures', 'pi Ventures', 'Scale Venture Partners', 'Smash Capital', 'Accel', 'OurCrowd', 'AgFunder'] 
  }
];

// 企業ロゴのURLマッピング
const logos = {
  'Ai Palette': 'https://www.aipalette.com/favicon.ico',
  'Tastewise': 'https://tastewise.io/favicon.ico',
  'IBM Watson': 'https://www.ibm.com/favicon.ico',
  'Elemental Cognition': 'https://www.elementalcognition.com/favicon.ico',
  'NotCo': 'https://notco.com/favicon.ico',
  'The Kraft Heinz Not Company': 'https://www.kraftheinzcompany.com/favicon.ico',
  'Nutrino': 'https://www.nutrinohealth.com/favicon.ico',
  'Medtronic': 'https://www.medtronic.com/favicon.ico',
  'Chef Robotics': 'https://www.chefrobotics.ai/favicon.ico',
  'Cargill': 'https://www.cargill.com/favicon.ico',
  'Kellogg': 'https://www.kelloggs.com/favicon.ico',
  'General Mills': 'https://www.generalmills.com/favicon.ico',
  'PepsiCo': 'https://www.pepsico.com/favicon.ico',
  'Coca-Cola': 'https://www.coca-colacompany.com/favicon.ico',
  'Nestlé': 'https://www.nestle.com/favicon.ico',
  'Mondelēz International': 'https://www.mondelezinternational.com/favicon.ico',
  'Diageo': 'https://www.diageo.com/favicon.ico',
  'Amazon AWS': 'https://aws.amazon.com/favicon.ico',
  'Tin Men Capital': 'https://www.tinmen.asia/favicon.ico',
  'Exfinity Ventures': 'https://www.exfinityventures.com/favicon.ico',
  'pi Ventures': 'https://www.piventures.in/favicon.ico',
  'Scale Venture Partners': 'https://www.scalevp.com/favicon.ico',
  'Smash Capital': 'https://www.smashcapital.com/favicon.ico',
  'Accel': 'https://www.accel.com/favicon.ico',
  'OurCrowd': 'https://www.ourcrowd.com/favicon.ico',
  'AgFunder': 'https://agfunder.com/favicon.ico'
};

// 企業の詳細情報
const companyDetails = {
  'Ai Palette': {
    description: '食品企業の製品革新プロセスを加速しリスクを軽減するためのAI駆動プラットフォーム',
    funding: '570万ドル（シリーズA1）、累計1120万ドル',
    clients: ['Nestlé', 'Symrise', 'ADM', 'Kellogg', 'Mondelēz International', 'Diageo', 'Cargill'],
    url: 'https://www.aipalette.com/',
    sourceUrl: 'https://agfundernews.com/ai-palette-raises-5-7m-to-expand-ai-powered-insights-platform-adds-foodgpt-chatbot'
  },
  'NotCo': {
    description: 'AIを活用して植物ベースの代替食品を開発する企業',
    funding: '推定2億5000万ドルの年間収益',
    partners: ['Kraft Heinz'],
    products: ['NotMilk', 'Generative Aroma Transformer (GAT)'],
    url: 'https://notco.com/',
    sourceUrl: 'https://thespoon.tech/notco-has-created-a-generative-ai-for-flavor-and-fragrance-that-can-create-unique-formulations-with-text-prompts/'
  },
  'Chef Robotics': {
    description: 'AI駆動のロボティクスを活用した食品自動化ソリューション',
    funding: '1820万ドル（株式資金）、425万ドル（設備資金）',
    businessModel: 'Robotics as a Service (RaaS)',
    url: 'https://www.chefrobotics.ai/',
    sourceUrl: 'https://agfundernews.com/chef-robotics-ceo-a-lot-of-robotic-companies-have-made-grandiose-promises-but-they-havent-really-shipped-any-robots-were-much-more-practical'
  },
  'Nutrino': {
    description: 'AIを活用したパーソナライズド栄養プラットフォーム',
    funding: '800万ドル（シリーズA）',
    acquisition: 'Medtronicに買収',
    product: 'FoodPrint Report',
    url: 'https://www.nutrinohealth.com/',
    sourceUrl: 'https://www.mobihealthnews.com/content/medtronic-nutrino-partner-bring-nutrition-info-glucose-monitoring-app'
  },
  'IBM Watson': {
    description: '食品レシピ生成などに活用されるAIプラットフォーム',
    partnerships: ['マコーミック社（フレーバー創造）'],
    url: 'https://www.ibm.com/watson',
    sourceUrl: 'https://www.clearobject.com/cooking-up-creativity-genai/'
  },
  'Elemental Cognition': {
    description: 'IBM Watson開発者が設立したAIスタートアップ',
    funding: '6000万ドル',
    products: ['Cogent', 'Cora'],
    url: 'https://www.elementalcognition.com/',
    sourceUrl: 'https://www.cnbc.com/2023/08/17/scientist-behind-ibm-watson-raised-60-million-for-elemental-cognition.html'
  }
};

// 資金調達情報
const fundingInfo = {
  'Ai Palette': '570万ドル（シリーズA1）、累計1120万ドル',
  'NotCo': '推定2億5000万ドルの年間収益',
  'Chef Robotics': '1820万ドル（株式資金）、425万ドル（設備資金）',
  'Nutrino': '800万ドル（シリーズA）、Medtronicに買収',
  'Elemental Cognition': '6000万ドル'
};

// 生成AIの食品業界への応用分野
const aiApplications = [
  { area: 'レシピ・フレーバー開発', examples: ['IBM Watson（Chef Watson）', 'NotCo（GAT）', 'マコーミック社のONEプラットフォーム'] },
  { area: 'トレンド予測・市場分析', examples: ['Ai Palette（Foresight Engine）', 'Tastewise'] },
  { area: '製品コンセプト生成', examples: ['Ai Palette（Concept Genie）'] },
  { area: 'パーソナライズド栄養', examples: ['Nutrino（FoodPrint）'] },
  { area: 'サプライチェーン最適化', examples: ['Amazon AWS', 'Walmart', 'Nestlé'] },
  { area: '品質管理・安全性', examples: ['General Mills', 'Hershey Company'] }
];

export default function Chaosmap() {
  return (
    <div className="p-8 bg-gray-50">
      <h1 className="text-4xl font-bold mb-2 text-center text-indigo-800">食品業界における生成AIスタートアップの資金調達とビジネスモデル</h1>
      <p className="text-center text-gray-600 mb-8">食品・飲料業界で活用される生成AIサービスのスタートアップ分析</p>
      
      {/* 主要スタートアップの資金調達情報 */}
      <div className="mb-10 bg-white p-6 rounded-xl shadow-md">
        <h2 className="text-2xl font-semibold mb-4 text-indigo-700">主要生成AIフードテックスタートアップの資金調達状況</h2>
        <div className="overflow-x-auto">
          <table className="min-w-full bg-white">
            <thead className="bg-indigo-100">
              <tr>
                <th className="py-3 px-4 text-left">企業名</th>
                <th className="py-3 px-4 text-left">資金調達額</th>
                <th className="py-3 px-4 text-left">主要製品/サービス</th>
                <th className="py-3 px-4 text-left">ビジネスモデル</th>
              </tr>
            </thead>
            <tbody className="divide-y divide-gray-200">
              <tr>
                <td className="py-3 px-4 flex items-center">
                  <img src={logos['Ai Palette']} alt="Ai Palette" width={24} height={24} className="mr-2" />
                  <a href="https://www.aipalette.com/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">Ai Palette</a>
                </td>
                <td className="py-3 px-4">{fundingInfo['Ai Palette']}</td>
                <td className="py-3 px-4">Foresight Engine, Concept Genie, Screen Winner, FoodGPT</td>
                <td className="py-3 px-4">SaaS（トレンド予測・製品開発支援）</td>
              </tr>
              <tr>
                <td className="py-3 px-4 flex items-center">
                  <img src={logos['NotCo']} alt="NotCo" width={24} height={24} className="mr-2" />
                  <a href="https://notco.com/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">NotCo</a>
                </td>
                <td className="py-3 px-4">{fundingInfo['NotCo']}</td>
                <td className="py-3 px-4">Giuseppe AI, Generative Aroma Transformer (GAT)</td>
                <td className="py-3 px-4">D2C製品販売 + B2Bソフトウェアライセンス</td>
              </tr>
              <tr>
                <td className="py-3 px-4 flex items-center">
                  <img src={logos['Chef Robotics']} alt="Chef Robotics" width={24} height={24} className="mr-2" />
                  <a href="https://www.chefrobotics.ai/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">Chef Robotics</a>
                </td>
                <td className="py-3 px-4">{fundingInfo['Chef Robotics']}</td>
                <td className="py-3 px-4">AI駆動ロボティクスシステム</td>
                <td className="py-3 px-4">Robotics as a Service (RaaS)</td>
              </tr>
              <tr>
                <td className="py-3 px-4 flex items-center">
                  <img src={logos['Nutrino']} alt="Nutrino" width={24} height={24} className="mr-2" />
                  <a href="https://www.nutrinohealth.com/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">Nutrino</a>
                </td>
                <td className="py-3 px-4">{fundingInfo['Nutrino']}</td>
                <td className="py-3 px-4">FoodPrint Report</td>
                <td className="py-3 px-4">B2C（パーソナライズド栄養）→ Medtronicに買収</td>
              </tr>
              <tr>
                <td className="py-3 px-4 flex items-center">
                  <img src={logos['Elemental Cognition']} alt="Elemental Cognition" width={24} height={24} className="mr-2" />
                  <a href="https://www.elementalcognition.com/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">Elemental Cognition</a>
                </td>
                <td className="py-3 px-4">{fundingInfo['Elemental Cognition']}</td>
                <td className="py-3 px-4">Cogent, Cora</td>
                <td className="py-3 px-4">企業向けAIソリューション</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div className="mt-2 text-xs text-gray-500">
          出典: <a href="https://agfundernews.com/ai-palette-raises-5-7m-to-expand-ai-powered-insights-platform-adds-foodgpt-chatbot" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">AgFunder News</a>, 
          <a href="https://murto.medium.com/notco-used-ai-to-make-250-million-in-revenue-heres-how-biotech-founders-can-steal-their-strategy-b3851ed7f4d8" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">Medium</a>
        </div>
      </div>
      
      {/* 生成AIの食品業界への応用分野 */}
      <div className="mb-10 bg-white p-6 rounded-xl shadow-md">
        <h2 className="text-2xl font-semibold mb-4 text-indigo-700">生成AIの食品業界への応用分野</h2>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          {aiApplications.map((app) => (
            <div key={app.area} className="border border-indigo-100 rounded-lg p-4 bg-indigo-50">
              <h3 className="text-lg font-medium text-indigo-800 mb-2">{app.area}</h3>
              <ul className="space-y-1 text-sm">
                {app.examples.map((example, index) => (
                  <li key={index} className="text-gray-700">{example}</li>
                ))}
              </ul>
            </div>
          ))}
        </div>
        <div className="mt-4 text-xs text-gray-500">
          出典: <a href="https://foodinstitute.com/focus/five-ways-generative-ai-is-impacting-the-food-industry/" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">Food Institute</a>, 
          <a href="https://www.clearobject.com/cooking-up-creativity-genai/" target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">ClearObject</a>
        </div>
      </div>
      
      {/* カオスマップ */}
      <div className="mb-6">
        <h2 className="text-2xl font-semibold mb-4 text-indigo-700">食品業界の生成AIエコシステム カオスマップ</h2>
        <div className="flex flex-wrap justify-center gap-6">
          {categories.map((category) => (
            <div key={category.name} className="bg-white p-5 rounded-lg shadow-md w-80">
              <h3 className="text-xl font-semibold mb-3 text-indigo-600">{category.name}</h3>
              <ul className="space-y-3">
                {category.companies.map((company) => (
                  <li key={company} className="flex items-center">
                    {logos[company] ? (
                      <img
                        src={logos[company]}
                        alt={company}
                        width={24}
                        height={24}
                        className="mr-3"
                        onError={(e) => {
                          e.target.onerror = null;
                          e.target.style.display = 'none';
                          const placeholder = document.createElement('div');
                          placeholder.className = 'w-6 h-6 bg-gray-300 rounded-full mr-3 flex-shrink-0';
                          e.target.parentNode.insertBefore(placeholder, e.target);
                        }}
                      />
                    ) : (
                      <div className="w-6 h-6 bg-gray-300 rounded-full mr-3 flex-shrink-0" />
                    )}
                    <span className="text-gray-800">{company}</span>
                    {companyDetails[company] && (
                      <a 
                        href={companyDetails[company].url} 
                        target="_blank" 
                        rel="noopener noreferrer" 
                        className="ml-2 text-blue-500 hover:text-blue-700"
                      >
                        <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                        </svg>
                      </a>
                    )}
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
        <div className="mt-4 text-xs text-gray-500 text-center">
          出典: 調査結果から抽出した企業情報に基づいて作成
        </div>
      </div>
      
      {/* 主要企業の詳細情報 */}
      <div className="bg-white p-6 rounded-xl shadow-md">
        <h2 className="text-2xl font-semibold mb-4 text-indigo-700">主要企業の詳細ビジネスモデル</h2>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
          {Object.entries(companyDetails).map(([company, details]) => (
            <div key={company} className="border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow">
              <div className="flex items-center mb-3">
                <img
                  src={logos[company]}
                  alt={company}
                  width={32}
                  height={32}
                  className="mr-3"
                  onError={(e) => {
                    e.target.onerror = null;
                    e.target.style.display = 'none';
                    const placeholder = document.createElement('div');
                    placeholder.className = 'w-8 h-8 bg-gray-300 rounded-full mr-3';
                    e.target.parentNode.insertBefore(placeholder, e.target);
                  }}
                />
                <h3 className="text-lg font-medium text-indigo-800">{company}</h3>
              </div>
              <p className="text-gray-700 mb-2">{details.description}</p>
              <div className="space-y-1 text-sm">
                {details.funding && (
                  <p><span className="font-medium">資金調達:</span> {details.funding}</p>
                )}
                {details.clients && (
                  <p><span className="font-medium">主要クライアント:</span> {details.clients.join(', ')}</p>
                )}
                {details.partners && (
                  <p><span className="font-medium">パートナー:</span> {details.partners.join(', ')}</p>
                )}
                {details.products && (
                  <p><span className="font-medium">主要製品:</span> {details.products.join(', ')}</p>
                )}
                {details.businessModel && (
                  <p><span className="font-medium">ビジネスモデル:</span> {details.businessModel}</p>
                )}
                {details.acquisition && (
                  <p><span className="font-medium">買収情報:</span> {details.acquisition}</p>
                )}
              </div>
              <div className="mt-3">
                <a 
                  href={details.sourceUrl} 
                  target="_blank" 
                  rel="noopener noreferrer" 
                  className="text-xs text-blue-600 hover:underline"
                >
                  出典を見る
                </a>
              </div>
            </div>
          ))}
        </div>
      </div>
      
      <div className="mt-8 text-center text-sm text-gray-500">
        © 2025 食品業界における生成AIスタートアップの資金調達とビジネスモデル分析
      </div>
    </div>
  );
}