Skip to content

Commit 4c9acea

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix: Apply official background and remove blue overlay
Apply the official background image to all pages and remove the blue semi-transparent overlay.
1 parent 839e420 commit 4c9acea

File tree

3 files changed

+29
-56
lines changed

3 files changed

+29
-56
lines changed

‎src/pages/Academy.tsx‎

Lines changed: 13 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
import React from 'react';
32
import StarBackground from '@/components/StarBackground';
43
import { GraduationCap, BookOpen, Video, Users, Award, Sparkles } from 'lucide-react';
@@ -12,16 +11,16 @@ const CourseCard = ({ title, description, icon, level, duration, color }: {
1211
duration: string;
1312
color: string;
1413
}) => (
15-
<div className="bg-alien-space-dark/50 backdrop-blur-md rounded-lg overflow-hidden border border-alien-gold/20 hover:border-alien-gold/50 transition-all hover:transform hover:scale-[1.01]">
14+
<div className="bg-alien-space-dark/60 backdrop-blur-md rounded-lg overflow-hidden border border-alien-gold/20 hover:border-alien-gold/50 transition-all hover:transform hover:scale-[1.01]">
1615
<div className={`h-2 ${color}`}></div>
1716
<div className="p-6">
1817
<div className="flex items-start justify-between mb-4">
19-
<div className="p-3 bg-alien-space-light rounded-full">
18+
<div className="p-3 bg-alien-space-light/50 rounded-full">
2019
{icon}
2120
</div>
2221
<div className="flex space-x-2">
23-
<span className="px-2 py-1 text-xs bg-alien-space-light rounded-full text-alien-gold">{level}</span>
24-
<span className="px-2 py-1 text-xs bg-alien-space-light rounded-full text-alien-green">{duration}</span>
22+
<span className="px-2 py-1 text-xs bg-alien-space-light/50 rounded-full text-alien-gold">{level}</span>
23+
<span className="px-2 py-1 text-xs bg-alien-space-light/50 rounded-full text-alien-green">{duration}</span>
2524
</div>
2625
</div>
2726
<h3 className="text-xl font-semibold mb-2 text-alien-gold font-nasalization">{title}</h3>
@@ -86,29 +85,19 @@ const Academy: React.FC = () => {
8685
];
8786

8887
return (
89-
<div className="relative flex flex-col flex-1 bg-alien-space">
90-
<StarBackground />
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">
88+
<div className="relative flex flex-col flex-1">
89+
<main className="relative z-10 flex-grow container mx-auto px-4 pt-4 pb-16">
10190
<div className="max-w-6xl mx-auto">
102-
<div className="text-center mb-16">
103-
<GraduationCap className="h-16 w-16 text-alien-gold mx-auto mb-4" />
91+
<div className="text-center mb-12">
92+
<GraduationCap className="h-12 w-12 text-alien-gold mx-auto mb-4" />
10493
<h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-6 font-nasalization">Academy</h1>
10594
<p className="text-xl text-gray-300 max-w-3xl mx-auto font-[Exo]">
10695
Expand your cosmic knowledge and master the principles of decentralized technologies through our immersive learning experiences.
10796
</p>
10897
</div>
10998

11099
{/* Featured Course */}
111-
<div className="mb-16 bg-alien-space-dark/60 rounded-xl overflow-hidden backdrop-blur-md border border-alien-gold/30">
100+
<div className="mb-12 bg-alien-space-dark/60 rounded-xl overflow-hidden backdrop-blur-md border border-alien-gold/30">
112101
<div className="grid grid-cols-1 md:grid-cols-2">
113102
<div className="p-8 md:p-12">
114103
<h2 className="text-3xl font-bold text-alien-gold mb-4 font-nasalization">Certification Degree Master's Program</h2>
@@ -133,14 +122,14 @@ const Academy: React.FC = () => {
133122
Join Waitlist
134123
</Button>
135124
</div>
136-
<div className="bg-gradient-to-tr from-alien-green/30 to-alien-gold/30 p-8 flex items-center justify-center">
137-
<GraduationCap className="h-32 w-32 text-alien-gold" />
125+
<div className="bg-gradient-to-tr from-alien-green/20 to-alien-gold/20 p-8 flex items-center justify-center">
126+
<GraduationCap className="h-24 w-24 text-alien-gold" />
138127
</div>
139128
</div>
140129
</div>
141130

142131
{/* Course Grid */}
143-
<div className="mb-16">
132+
<div className="mb-12">
144133
<h2 className="text-2xl font-bold text-alien-gold mb-8 font-nasalization">Featured Courses</h2>
145134
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
146135
{courses.map((course, index) => (
@@ -150,7 +139,7 @@ const Academy: React.FC = () => {
150139
</div>
151140

152141
{/* CTA Section */}
153-
<div className="text-center bg-alien-space-dark/50 rounded-xl p-8 backdrop-blur-md border border-alien-gold/20">
142+
<div className="text-center bg-alien-space-dark/60 rounded-xl p-8 backdrop-blur-md border border-alien-gold/20">
154143
<h2 className="text-2xl font-bold text-alien-gold mb-4 font-nasalization">Ready to Expand Your Cosmic Knowledge?</h2>
155144
<p className="text-gray-300 mb-6 max-w-2xl mx-auto font-[Exo]">
156145
Join thousands of space navigators on their journey to master the principles of the decentralized multiverse.

‎src/pages/Contact.tsx‎

Lines changed: 14 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,8 @@ import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linked
66

77
const Contact: React.FC = () => {
88
return (
9-
<div className="relative flex flex-col flex-1 bg-alien-space">
10-
<StarBackground />
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">
9+
<div className="relative flex flex-col flex-1">
10+
<main className="relative z-10 flex-grow container mx-auto px-4 pt-4 pb-16">
2111
<div className="max-w-3xl mx-auto">
2212
<h1 className="text-4xl md:text-5xl font-bold text-alien-gold mb-8 font-nasalization">Contact Us</h1>
2313

@@ -28,7 +18,7 @@ const Contact: React.FC = () => {
2818
</p>
2919

3020
<div className="space-y-4">
31-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
21+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
3222
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
3323
<Mail className="h-5 w-5 text-alien-space-dark" />
3424
</div>
@@ -38,7 +28,7 @@ const Contact: React.FC = () => {
3828
</div>
3929
</div>
4030

41-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
31+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
4232
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
4333
<Disc className="h-5 w-5 text-alien-space-dark" />
4434
</div>
@@ -48,7 +38,7 @@ const Contact: React.FC = () => {
4838
</div>
4939
</div>
5040

51-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
41+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
5242
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
5343
<X className="h-5 w-5 text-alien-space-dark" />
5444
</div>
@@ -58,7 +48,7 @@ const Contact: React.FC = () => {
5848
</div>
5949
</div>
6050

61-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
51+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
6252
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
6353
<Facebook className="h-5 w-5 text-alien-space-dark" />
6454
</div>
@@ -68,7 +58,7 @@ const Contact: React.FC = () => {
6858
</div>
6959
</div>
7060

71-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
61+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
7262
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
7363
<Instagram className="h-5 w-5 text-alien-space-dark" />
7464
</div>
@@ -78,7 +68,7 @@ const Contact: React.FC = () => {
7868
</div>
7969
</div>
8070

81-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
71+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
8272
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
8373
<Send className="h-5 w-5 text-alien-space-dark" />
8474
</div>
@@ -88,7 +78,7 @@ const Contact: React.FC = () => {
8878
</div>
8979
</div>
9080

91-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
81+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
9282
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
9383
<Github className="h-5 w-5 text-alien-space-dark" />
9484
</div>
@@ -98,7 +88,7 @@ const Contact: React.FC = () => {
9888
</div>
9989
</div>
10090

101-
<div className="flex items-center p-4 bg-alien-space-dark/50 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/70 transition-colors">
91+
<div className="flex items-center p-4 bg-alien-space-dark/60 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/80 transition-colors">
10292
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
10393
<Linkedin className="h-5 w-5 text-alien-space-dark" />
10494
</div>
@@ -110,15 +100,15 @@ const Contact: React.FC = () => {
110100
</div>
111101
</div>
112102

113-
<div className="bg-alien-space-dark/50 p-6 rounded-lg backdrop-blur-md">
103+
<div className="bg-alien-space-dark/60 p-6 rounded-lg backdrop-blur-md">
114104
<h2 className="text-2xl font-semibold text-alien-green mb-4 font-nasalization">Send us a message</h2>
115105
<form className="space-y-4">
116106
<div>
117107
<label className="block text-sm font-medium text-gray-400 mb-1 font-[Exo]" htmlFor="name">Name</label>
118108
<input
119109
type="text"
120110
id="name"
121-
className="w-full px-4 py-2 bg-alien-space-light rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
111+
className="w-full px-4 py-2 bg-alien-space-light/50 rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
122112
placeholder="Your name"
123113
/>
124114
</div>
@@ -128,7 +118,7 @@ const Contact: React.FC = () => {
128118
<input
129119
type="email"
130120
id="email"
131-
className="w-full px-4 py-2 bg-alien-space-light rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
121+
className="w-full px-4 py-2 bg-alien-space-light/50 rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
132122
placeholder="[email protected]"
133123
/>
134124
</div>
@@ -138,7 +128,7 @@ const Contact: React.FC = () => {
138128
<textarea
139129
id="message"
140130
rows={4}
141-
className="w-full px-4 py-2 bg-alien-space-light rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
131+
className="w-full px-4 py-2 bg-alien-space-light/50 rounded-md border border-gray-600 text-gray-200 focus:border-alien-gold focus:outline-none font-[Exo]"
142132
placeholder="Your message"
143133
></textarea>
144134
</div>

‎src/pages/NotFound.tsx‎

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

22
import React from 'react';
33
import { Link } from 'react-router-dom';
4-
import StarBackground from '@/components/StarBackground';
5-
import Header from '@/components/Header';
6-
import Footer from '@/components/Footer';
74
import { Button } from '@/components/ui/button';
85
import { Home } from 'lucide-react';
96

107
const NotFound: React.FC = () => {
118
return (
12-
<div className="min-h-screen bg-alien-space">
13-
<StarBackground />
14-
<Header />
15-
<main className="container mx-auto px-4 pt-24 pb-16 flex items-center justify-center min-h-[calc(100vh-16rem)]">
9+
<div className="relative flex flex-col flex-1">
10+
<main className="relative z-10 flex-grow container mx-auto px-4 pt-24 pb-16 flex items-center justify-center min-h-[60vh]">
1611
<div className="text-center max-w-xl">
1712
<h1 className="text-7xl md:text-9xl font-bold text-alien-gold mb-4 font-nasalization">404</h1>
1813
<p className="text-xl md:text-2xl text-gray-300 mb-8 font-[Exo]">Parece que te has perdido en el espacio. Esta dimensión no existe en nuestro multiverso.</p>
@@ -23,7 +18,6 @@ const NotFound: React.FC = () => {
2318
</Link>
2419
</div>
2520
</main>
26-
<Footer />
2721
</div>
2822
);
2923
};

0 commit comments

Comments
 (0)