Upload components/Features.jsx with huggingface_hub

components/Features.jsx

@@ -1,65 +1,62 @@
 import React from 'react';
-import FeatureCard from './FeatureCard';
-import { ShieldCheck, Zap, Globe, Lock, Server, BarChart } from 'lucide-react';
 
-export default function Features() {
+const Features = () => {
   const features = [
     {
-      icon: Globe,
-      title: "Multilingual Corpus",
-      description: "Access diverse datasets spanning 100+ languages, carefully curated to reduce bias and improve global model performance."
+      title: "Curated Quality",
+      description: "Every dataset undergoes rigorous quality checks and preprocessing for optimal LLM training.",
+      icon: "✅"
     },
     {
-      icon: Zap,
-      title: "Low Latency Access",
-      description: "Direct connect via our global edge network ensures your GPUs never wait for data. Optimized for high-throughput training."
+      title: "Massive Scale",
+      description: "Access petabytes of diverse text data across multiple domains and languages.",
+      icon: "📊"
     },
     {
-      icon: ShieldCheck,
-      title: "Cleaned & Tokenized",
-      description: "Save months of preprocessing. Our data comes pre-cleaned, deduped, and optionally pre-tokenized for major architectures."
+      title: "Real-time Updates",
+      description: "Fresh data streams with continuous updates to keep your models current.",
+      icon: "🔄"
     },
     {
-      icon: Lock,
-      title: "Enterprise Security",
-      description: "End-to-end encryption, VPC peering, and strict access controls. Your proprietary data remains yours, always."
+      title: "Expert Curation",
+      description: "Data curated by domain experts specifically for language model training.",
+      icon: "👨‍💼"
     },
     {
-      icon: Server,
-      title: "Dedicated Hardware",
-      description: "Option to reserve dedicated storage clusters for massive-scale training runs requiring petabytes of hot storage."
+      title: "Secure Infrastructure",
+      description: "Enterprise-grade security with encrypted storage and transfer.",
+      icon: "🔒"
     },
     {
-      icon: BarChart,
-      title: "Data Versioning",
-      description: "Full lineage tracking and immutable versioning for every dataset, ensuring reproducibility in your experiments."
+      title: "API Access",
+      description: "Seamless integration with your ML pipelines through our robust APIs.",
+      icon: "⚡"
     }
   ];
 
   return (
-    <section id="features" className="py-24 bg-brand-dark relative">
+    <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-brand-accent font-semibold tracking-wide uppercase text-sm">Why NeuroData?</h2>
-          <p className="mt-2 text-3xl font-extrabold text-white sm:text-4xl">
-            Infrastructure built for the Intelligence Age
-          </p>
-          <p className="mt-4 max-w-2xl text-xl text-gray-400 mx-auto">
-            We handle the data engineering complexity so you can focus on architecture and training.
+          <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) => (
-            <FeatureCard 
-              key={index}
-              icon={feature.icon}
-              title={feature.title}
-              description={feature.description}
-            />
+            <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;