components/Features.jsx

import React from 'react';

const Features = () => {
  const features = [
    {
      title: "Curated Quality",
      description: "Every dataset undergoes rigorous quality checks and preprocessing for optimal LLM training.",
      icon: "✅"
    },
    {
      title: "Massive Scale",
      description: "Access petabytes of diverse text data across multiple domains and languages.",
      icon: "📊"
    },
    {
      title: "Real-time Updates",
      description: "Fresh data streams with continuous updates to keep your models current.",
      icon: "🔄"
    },
    {
      title: "Expert Curation",
      description: "Data curated by domain experts specifically for language model training.",
      icon: "👨‍💼"
    },
    {
      title: "Secure Infrastructure",
      description: "Enterprise-grade security with encrypted storage and transfer.",
      icon: "🔒"
    },
    {
      title: "API Access",
      description: "Seamless integration with your ML pipelines through our robust APIs.",
      icon: "⚡"
    }
  ];

  return (
    <section id="features" className="py-20 bg-white">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-16">
          <h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
            Why Choose Our Data?
          </h2>
          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
            Built specifically for the unique requirements of modern language models
          </p>
        </div>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
          {features.map((feature, index) => (
            <div key={index} className="bg-gray-50 rounded-xl p-6 hover:shadow-lg transition-shadow">
              <div className="text-3xl mb-4">{feature.icon}</div>
              <h3 className="text-xl font-semibold text-gray-900 mb-2">{feature.title}</h3>
              <p className="text-gray-600">{feature.description}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

export default Features;