Skip to content

Commit 0626080

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix: Resolve display and footer issues
- Restore Star Wars font on the home page. - Correct the semi-transparent blue background in the Advanced Features section. - Fix duplicated footer elements across all pages.
1 parent 943fcad commit 0626080

File tree

5 files changed

+50
-47
lines changed

5 files changed

+50
-47
lines changed

‎src/components/FeaturesSection.tsx‎

Lines changed: 22 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -26,35 +26,30 @@ const features = [{
2626
}];
2727

2828
const FeaturesSection = () => {
29-
return <section className="py-20 relative overflow-hidden">
29+
return (
30+
<section className="py-20 relative overflow-hidden">
3031
<div className="container mx-auto px-4 py-0 my-0">
31-
<motion.div initial={{
32-
opacity: 0
33-
}} whileInView={{
34-
opacity: 1
35-
}} transition={{
36-
duration: 0.8
37-
}} viewport={{
38-
once: true
39-
}} className="text-center mb-16">
32+
<motion.div
33+
initial={{ opacity: 0 }}
34+
whileInView={{ opacity: 1 }}
35+
transition={{ duration: 0.8 }}
36+
viewport={{ once: true }}
37+
className="text-center mb-16"
38+
>
4039
<h2 className="text-4xl font-bold mb-4 text-alien-gold text-glow font-nasalization">Advanced Features</h2>
4140
<p className="text-xl text-gray-300 max-w-3xl mx-auto">ΔlieπFlΦw $pac€ offers cutting-edge technologies to support our interstellar ecosystem</p>
4241
</motion.div>
4342

4443
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
45-
{features.map((feature, index) => <motion.div key={index} initial={{
46-
opacity: 0,
47-
y: 20
48-
}} whileInView={{
49-
opacity: 1,
50-
y: 0
51-
}} transition={{
52-
duration: 0.5,
53-
delay: index * 0.1
54-
}} viewport={{
55-
once: true,
56-
margin: "-50px"
57-
}} className="card-border p-6 relative overflow-hidden group">
44+
{features.map((feature, index) => (
45+
<motion.div
46+
key={index}
47+
initial={{ opacity: 0, y: 20 }}
48+
whileInView={{ opacity: 1, y: 0 }}
49+
transition={{ duration: 0.5, delay: index * 0.1 }}
50+
viewport={{ once: true, margin: "-50px" }}
51+
className="card-border p-6 relative overflow-hidden group"
52+
>
5853
<div className="mb-6 p-4 rounded-full bg-gradient-to-br from-alien-gold-dark/20 to-alien-green-dark/20 w-fit">
5954
<div className="text-alien-gold group-hover:text-alien-green transition-colors duration-300">
6055
{feature.icon}
@@ -64,15 +59,13 @@ const FeaturesSection = () => {
6459
<h3 className="text-xl font-semibold mb-3 text-alien-gold font-nasalization">{feature.title}</h3>
6560
<p className="text-gray-300">{feature.description}</p>
6661

67-
{/* Hover effect */}
6862
<div className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-alien-gold to-alien-green scale-x-0 group-hover:scale-x-100 transition-transform duration-300 origin-left"></div>
69-
</motion.div>)}
63+
</motion.div>
64+
))}
7065
</div>
7166
</div>
72-
73-
{/* Background decoration */}
74-
<div className="absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t from-alien-space to-transparent"></div>
75-
</section>;
67+
</section>
68+
);
7669
};
7770

7871
export default FeaturesSection;

‎src/components/Hero.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
12
import React from 'react';
23
import { motion } from 'framer-motion';
34
import { Button } from '@/components/ui/button';
@@ -35,6 +36,7 @@ const Hero = () => {
3536

3637
<h1
3738
className="text-3xl sm:text-4xl md:text-6xl lg:text-7xl mb-4 tracking-tight text-glow text-center font-nasalization"
39+
style={{ fontFamily: "'Nasalization', sans-serif !important" }}
3840
>
3941
<span className="text-alien-green">Δlieπ</span>
4042
<span className="text-alien-gold">FlΦw</span>

‎src/components/Layout.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,8 @@ const Layout: React.FC = () => {
88
return (
99
<div className="flex flex-col min-h-screen bg-black">
1010
<Header />
11-
<main className="flex-1 relative z-10 pt-24 sm:pt-28 md:pt-32">
12-
<div className="container mx-auto px-4">
13-
<Outlet />
14-
</div>
11+
<main className="flex-1 relative z-10">
12+
<Outlet />
1513
</main>
1614
<Footer />
1715
</div>

‎src/pages/Academy.tsx‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11

22
import React from 'react';
33
import StarBackground from '@/components/StarBackground';
4-
import Header from '@/components/Header';
5-
import Footer from '@/components/Footer';
64
import { GraduationCap, BookOpen, Video, Users, Award, Sparkles } from 'lucide-react';
75
import { Button } from '@/components/ui/button';
86

@@ -88,10 +86,18 @@ const Academy: React.FC = () => {
8886
];
8987

9088
return (
91-
<div className="min-h-screen bg-alien-space">
89+
<div className="relative flex flex-col flex-1 bg-alien-space">
9290
<StarBackground />
93-
<Header />
94-
<main className="container mx-auto px-4 pt-28 pb-16">
91+
<div
92+
className="absolute inset-0 -z-10 bg-cover bg-center bg-no-repeat pointer-events-none"
93+
style={{
94+
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
95+
}}
96+
>
97+
<div className="w-full h-full bg-black/50" />
98+
</div>
99+
100+
<main className="relative z-10 flex-grow container mx-auto px-4 pt-24 pb-16">
95101
<div className="max-w-6xl mx-auto">
96102
<div className="text-center mb-16">
97103
<GraduationCap className="h-16 w-16 text-alien-gold mx-auto mb-4" />
@@ -160,7 +166,6 @@ const Academy: React.FC = () => {
160166
</div>
161167
</div>
162168
</main>
163-
<Footer />
164169
</div>
165170
);
166171
};

‎src/pages/Contact.tsx‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,25 @@
11

22
import React from 'react';
33
import StarBackground from '@/components/StarBackground';
4-
import Header from '@/components/Header';
5-
import Footer from '@/components/Footer';
64
import { Button } from '@/components/ui/button';
75
import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linkedin } from 'lucide-react';
86

97
const Contact: React.FC = () => {
108
return (
11-
<div className="min-h-screen bg-alien-space">
9+
<div className="relative flex flex-col flex-1 bg-alien-space">
1210
<StarBackground />
13-
<Header />
14-
<main className="container mx-auto px-4 pt-24 pb-16">
11+
<div
12+
className="absolute inset-0 -z-10 bg-cover bg-center bg-no-repeat pointer-events-none"
13+
style={{
14+
backgroundImage: `url('/lovable-uploads/EMWBack.png')`,
15+
}}
16+
>
17+
<div className="w-full h-full bg-black/50" />
18+
</div>
19+
20+
<main className="relative z-10 flex-grow container mx-auto px-4 pt-24 pb-16">
1521
<div className="max-w-3xl mx-auto">
16-
<h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-8 font-[Atomic Age, Star Wars]">Contact Us</h1>
22+
<h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-8 font-nasalization">Contact Us</h1>
1723

1824
<div className="grid grid-cols-1 md:grid-cols-2 gap-10">
1925
<div className="space-y-6">
@@ -105,7 +111,7 @@ const Contact: React.FC = () => {
105111
</div>
106112

107113
<div className="bg-alien-space-dark/50 p-6 rounded-lg backdrop-blur-md">
108-
<h2 className="text-2xl font-semibold text-alien-green mb-4 font-[Atomic Age, Star Wars]">Send us a message</h2>
114+
<h2 className="text-2xl font-semibold text-alien-green mb-4 font-nasalization">Send us a message</h2>
109115
<form className="space-y-4">
110116
<div>
111117
<label className="block text-sm font-medium text-gray-400 mb-1 font-[Exo]" htmlFor="name">Name</label>
@@ -145,7 +151,6 @@ const Contact: React.FC = () => {
145151
</div>
146152
</div>
147153
</main>
148-
<Footer />
149154
</div>
150155
);
151156
};

0 commit comments

Comments
 (0)