let's see

src/components/LandingPage/LandingPageMain.jsx

@@ -1,19 +1,24 @@
 import React, { Suspense } from 'react';
 // import HeroMain from './Hero/HeroMain';
-const HeroMain = React.lazy(()=>import('./Hero/HeroMain'))
-import IntroductionMain from './Introduction/IntroductionMain';
-import EducationMain from './Education/EducationMain';
-import TechStackMain from './TechStack/TechStackMain';
-import LetsConnectMain from './LetsConnect/LetsConnectMain';
+const HeroMain = React.lazy(() => import('./Hero/HeroMain'))
+const IntroductionMain = React.lazy(() => import('./Introduction/IntroductionMain'))
+// import IntroductionMain from './Introduction/IntroductionMain';
+// import EducationMain from './Education/EducationMain';
+const EducationMain = React.lazy(() => import('./Education/EducationMain'))
+// import TechStackMain from './TechStack/TechStackMain';
+const TechStackMain = React.lazy(() => import('./TechStack/TechStackMain'))
+// import LetsConnectMain from './LetsConnect/LetsConnectMain';
+const LetsConnectMain = React.lazy(() => import('./LetsConnect/LetsConnectMain'))
 import Navbar from '../Navbar/Navbar';
 import LoadingScreen from './LazyLoadingComponents/LoadingScreen';
+import { CircularProgress } from '@mui/material';
 
 function LandingPageMain() {
   return (
     <>
-    <Navbar active={"home"}/>
-    <Suspense fallback={
-     <div
+      <Navbar active={"home"} />
+      <Suspense fallback={
+        <div
           style={{
             position: "fixed",
             top: 0,
@@ -25,18 +30,41 @@ function LandingPageMain() {
             // justifyContent: "center",
             // alignItems: "center",
             flexDirection: "column",
-            zIndex: 9999, 
+            zIndex: 9999,
           }}
         >
           <LoadingScreen />
-        </div> 
-    }>
-        <HeroMain/>
-    </Suspense>
+        </div>
+      }>
+        <HeroMain />
+      </Suspense>
+
+      <Suspense fallback={
+        <CircularProgress />
+      }>
         <IntroductionMain />
-        <EducationMain/>
-        <TechStackMain/>
-        <LetsConnectMain/>
+      </Suspense>
+
+      <Suspense fallback={
+        <CircularProgress />
+      }>
+        <EducationMain />
+      </Suspense>
+
+
+      <Suspense fallback={
+        <CircularProgress />
+      }>
+        <TechStackMain />
+      </Suspense>
+
+
+      <Suspense fallback={
+        <CircularProgress />
+      }>
+        <LetsConnectMain />
+      </Suspense>
+
     </>
   );
 }