Skip to content

Commit c651f34

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix: Improve hero, translation, and page consistency
1 parent 5d94779 commit c651f34

9 files changed

Lines changed: 167 additions & 210 deletions

File tree

‎src/components/Header/DesktopNav.tsx‎

Lines changed: 12 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -35,18 +35,19 @@ const DesktopNav = () => {
3535
{ code: 'jp', name: '日本語 (Nihongo)', lang: 'ja' }
3636
];
3737

38-
const translatePage = (langCode: string, service: 'google' | 'deepl') => {
38+
const translatePage = (langCode: string) => {
3939
const currentUrl = window.location.href;
40-
let translateUrl: string;
41-
42-
if (service === 'google') {
43-
translateUrl = `https://translate.google.com/translate?sl=auto&tl=${langCode}&u=${encodeURIComponent(currentUrl)}`;
44-
} else {
45-
// DeepL direct translation
46-
translateUrl = `https://www.deepl.com/translator?utm_source=alienflowspace#auto/${langCode}/${encodeURIComponent(window.location.hostname)}`;
47-
}
40+
// Try Google Translate first, fallback to DeepL
41+
const googleUrl = `https://translate.google.com/translate?sl=auto&tl=${langCode}&u=${encodeURIComponent(currentUrl)}`;
4842

49-
window.open(translateUrl, '_blank', 'noopener,noreferrer');
43+
// Open Google Translate
44+
const googleWindow = window.open(googleUrl, '_blank', 'noopener,noreferrer');
45+
46+
// If Google fails or user prefers DeepL, they can manually use DeepL
47+
if (!googleWindow) {
48+
const deeplUrl = `https://www.deepl.com/translator?utm_source=alienflowspace#auto/${langCode}/${encodeURIComponent(currentUrl)}`;
49+
window.open(deeplUrl, '_blank', 'noopener,noreferrer');
50+
}
5051
};
5152

5253
return (
@@ -120,7 +121,7 @@ const DesktopNav = () => {
120121
<DropdownMenuItem
121122
key={lang.code}
122123
className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
123-
onSelect={(e) => { e.preventDefault(); translatePage(lang.lang, 'google'); }}
124+
onSelect={(e) => { e.preventDefault(); translatePage(lang.lang); }}
124125
>
125126
<img
126127
src={`https://flagcdn.com/w20/${lang.code}.png`}
@@ -130,21 +131,6 @@ const DesktopNav = () => {
130131
<span className="font-medium">{lang.name}</span>
131132
</DropdownMenuItem>
132133
))}
133-
<div className="border-t border-alien-gold/20 my-2" />
134-
<DropdownMenuItem
135-
className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
136-
onSelect={(e) => { e.preventDefault(); translatePage('es', 'google'); }}
137-
>
138-
<Globe className="w-4 h-4" />
139-
<span className="font-medium">Traducir con Google</span>
140-
</DropdownMenuItem>
141-
<DropdownMenuItem
142-
className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
143-
onSelect={(e) => { e.preventDefault(); translatePage('es', 'deepl'); }}
144-
>
145-
<Globe className="w-4 h-4" />
146-
<span className="font-medium">Traducir con DeepL</span>
147-
</DropdownMenuItem>
148134
</div>
149135
</DropdownMenuContent>
150136
</DropdownMenu>

‎src/components/Hero.tsx‎

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -59,21 +59,16 @@ const Hero: React.FC = () => {
5959
</motion.h1>
6060

6161
{/* Star Wars inspired description - Static and optimized */}
62-
<motion.div
63-
className="max-w-4xl mx-auto text-center"
64-
initial={{ opacity: 0 }}
65-
animate={{ opacity: 1 }}
66-
transition={{ delay: 0.5, duration: 1 }}
67-
>
68-
<div className="starwars-text space-y-4">
69-
<p className="text-base sm:text-lg lg:text-xl font-medium leading-relaxed">
62+
<div className="max-w-4xl mx-auto text-center">
63+
<div className="starwars-text space-y-4 opacity-100">
64+
<p className="text-base sm:text-lg lg:text-xl font-medium leading-relaxed text-yellow-300">
7065
Access the DAO with Innovative Solutions, Unlocks Energy Efficiency & Environmental Sustainability.
7166
</p>
72-
<p className="text-sm sm:text-base lg:text-lg opacity-90 leading-relaxed">
67+
<p className="text-sm sm:text-base lg:text-lg text-yellow-200/90 leading-relaxed">
7368
Advantages Boosting the BENEFITS, for Connecting you and Raise your QUALITY of LIFE, with Mutual PROFITS…
7469
</p>
7570
</div>
76-
</motion.div>
71+
</div>
7772

7873
{/* Action buttons */}
7974
<motion.div

‎src/components/LoadingLogo.tsx‎

Lines changed: 0 additions & 64 deletions
This file was deleted.

‎src/components/LoadingScreen.tsx‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
import React from 'react';
2+
import { motion } from 'framer-motion';
3+
4+
const LoadingScreen: React.FC = () => {
5+
return (
6+
<div className="fixed inset-0 bg-alien-space-dark/95 backdrop-blur-sm z-50 flex items-center justify-center">
7+
<div className="text-center">
8+
{/* Animated Logo */}
9+
<motion.img
10+
src="/lovable-uploads/ALogo.png"
11+
alt="AlienFlowSpaceDAO Logo"
12+
className="h-20 w-20 mx-auto mb-6 logo-glow"
13+
initial={{ scale: 0.8, opacity: 0 }}
14+
animate={{
15+
scale: [1, 1.1, 1],
16+
opacity: 1,
17+
rotate: [0, 360, 0]
18+
}}
19+
transition={{
20+
duration: 2,
21+
repeat: Infinity,
22+
repeatType: "reverse"
23+
}}
24+
/>
25+
26+
{/* Loading Text */}
27+
<motion.div
28+
initial={{ opacity: 0, y: 20 }}
29+
animate={{ opacity: 1, y: 0 }}
30+
transition={{ delay: 0.3 }}
31+
className="text-alien-gold font-nasalization text-lg mb-4"
32+
>
33+
Loading AlienFlowSpace DAO...
34+
</motion.div>
35+
36+
{/* Loading Bar */}
37+
<div className="w-48 h-2 bg-alien-space-light rounded-full overflow-hidden mx-auto">
38+
<motion.div
39+
className="h-full bg-gradient-to-r from-alien-gold to-alien-green"
40+
initial={{ width: "0%" }}
41+
animate={{ width: "100%" }}
42+
transition={{ duration: 1.5, repeat: Infinity, ease: "easeInOut" }}
43+
/>
44+
</div>
45+
</div>
46+
</div>
47+
);
48+
};
49+
50+
export default LoadingScreen;

‎src/index.css‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -166,16 +166,18 @@
166166
background: linear-gradient(145deg, hsl(var(--sidebar-accent)), hsl(var(--sidebar-primary)));
167167
}
168168

169-
/* Enhanced Star Wars text styling - Professional and readable */
169+
/* Star Wars text styling - Classic yellow crawl */
170170
.starwars-text {
171-
color: hsl(var(--foreground));
172-
text-shadow:
173-
0 2px 4px rgba(0, 0, 0, 0.5),
174-
0 0 12px hsl(var(--primary) / 0.4),
175-
0 0 24px hsl(var(--secondary) / 0.2);
171+
background: rgba(0, 0, 0, 0.5);
172+
padding: 2rem;
173+
border-radius: 1rem;
174+
backdrop-filter: blur(8px);
175+
border: 1px solid rgba(255, 215, 0, 0.3);
176176
font-family: 'Nasalization', sans-serif;
177-
font-weight: 500;
178-
letter-spacing: 0.5px;
177+
font-weight: 400;
178+
letter-spacing: 1px;
179+
line-height: 1.6;
180+
text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
179181
}
180182

181183
/* Clean Star Wars crawl - No background box, subtle animation */

‎src/pages/AlienTrip.tsx‎

Lines changed: 47 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -99,35 +99,54 @@ const AlienTrip: React.FC = () => {
9999
>
100100
<Rocket className="mr-2 h-5 w-5" /> Join the Journey
101101
</Button>
102-
<Button
103-
className="bg-alien-green/20 border-alien-green text-alien-green hover:bg-alien-green hover:text-alien-space-dark font-nasalization border-2 hover:shadow-lg hover:scale-105 transition-all duration-300"
104-
onClick={() => window.open("https://alienflowspace.gitbook.io/DAO", "_blank")}
105-
>
106-
<ScrollText className="mr-2 h-5 w-5" /> Documentation & Greenpapers
107-
</Button>
108102
</div>
109-
110-
{/* Combined Documentation Card - Simplified */}
111-
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 hover:border-alien-gold/40 transition-all duration-300">
112-
<CardContent className="p-6">
113-
<div className="flex items-center mb-4">
114-
<BookOpen className="h-6 w-6 text-alien-gold mr-3" />
115-
<h3 className="text-xl font-semibold text-alien-gold font-nasalization">Complete Documentation Hub</h3>
116-
</div>
117-
<p className="text-gray-300 mb-4 font-[Exo]">
118-
Access our complete documentation including whitepaper, tokenomics, roadmap, and all technical specifications in one place.
119-
</p>
120-
<a
121-
href="https://alienflowspace.gitbook.io/DAO"
122-
target="_blank"
123-
rel="noopener noreferrer"
124-
className="inline-flex items-center text-alien-green hover:text-alien-green-light font-[Exo] hover:scale-105 transition-all duration-300"
125-
>
126-
<span>Complete GitBook Hub</span>
127-
<Rocket className="ml-2 h-4 w-4" />
128-
</a>
129-
</CardContent>
130-
</Card>
103+
104+
{/* Documentation Cards */}
105+
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
106+
{/* GitBook Documentation */}
107+
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 hover:border-alien-gold/40 transition-all duration-300">
108+
<CardContent className="p-6">
109+
<div className="flex items-center mb-4">
110+
<BookOpen className="h-6 w-6 text-alien-gold mr-3" />
111+
<h3 className="text-xl font-semibold text-alien-gold font-nasalization">Documentation & Greenpapers</h3>
112+
</div>
113+
<p className="text-gray-300 mb-4 font-[Exo]">
114+
Access our complete whitepaper, technical documentation, and all greenpapers in our GitBook hub.
115+
</p>
116+
<a
117+
href="https://alienflowspace.gitbook.io/DAO"
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
className="inline-flex items-center text-alien-green hover:text-alien-green-light font-[Exo] hover:scale-105 transition-all duration-300 bg-alien-green/10 px-4 py-2 rounded-lg border border-alien-green/30 hover:bg-alien-green/20"
121+
>
122+
<span>Read GitBook Documentation</span>
123+
<Rocket className="ml-2 h-4 w-4" />
124+
</a>
125+
</CardContent>
126+
</Card>
127+
128+
{/* Tokenomics Card */}
129+
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-green/20 hover:border-alien-green/40 transition-all duration-300">
130+
<CardContent className="p-6">
131+
<div className="flex items-center mb-4">
132+
<PieChart className="h-6 w-6 text-alien-green mr-3" />
133+
<h3 className="text-xl font-semibold text-alien-green font-nasalization">Tokenomics Details</h3>
134+
</div>
135+
<p className="text-gray-300 mb-4 font-[Exo]">
136+
Explore the complete A₿TC token distribution, utility mechanisms, and economic model.
137+
</p>
138+
<a
139+
href="https://alienflowspace.gitbook.io/DAO"
140+
target="_blank"
141+
rel="noopener noreferrer"
142+
className="inline-flex items-center text-alien-gold hover:text-alien-gold-light font-[Exo] hover:scale-105 transition-all duration-300 bg-alien-gold/10 px-4 py-2 rounded-lg border border-alien-gold/30 hover:bg-alien-gold/20"
143+
>
144+
<span>View Tokenomics</span>
145+
<Rocket className="ml-2 h-4 w-4" />
146+
</a>
147+
</CardContent>
148+
</Card>
149+
</div>
131150
</div>
132151

133152
{/* Crypto Mint NFT - Compact design */}

‎src/pages/CoNetWorKing.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -253,9 +253,12 @@ const CoNetWorKing: React.FC = () => {
253253
{/* Background Network Image */}
254254

255255
<main className="container mx-auto px-4 pt-32 pb-16 relative z-20">
256-
<div className="max-w-7xl mx-auto">
256+
{/* Semi-transparent overlay for better text readability */}
257+
<div className="absolute inset-0 bg-black/40 backdrop-blur-sm rounded-3xl"></div>
258+
259+
<div className="max-w-7xl mx-auto relative z-30">
257260
{/* Hero Section with better readability */}
258-
<div className="text-center mb-20">
261+
<div className="text-center mb-20 bg-black/30 backdrop-blur-md p-8 rounded-2xl border border-alien-gold/20">
259262
<div className="inline-flex items-center justify-center w-24 h-24 bg-alien-gold/20 rounded-full mb-6 border-2 border-alien-gold/40 backdrop-blur-md">
260263
<img
261264
src="/lovable-uploads/CoNetWorKingLogo.png"

0 commit comments

Comments
 (0)