Fix Deplopyment Error

Author: sa-fw-an

src/components/AboutUs/GoalsSection.tsx

@@ -24,7 +24,13 @@ interface GoalStat {
 }
 
 const GoalsSection: FC = () => {
-  const renderProgressBars = (items) => {
+  interface ProgressItem {
+    label: string;
+    percent: number;
+    color: string;
+  }
+
+  const renderProgressBars = (items: ProgressItem[]) => {
     return items.map((item, index) => (
       <motion.div
         key={index}

src/components/AboutUs/HeroSection.tsx

@@ -81,24 +81,6 @@ const HeroSection = () => {
         </motion.span>{' '}
         Enthusiasts
       </motion.h2>
-
-      {/* Animated decorative circles */}
-      <div className="absolute w-full h-full pointer-events-none">
-        {[...Array(6)].map((_, i) => (
-          <motion.div
-            key={i}
-            className="absolute w-4 h-4 rounded-full bg-red-500/10"
-            style={{
-              x: Math.random() * window.innerWidth,
-              y: Math.random() * window.innerHeight,
-            }}
-            variants={heroAnimations.floatingCircle}
-            animate="visible"
-            custom={i}
-          />
-        ))}
-      </div>
-
       {/* Interactive mouse-follow effect */}
       <motion.div
         className="absolute w-96 h-96 bg-red-100 rounded-full blur-3xl opacity-20"

src/components/AboutUs/RoadmapSection.tsx

@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 import SectionContainer from '@/components/shared/SectionContainer';
 import SectionTitle from '@/components/shared/SectionTitle';
 import { roadmapItems, roadmapContent } from '@/constants/aboutUs/roadmap';
-import { roadmapSectionAnimations } from '@/styles/animations';
+import { roadmapSectionAnimations } from '@/styles/Animations';
 
 const RoadmapSection: React.FC = () => {
   return (

src/constants/aboutUs/goals.ts

@@ -1,16 +1,16 @@
-import { MotionProps, Variants } from 'framer-motion';
+import { MotionProps} from 'framer-motion';
 
 export interface Goal {
   title: string;
   description: string;
 }
 
-interface ProgressItem extends Variants {
-  label: string;
+interface ProgressItem {
   percent: number;
+  label: string;
   color: string;
-  [key: string]: string | number;
 }
+
 export interface SectionContentType {
   title: {
     main: string;

src/styles/Animations.ts

@@ -349,7 +349,7 @@ export const goalSectionAnimations = {
   },
 };
 
-// Hero Section animations
+
 export const heroAnimations = {
   container: {
     hidden: { opacity: 0 },
@@ -390,19 +390,6 @@ export const heroAnimations = {
       transition: { delay: 1.2, duration: 0.8 },
     },
   },
-  floatingCircle: {
-    hidden: { scale: 0, opacity: 0 },
-    visible: (i: number) => ({
-      scale: [0, 1.5, 1],
-      opacity: [0, 0.8, 0],
-      transition: {
-        duration: 3,
-        delay: i * 0.5,
-        repeat: Infinity,
-        repeatType: 'loop',
-      },
-    }),
-  },
   hoverText: {
     initial: {},
     hover: {