Consolidated Suspense boundaries

Wrap all lazy-loaded sections in a single Suspense in Index.tsx to show one LoadingScreen and prevent multiple loaders.

X-Lovable-Edit-ID: edt-5d705f0e-0c26-45cc-ab31-25c6c4ae54cf
Co-authored-by: Alien69Flow <111972684+Alien69Flow@users.noreply.github.com>

Author: lovable-dev[bot]

.lovable/plan.md

@@ -1,31 +1,2 @@
 
-
-# Fix Loading Screen Issue
-
-## Problem
-`Index.tsx` has **8 separate `Suspense` boundaries**, each with its own `LoadingScreen` fallback. When the page loads, all 8 lazy components load simultaneously, showing **8 stacked loading screens** instead of content.
-
-## Solution
-Use a **single Suspense boundary** wrapping all lazy-loaded sections, showing one loading screen while everything loads together.
-
-## Changes
-
-### `src/pages/Index.tsx`
-- Wrap all lazy components in **one** `<Suspense fallback={<LoadingScreen />}>`
-- Keep lazy imports for code-splitting benefits
-- Content appears together once loaded
-
-```tsx
-<Suspense fallback={<LoadingScreen />}>
-  <Hero />
-  <FinancialFreedomSection />
-  <ExploreSpacesSection />
-  {/* ... all sections */}
-</Suspense>
-```
-
-## Result
-- Single loading animation while content loads
-- No more stacked loading screens
-- Same user experience as before
-
+Aquí tienes el plan de acción corregido y ultra-detallado. He inyectado tus instrucciones de jerarquía, la nueva categoría estratégica CashFlow, el orden alfabético y la restauración estética del día 23.Copia este texto y pégalo directamente en el botón "Edit Plan" de Lovable antes de darle a "Approve".Academy Page Redesign Plan: Quantum Restoration & Strategic Expansion1. Hero Header: 23rd Jan RestorationPriority: Restore the high-tech visual identity exactly as it was on January 23rd.Circular Logo Frame: Restore the double-ring circular frame with depth shadows and the "Quantum Glow" (pulsating animation).Typography: Reset title to 'Nasalization' font with the original green/gold gradient and drop-shadow.Subtitle/Quote: Restore the italicized, wide-spaced subtitle with the original golden-muted color palette.Spacing: Do not over-compact. Maintain the original vertical breathing room that felt premium.2. Partners: Logical & Institutional RestructuringOrganize all partners ALPHABETICALLY within these specific categories:CategoryIncluded PartnersACADEMY PARTNERSAcademia, AulaFacil, Coursera, Cursa, edX, GrowGoogle, Hotmart, MasterClass, Mooc, SkillShare, Udacity, UNED.CASHFLOWAzrael Codex (Bitget), Predik.HEALTHFLOWMeslo Ltd, Motus DAO, My DNA Bank, Proton, Yazio.DATAFLOWAlchemy, HackMD, HackerRank.ECOFLOWClimateReanalyzer, OEGlobal, OpenUpEd.GAMEFLOWExplore, Unity Learn.SPACEFLOWESA, KAGRA, LIGO, LSC, NASA, UNESCO, UNSSC, Virgo.3. Asset & Logo IntegrityPriority 1: Use all files from /lovable-uploads/Academy/ (matching the GitHub repository).Priority 2: For missing official logos (NASA, Coursera, Proton, etc.), use high-resolution official Wiki/External URLs as previously implemented.Visuals: Maintain the grayscale to color filter on hover.Links: Ensure every partner has its functional external link.4. UI/UX Polish (Contact Us & Global)Contact Page: Fix the H1 separator by adding horizontal gradient lines (transparent -> alien-green -> transparent) to the sides of the center dot.Chat Bubble: Add the triangular "comic-style" pointer to the message bubble in the Contact section to make it look like a real chat.Interactions: Ensure all cards use the scale-[1.01] transition with a 300ms duration.5. Technical ImplementationUpdate src/pages/Academy.tsx as a single, clean file.Ensure the partnerCategories constant reflects the alphabetical order and the new CashFlow category.6. Proactive ExpansionIntegrate 2 or 3 additional high-prestige institutions in SpaceFlow or HealthFlow (e.g., SpaceX, CERN, or major BioTech labs) if high-quality logos are available, to enhance institutional weight.

src/pages/Index.tsx

@@ -14,45 +14,25 @@ const NewsletterSubscription = lazy(() => import('@/components/NewsletterSubscri
 const Index: React.FC = () => {
   return (
     <div className="relative z-10 min-h-screen bg-alien-space-dark/10">
-      
-      {/* Hero con estrellas */}
-      <div className="relative pt-10">
-        <div className="absolute inset-0 -z-10">
-          <StarBackground />
-        </div>
-        <Suspense fallback={<LoadingScreen />}>
+      <Suspense fallback={<LoadingScreen />}>
+        {/* Hero con estrellas */}
+        <div className="relative pt-10">
+          <div className="absolute inset-0 -z-10">
+            <StarBackground />
+          </div>
           <Hero />
-        </Suspense>
-      </div>
+        </div>
 
-      <Suspense fallback={<LoadingScreen />}>
         <FinancialFreedomSection />
-      </Suspense>
-
-      <Suspense fallback={<LoadingScreen />}>
         <ExploreSpacesSection />
-      </Suspense>
-
-      {/* Stats Section — after Explore for better narrative */}
-      <Suspense fallback={<LoadingScreen />}>
         <StatsSection />
-      </Suspense>
-
-      <Suspense fallback={<LoadingScreen />}>
         <EcosystemSection />
-      </Suspense>
-
-      <Suspense fallback={<LoadingScreen />}>
         <FeaturesSection />
-      </Suspense>
-
-      <Suspense fallback={<LoadingScreen />}>
+        
         <div className="section-center">
           <ParticipationSection />
         </div>
-      </Suspense>
 
-      <Suspense fallback={<LoadingScreen />}>
         <div className="py-16 px-4">
           <div className="max-w-lg mx-auto">
             <NewsletterSubscription />