Remove loading animation

Author: joye-fuu

frontend/src/components/Animations/FadeInAnimation.tsx

@@ -17,6 +17,7 @@ const FadeInAnimation = ({ children, delay = 0, yInitial = 30, className }: Fade
       animate={{ opacity: 1, y: 0 }}
       transition={{
         duration: 0.5,
+        ease: "easeOut",
         delay,
       }}
       className={className}

frontend/src/components/Animations/Loading.tsx

@@ -60,7 +60,7 @@ const Loading = () => {
         willChange: 'opacity',
       }}
     >
-      <div className="w-80 h-3 bg-gray-700 rounded-full overflow-hidden">
+      <div className="w-96 h-3 bg-gray-700 rounded-full overflow-hidden">
         <motion.div
           className="h-full bg-gradient-to-r from-blue-400 to-blue-500 rounded-full"
           initial={{ width: "0%" }}

frontend/src/components/Animations/ScrollEnterAnimation.tsx

@@ -11,10 +11,11 @@ const ScrollEnterAnimation = ({ children, delay = 0 }: ScrollEnterProps) => {
 
   return (
     <motion.div
-      initial={{ opacity: 0, y: 30 }} 
+      initial={{ opacity: 0, y: 50 }} 
       whileInView={{ opacity: 1, y: 0 }}
       transition={{
-        duration: 0.6,
+        duration: 0.5,
+        ease: "easeOut",
         delay,
       }}
       viewport={{ amount: 0.3, once: true }}

frontend/src/components/Background.tsx

@@ -8,7 +8,7 @@ const Background = () => {
   useEffect(() => {
     const timer = setTimeout(() => {
       setShouldLoad(true);
-    }, 900); 
+    }, 700); 
 
     return () => clearTimeout(timer);
   }, []);

frontend/src/components/Landing/index.tsx

@@ -1,25 +1,23 @@
 import Background from '@/components/Background';
-import Loading from '../Animations/Loading';
 import FadeInAnimation from '../Animations/FadeInAnimation';
 import React from 'react';
 
 const Landing = () => {
   const animationSequence = {
     h1: 0.1,
     h2: 0.2, 
-    background: 2.5,  
+    background: 2,  
   };
 
   return (
     <section
       className="flex flex-col min-h-screen justify-end py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden"
       id="landing"
     >
-      <Loading />
       <FadeInAnimation
         delay={animationSequence.background}
         yInitial={0}
-        className='absolute'
+        className='absolute w-full h-full'
       >
           <Background />
       </FadeInAnimation>