diff --git a/src/assets/hero-about/hero-about-desktop-bak.svg b/src/assets/hero-about/hero-about-desktop-bak.svg
deleted file mode 100644
index 8a3ba3a2..00000000
--- a/src/assets/hero-about/hero-about-desktop-bak.svg
+++ /dev/null
@@ -1,5102 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/hero-about/hero-about-mobile-bak.svg b/src/assets/hero-about/hero-about-mobile-bak.svg
deleted file mode 100644
index cb584df1..00000000
--- a/src/assets/hero-about/hero-about-mobile-bak.svg
+++ /dev/null
@@ -1,6413 +0,0 @@
-
diff --git a/src/components/LoadingAnimation.tsx b/src/components/LoadingAnimation.tsx
new file mode 100644
index 00000000..2088a255
--- /dev/null
+++ b/src/components/LoadingAnimation.tsx
@@ -0,0 +1,13 @@
+const LoadingAnimation: React.FC = () => {
+ return (
+
+
+
+ );
+};
+
+export { LoadingAnimation };
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 018054d1..7f839402 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -8,6 +8,7 @@ export { Button } from './Button/Button';
export { NavItems } from './Navbar/NavItems';
export { Navbar } from './Navbar/Navbar';
export { Menu } from './Navbar/Menu';
+export { LoadingAnimation } from './LoadingAnimation';
export { ScrollButton } from './Scroll.button';
export { SocialIcons } from './SocialIcons';
@@ -20,4 +21,4 @@ export { HeroStatSection } from './sections/HeroStats.section';
export { TeamSection } from './sections/Team/Team.section';
export { ContactSection } from './sections/Contact.section';
export { FooterSection } from './sections/Footer.section';
-export { SponsorFAQSection } from './sections/SponsorFAQ.section';
\ No newline at end of file
+export { SponsorFAQSection } from './sections/SponsorFAQ.section';
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 955627b9..5ea06a19 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useState } from 'react';
import {
Navbar,
HeroStatSection,
@@ -6,11 +7,27 @@ import {
SponsorFAQSection,
FooterSection,
ScrollButton,
+ LoadingAnimation,
} from '@components';
const Landing: React.FC = () => {
+ const [isLoading, setIsLoading] = useState(true);
+
+ useEffect(() => {
+ // Delay for LoadingAnimation
+ const timer = setTimeout(() => {
+ setIsLoading(false);
+ }, 3000);
+
+ return () => clearTimeout(timer);
+ }, []);
+
+ if (isLoading) {
+ return ;
+ }
+
return (
-