PricingCharts.jsx 847 Bytes
Newer Older
1 2 3 4 5
import React from 'react';
import PricingChart from '../components/PricingChart';
import OpenaiPricing from '../data/openai-pricing.json';
import LLMPricing from '../data/llm-pricing.json';
import VisionPricing from '../data/vision-model-pricing.json';
fisherdaddy's avatar
fisherdaddy committed
6
import SEO from '../components/SEO';
7 8

const PricingCharts = () => {
fisherdaddy's avatar
fisherdaddy committed
9
  const lastUpdateTime = '2024-11-06 21:30';
10 11

  return (
fisherdaddy's avatar
fisherdaddy committed
12 13
    <>
      <SEO
fisherdaddy's avatar
fisherdaddy committed
14 15
        title="AI Model Pricing Comparison"
        description="Compare prices of different AI models"
fisherdaddy's avatar
fisherdaddy committed
16 17
      />
      <div className="pricing-charts-container">
fisherdaddy's avatar
fisherdaddy committed
18 19 20
        <div className="update-time">
          Last Updated: {lastUpdateTime}
        </div>
fisherdaddy's avatar
fisherdaddy committed
21 22 23 24 25
        <PricingChart data={OpenaiPricing} />
        <PricingChart data={LLMPricing} />
        <PricingChart data={VisionPricing} />
      </div>
    </>
26 27 28 29
  );
};

export default PricingCharts;