Skip to content

Commit b5de28b

Browse files
Fix: Resolve page content loading issue
Attempt to fix the issue where page content is not loading.
1 parent 40cc042 commit b5de28b

File tree

3 files changed

+13
-12
lines changed

3 files changed

+13
-12
lines changed

src/components/Layout.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,16 @@ const Layout: React.FC = () => {
88
return (
99
<div className="flex flex-col min-h-screen">
1010
<Header />
11-
<div className="flex-1 content-container relative">
11+
<main className="flex-1 relative z-10">
12+
<div className="container mx-auto px-4 pt-20">
13+
<Outlet />
14+
</div>
1215
<img
1316
src="/lovable-uploads/ALogo.png"
1417
alt="AlienFlowSpace Logo"
1518
className="background-logo"
1619
/>
17-
<div className="container mx-auto px-4">
18-
<Outlet />
19-
</div>
20-
</div>
20+
</main>
2121
<Footer />
2222
</div>
2323
);

src/global.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,11 +40,10 @@ body {
4040
}
4141

4242
/* Make sure content is visible */
43-
.content-container {
43+
main {
4444
flex: 1;
45-
z-index: 1;
4645
position: relative;
47-
margin-top: 4rem;
46+
padding-top: 4rem;
4847
}
4948

5049
/* Add text glow effect */

src/pages/Index.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,11 @@ import EcosystemSection from '@/components/EcosystemSection';
77
import FeaturesSection from '@/components/FeaturesSection';
88
import FinancialFreedomSection from '@/components/FinancialFreedomSection';
99
import ParticipationSection from '@/components/ParticipationSection';
10+
import StatsSection from '@/components/StatsSection';
1011

1112
const Index: React.FC = () => {
1213
return (
13-
<div className="min-h-screen bg-alien-space">
14+
<div className="min-h-screen bg-alien-space relative">
1415
<div className="fixed inset-0 z-0" style={{
1516
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
1617
backgroundSize: 'cover',
@@ -19,17 +20,18 @@ const Index: React.FC = () => {
1920
opacity: 0.3
2021
}}></div>
2122
<StarBackground />
22-
<main className="relative z-10 pt-16">
23+
<div className="relative z-10">
2324
<Hero />
24-
<div className="container mx-auto text-center px-0 py-0">
25+
<div className="container mx-auto text-center px-4 py-8">
2526
<h2 className="text-4xl md:text-5xl font-bold mb-4 text-alien-gold font-[Atomic Age]">₿£€$$</h2>
2627
</div>
2728
<FinancialFreedomSection />
29+
<StatsSection />
2830
<ExploreSpacesSection />
2931
<EcosystemSection />
3032
<FeaturesSection />
3133
<ParticipationSection />
32-
</main>
34+
</div>
3335
</div>
3436
);
3537
};

0 commit comments

Comments
 (0)