Upload components/Hero.jsx with huggingface_hub

components/Hero.jsx

@@ -4,7 +4,6 @@ import { ArrowRight, Zap, Layers, Brain } from 'lucide-react';
 export default function Hero() {
   return (
     <section className="relative min-h-screen flex items-center justify-center overflow-hidden bg-slate-900 pt-20">
-      {/* Background Elements */}
       <div className="absolute inset-0 overflow-hidden">
         <div className="absolute -top-[30%] -left-[10%] w-[70%] h-[70%] rounded-full bg-purple-600/20 blur-[120px] animate-float"></div>
         <div className="absolute top-[20%] -right-[10%] w-[60%] h-[60%] rounded-full bg-blue-600/20 blur-[100px] animate-float" style={{ animationDelay: '2s' }}></div>
@@ -47,7 +46,6 @@ export default function Hero() {
           </div>
         </motion.div>
         
-        {/* Features Grid */}
         <motion.div 
           className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-24"
           initial={{ opacity: 0, y: 40 }}
@@ -85,7 +83,6 @@ export default function Hero() {
         </motion.div>
       </div>
       
-      {/* Scroll Indicator */}
       <motion.div 
         className="absolute bottom-10 left-1/2 transform -translate-x-1/2"
         animate={{ y: [0, 10, 0] }}