Skip to content

Commit e897bf2

Browse files
Fix: Home page footer not showing
The Home page footer issue was caused by conflicting styles in `Index.tsx` interfering with the `Layout` component. This commit removes the conflicting styles to ensure the footer appears correctly.
1 parent 5b5f437 commit e897bf2

File tree

1 file changed

+20
-14
lines changed

1 file changed

+20
-14
lines changed

src/pages/Index.tsx

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,27 @@ import ParticipationSection from '@/components/ParticipationSection';
1010

1111
const Index: React.FC = () => {
1212
return (
13-
<>
14-
{/* Fixed background image with proper opacity - behind everything */}
15-
<div className="fixed inset-0 -z-20" style={{
16-
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
17-
backgroundSize: 'cover',
18-
backgroundPosition: 'center',
19-
backgroundRepeat: 'no-repeat',
20-
opacity: 0.3
21-
}}></div>
13+
<div className="relative">
14+
{/* Fixed background image - positioned behind everything */}
15+
<div
16+
className="fixed inset-0 pointer-events-none"
17+
style={{
18+
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
19+
backgroundSize: 'cover',
20+
backgroundPosition: 'center',
21+
backgroundRepeat: 'no-repeat',
22+
opacity: 0.3,
23+
zIndex: -30
24+
}}
25+
/>
2226

23-
{/* Star background effect */}
24-
<StarBackground />
27+
{/* Star background effect - also behind content */}
28+
<div className="fixed inset-0 pointer-events-none" style={{ zIndex: -20 }}>
29+
<StarBackground />
30+
</div>
2531

26-
{/* Content sections - no min-h-screen here to allow footer to show */}
27-
<div className="relative z-10">
32+
{/* Main content - ensure it has proper height and flow */}
33+
<div className="relative z-10 min-h-screen">
2834
<Hero />
2935
<div className="container mx-auto text-center px-4 py-8 section-center">
3036
<h2 className="text-4xl md:text-5xl mb-4 text-alien-gold font-nasalization">₿£€$$</h2>
@@ -37,7 +43,7 @@ const Index: React.FC = () => {
3743
<ParticipationSection />
3844
</div>
3945
</div>
40-
</>
46+
</div>
4147
);
4248
};
4349

0 commit comments

Comments
 (0)