scroll issue

src/components/HeroSection.tsx

@@ -56,38 +56,7 @@ export function HeroSection({ children }: HeroSectionProps) {
         <div className="absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/60" />
       </div>
 
-      {/* Simplified Floating Icons */}
-      {floatingElements.map((element, index) => (
-        <motion.div
-          key={index}
-          className="absolute z-5 hidden lg:block"
-          style={{
-            left: `calc(50% + ${element.x}px)`,
-            top: `calc(50% + ${element.y}px)`,
-          }}
-          initial={{ opacity: 0, scale: 0 }}
-          animate={{
-            opacity: 0.3,
-            scale: 1,
-            y: [0, -10, 0],
-          }}
-          transition={{
-            delay: element.delay + 0.5,
-            duration: 1,
-            y: {
-              duration: 3,
-              repeat: Infinity,
-              ease: "easeInOut",
-            },
-          }}
-        >
-          <div className="w-16 h-16 bg-white/10 backdrop-blur-sm rounded-full flex items-center justify-center">
-            <element.icon
-              className={`h-8 w-8 ${element.color}`}
-            />
-          </div>
-        </motion.div>
-      ))}
+
 
       {/* Content */}
       <div className="relative z-10 container mx-auto px-4 text-center text-white py-8 sm:py-12">