2025年注目のB2C環境系スタートアップ事例集

import React from 'react';

const StartupTable = () => {
  const startups = [
    {
      name: 'EcoCart',
      description: 'オンライン購入時にカーボンオフセットを自動提供するブラウザ拡張機能。',
      url: 'https://ecocart.io',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: 'ユーザーがオンラインショッピングをする際に、購入によるカーボンフットプリントを自動的に計算し、オフセットオプションを提示。',
      impact: '消費者の日常的な購買行動を通じて、環境保護への意識と行動を促進。',
      reference: '<a href="https://ecocart.io" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">EcoCart</a>'
    },
    {
      name: 'Treeapp',
      description: 'スマートフォンから手軽に植樹できるサービス。',
      url: 'https://www.thetreeapp.org',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: 'ユーザーはアプリを通じて毎日無料で木を植えることができ、植樹活動に資金を提供する企業と提携。',
      impact: '初年度に23万本の植樹を達成。手軽な操作で環境貢献を可能にし、持続可能な消費行動を促進。',
      reference: '<a href="https://www.thetreeapp.org" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Treeapp</a>'
    },
    {
      name: 'Grove Collaborative',
      description: '環境に優しい家庭用品のサブスクリプションサービス。',
      url: 'https://grove.co',
      category: '行動変容サービス',
      type: 'B2C',
      details: 'プラスチックフリーの製品や、持続可能な素材を使用した家庭用品を提供。',
      impact: '100%プラスチックフリーを目指し、消費者の家庭における環境負荷を低減。',
      reference: '<a href="https://grove.co" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Grove Collaborative</a>'
    },
    {
      name: 'E-commerce Carbon Engine (ECE)',
      description: '製品ライフサイクル全体のGHG排出量を自動計算し、カーボンクレジットを生成。',
      url: 'https://www.greenlines.cc/e-commerce-carbon-engine',
      category: 'カーボン・オフセット促進',
      type: 'B2B/B2C',
      details: 'オンライン・オフラインの販売に伴うGHG排出量を自動計算し、カーボンクレジットとして市場で販売するシステム。',
      impact: '製品のライフサイクル全体での環境負荷を可視化し、企業と消費者の双方に環境配慮の選択肢を提供。',
      reference: '<a href="https://www.greenlines.cc/e-commerce-carbon-engine" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">E-commerce Carbon Engine (ECE)</a>'
    },
    {
      name: 'Wren',
      description: '個人が自身のカーボンフットプリントを計測し、簡単にオフセットできるプラットフォームを提供。',
      url: 'https://www.wren.co/',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: 'ユーザーは自分のライフスタイルに基づいたカーボンフットプリントを計算し、オフセットプロジェクトに投資できる。',
      impact: '個人の環境負荷を可視化し、具体的な行動変容を促進。',
      reference: '<a href="https://www.wren.co/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Wren</a>'

    },
    {
      name: 'Klima',
      description: '個人のカーボンオフセットを促進するモバイルアプリを提供。',
      url: 'https://klima.com/',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: 'ユーザーは月額サブスクリプションを通じて、自身のカーボンフットプリントをオフセットできる。',
      impact: '継続的な環境貢献を促し、個人の環境意識を高める。',
      reference: '<a href="https://klima.com/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Klima</a>'
    },
    {
      name: 'MyTree',
      description: 'ユーザーが自分のカーボンフットプリントを管理し、木を植えることでオフセットを行うアプリを提供。',
      url: 'https://mytree.org.uk/carbon-offset/',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: '植樹を通じてカーボンオフセットを行うサービスを提供し、ユーザーは自身の環境影響を相殺できる。',
      impact: '植樹活動を通じた具体的な環境貢献を促進し、ユーザーの環境意識を向上。',
      reference: '<a href="https://mytree.org.uk/carbon-offset/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">MyTree</a>'
    },
    {
      name: 'Negative',
      description: 'ユーザーがネガティブカーボンフットプリントを達成するためのサブスクリプションプラットフォームを提供。',
      url: 'https://negative.eco/',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: 'ユーザーは自身の排出量以上のカーボンオフセットを行うことで、環境にポジティブな影響を与えることができる。',
      impact: '環境への積極的な貢献を促し、持続可能なライフスタイルへの転換を支援。',
      reference: '<a href="https://negative.eco/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Negative</a>'
    },
    {
      name: 'Rebel Energy',
      description: '再生可能エネルギーを供給し、住民が自家発電した電力をグリッドに供給することで報酬を得られる仕組みを提供。',
      url: 'https://explodingtopics.com/blog/cleantech-startups',
      category: 'エネルギー',
      type: 'B2C',
      details: '再生可能エネルギーの利用を促進し、余剰電力をグリッドに供給することで、ユーザーに経済的インセンティブを提供。',
      impact: '再生可能エネルギーの普及と、エネルギー自給自足の促進に貢献。',
      reference: '<a href="https://explodingtopics.com/blog/cleantech-startups" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">explodingtopics.com</a>'
    },
    {
      name: 'Enpal',
      description: 'ソーラーシステムをレンタルし、サービスとメンテナンスを提供。',
      url: 'https://www.enpal.de/',
      category: 'エネルギー',
      type: 'B2C',
      details: '初期費用なしでソーラーシステムを導入できるサービスを提供し、再生可能エネルギーの利用を促進。',
      impact: '再生可能エネルギーへの移行を容易にし、家庭のエネルギーコスト削減に貢献。',
      reference: '<a href="https://www.enpal.de/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Enpal</a>'
    },
    {
      name: 'Renogy',
      description: '再生可能エネルギー技術製品を開発し、2030年までに5,000万人のエネルギー独立を目指す。',
      url: 'https://www.renogy.com/',
      category: 'エネルギー',
      type: 'B2C',
      details: 'オフグリッドのソーラーパネルや関連製品を提供し、個人やコミュニティのエネルギー自立を支援。',
      impact: '再生可能エネルギー製品の普及を通じて、エネルギーアクセスの向上と環境負荷の低減に貢献。',
      reference: '<a href="https://www.renogy.com/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Renogy</a>'
    },
    {
      name: 'AWorld',
      description: 'グリーンゲーミフィケーションを活用し、環境行動を促進。',
      url: 'https://aworld.org/behavioral-change/green-gamification-what-is-it-and-how-does-it-work/',
      category: '行動変容サービス',
      type: 'B2C',
      details: 'ゲームの要素（ポイント制、レベルアップ、リーダーボードなど）を活用して、ユーザーの日常行動にエコ要素を組み込む。',
      impact: 'ユーザーがカーボンフットプリントの削減やボランティア活動へ参加することでポイントを獲得し、次のレベルに進む仕組みを導入。楽しさと達成感を提供し、持続可能な行動変容を促進。',
      reference: '<a href="https://aworld.org/behavioral-change/green-gamification-what-is-it-and-how-does-it-work/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">AWorld</a>'
    },
    {
      name: 'Bunq',
      description: 'ユーザーが植樹を通じてCO2排出量を相殺できる「Easy Green」プランを提供。',
      url: 'https://www.bunq.com/',
      category: 'カーボン・オフセット促進',
      type: 'B2C',
      details: '銀行取引を通じて環境貢献ができるプランを提供し、ユーザーは支出に応じて木を植えることができる。',
      impact: '金融サービスを通じて環境保護活動への参加を促し、持続可能な消費行動を支援。',
      reference: '<a href="https://www.bunq.com/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Bunq</a>'
    },
      {
        name: 'Patch',
        description: 'APIを通じてカーボンオフセットを容易にするプラットフォームを提供。',
        url: 'https://www.patch.io/',
        category: 'カーボン・オフセット促進',
        type: 'B2B/B2C',
        details: '企業が自社サービスにカーボンオフセット機能を組み込むことを可能にし、消費者が間接的に環境貢献できる。',
        impact: 'カーボンオフセットの普及を加速し、企業と消費者の両方が環境保護に貢献できる仕組みを提供。',
        reference: '<a href="https://www.patch.io/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Patch</a>'
      },
      {
        name: 'Climeworks',
        description: '直接空気回収技術を用いてCO2を除去し、地下に貯蔵するサービスを提供。',
        url: 'https://climeworks.com/',
        category: 'カーボン・オフセット促進',
        type: 'B2B/B2C',
        details: '個人や企業がサブスクリプションを通じてCO2除去サービスを利用できる。',
        impact: '大気中のCO2を直接削減する革新的な技術を提供し、気候変動対策に貢献。',
        reference: '<a href="https://climeworks.com/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Climeworks</a>'
      },
      {
        name: 'CarbonCapture',
        description: '直接空気捕集（DAC）技術を活用し、大気中のCO2を回収。',
        url: 'https://www.carboncapture.com/',
        category: 'カーボン・オフセット促進',
        type: 'B2B/B2C',
        details: '3,500万ドルの資金調達を実現し、技術革新と集中的な投資による成功事例。',
        impact: 'DAC技術によるCO2回収は、気候変動対策の新たな手段として注目される。',
        reference: '<a href="https://www.carboncapture.com/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">CarbonCapture</a>'
      },
      {
        name: 'Arbon',
        description: '水を利用して空気中のCO2を捕集する低エネルギー技術を開発。',
        url: 'https://trellis.net/list/top-25-climate-tech-startups/',
        category: 'カーボン・オフセット促進',
        type: 'B2C',
        details: 'カーボン・オフセット促進デジタルソリューションとしてB2C市場で高い注目を集める。',
        impact: '低エネルギーでのCO2捕集技術は、持続可能な環境対策として期待される。',
        reference: '<a href="https://trellis.net/list/top-25-climate-tech-startups/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Arbon</a>'
      },
      {
        name: 'Oxylus Energy',
        description: 'CO2を緑の化学物質（例：e-メタノール）に変換する技術を開発。',
        url: 'https://trellis.net/list/top-25-climate-tech-startups/',
        category: 'カーボン・オフセット促進',
        type: 'B2B/B2C',
        details: '消費者向け製品への応用も期待される。',
        impact: 'CO2の有効活用により、循環型経済の実現に貢献。',
        reference: '<a href="https://trellis.net/list/top-25-climate-tech-startups/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Oxylus Energy</a>'
      },
        {
            name: 'SunFarmer',
            description: '発展途上国の病院、学校、農場に手頃な価格の太陽光エネルギーを提供。',
            url: 'https://www.ycombinator.com/companies/sunfarmer',
            category: 'エネルギー',
            type: 'B2C',
            details: '地域のエネルギー問題の解決に貢献。',
            impact: '再生可能エネルギーの普及を通じて、持続可能な開発目標（SDGs）の達成に寄与。',
            reference: '<a href="https://www.ycombinator.com/companies/sunfarmer" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">SunFarmer</a>'
        },
        {
            name: 'Pina Earth',
            description: '森林管理プロジェクトへの投資を促進し、カーボンオフセットを支援。',
            url: 'https://www.ycombinator.com/companies/pina-earth',
            category: 'カーボン・オフセット促進',
            type: 'B2B/B2C',
            details: '森林保全を通じたカーボンオフセットプロジェクトへの投資を可能にする。',
            impact: '森林の持続可能な管理と、気候変動対策への貢献を両立。',
            reference: '<a href="https://www.ycombinator.com/companies/pina-earth" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">Pina Earth</a>'
          }

  ];

  return (
    <div className="container mx-auto p-4">
      <h1 className="text-4xl font-bold mb-6 text-center text-green-700">B2C 環境系スタートアップ一覧</h1>
      <p className="text-center mb-8 text-gray-700">
        以下のリストは、消費者が直接参加できる環境保全の仕組みを提供するB2C環境系スタートアップの事例です。これらの企業は、カーボンオフセット、行動変容サービス、再生可能エネルギー利用促進など、多様なアプローチで持続可能な社会の実現に貢献しています。
      </p>
      <div className="overflow-x-auto">
        <table className="min-w-full divide-y divide-gray-300 shadow-md rounded-xl">
          <thead className="bg-green-100">
            <tr>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                企業名
              </th>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                事業内容
              </th>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                カテゴリー
              </th>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                詳細
              </th>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                インパクト
              </th>
              <th className="px-6 py-4 text-left text-sm font-semibold text-gray-800 uppercase tracking-wider">
                参照元
              </th>
            </tr>
          </thead>
          <tbody className="bg-white divide-y divide-gray-200">
            {startups.map((startup, index) => (
              <tr key={index} className="hover:bg-green-50 transition duration-300 ease-in-out">
                <td className="px-6 py-4 whitespace-nowrap text-base font-medium text-gray-900">
                  {startup.name}
                </td>
                <td className="px-6 py-4 whitespace-normal text-sm text-gray-700">{startup.description}</td>
                <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-700">{startup.category}</td>
                <td className="px-6 py-4 whitespace-normal text-sm text-gray-700">{startup.details}</td>
                <td className="px-6 py-4 whitespace-normal text-sm text-gray-700">{startup.impact}</td>
                <td className="px-6 py-4 whitespace-nowrap text-sm">
                  <a href={startup.url} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-800 visited:text-purple-600">
                    詳細
                  </a>
                </td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
      <p className="text-center mt-8 text-gray-700">
        ※本リストは、公開情報に基づいたB2C環境系スタートアップの一例であり、網羅的なものではありません。
      </p>
    </div>
  );
};

export default StartupTable;