Skip to content

Commit 045351a

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix AlienTrip and Contact page layouts
The AI optimized the Crypto Mint section in AlienTrip, added new roadmap items, and reordered contact buttons alphabetically.
1 parent a0ac163 commit 045351a

File tree

3 files changed

+74
-43
lines changed

3 files changed

+74
-43
lines changed

‎src/components/Footer.tsx‎

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

22
import React from 'react';
3-
import { X, Facebook, Instagram, Mail, Disc, Send, Github, Linkedin } from 'lucide-react';
3+
import { X, Facebook, Instagram, Mail, Disc, Send, Github, Linkedin, MessageSquare, BookOpen } from 'lucide-react';
44
import { Link } from 'react-router-dom';
55

66
const Footer = () => {
@@ -26,14 +26,16 @@ const Footer = () => {
2626
</p>
2727
<div className="flex gap-2 pt-1 flex-wrap">
2828
{[
29-
{ href: "https://x.com/alien69flow", icon: X, label: "X (Twitter)", color: "#1DA1F2" },
30-
{ href: "https://www.facebook.com/Alien69Flow", icon: Facebook, label: "Facebook", color: "#1877F2" },
31-
{ href: "https://www.instagram.com/alien69flow/", icon: Instagram, label: "Instagram", color: "#E4405F" },
3229
{ href: "https://discord.gg/alienflowspace", icon: Disc, label: "Discord", color: "#5865F2" },
3330
{ href: "mailto:[email protected]", icon: Mail, label: "Email", color: "#F0D882" },
34-
{ href: "https://t.me/AlienFlow", icon: Send, label: "Telegram", color: "#0088CC" },
31+
{ href: "https://www.facebook.com/Alien69Flow", icon: Facebook, label: "Facebook", color: "#1877F2" },
32+
{ href: "https://alienflowspace.gitbook.io/DAO", icon: BookOpen, label: "GitBook", color: "#22C55E" },
3533
{ href: "https://github.com/AlienFlowSpaceDAO", icon: Github, label: "Github", color: "#22C55E" },
36-
{ href: "https://linkedin.com/in/alienflow", icon: Linkedin, label: "LinkedIn", color: "#0A66C2" }
34+
{ href: "https://www.instagram.com/alien69flow/", icon: Instagram, label: "Instagram", color: "#E4405F" },
35+
{ href: "https://linkedin.com/in/alienflow", icon: Linkedin, label: "LinkedIn", color: "#0A66C2" },
36+
{ href: "https://t.me/AlienFlow", icon: Send, label: "Telegram", color: "#0088CC" },
37+
{ href: "https://threads.net/@alien69flow", icon: MessageSquare, label: "Threads", color: "#000" },
38+
{ href: "https://x.com/alien69flow", icon: X, label: "X (Twitter)", color: "#1DA1F2" }
3739
].map((social, index) => (
3840
<a
3941
key={index}

‎src/pages/AlienTrip.tsx‎

Lines changed: 30 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,29 @@ const AlienTrip: React.FC = () => {
1515
}, {
1616
quarter: "Q4 2025",
1717
title: "Ecosystem Integration Phase I",
18-
description: "First wave of ecosystem partners onboarded and interconnected within the network. Collaborate with organizations focused on BioFi, DeFi, DePin, DeSci, IPFS, QFS, ReFi, RWA, SocialFi and TradFi, forming strategic alliances.",
18+
description: "First wave of ecosystem partners onboarded and interconnected within the network. Collaborate with organizations focused on BioFi, DeFi, DePin, DeSci, IPFS, QFS, ReFi, RWA, SocialFi and TradFi, forming strategic alliances. Address environmental emergencies and partner with UNESCO to protect land and marine ecosystems, conserve and expand natural heritage.",
1919
completed: false,
2020
icon: <Star className="h-5 w-5" />
2121
}, {
2222
quarter: "Q1 2026",
23+
title: "Ecosystem Integration Phase II",
24+
description: "Advance Communication Bioecosystem, improve the Endocannabinoid System in biological systems, enhance energy efficiency & explore entropy sources. Research energy-efficient particles and neutral energy sources.",
25+
completed: false,
26+
icon: <Star className="h-5 w-5" />
27+
}, {
28+
quarter: "Q2 2027",
2329
title: "CoNetWorKing Mainnet",
24-
description: "Launch of our distributed networking infrastructure connecting all ecosystems.",
30+
description: "Launch of our distributed networking infrastructure connecting all ecosystems. Distribute CrypTokens & NFTs, launch airdrops with valuable CrypTokens and exclusive NFTs, and utilize tokens for liquidity pools to fund sustainable initiatives.",
2531
completed: false,
2632
icon: <Star className="h-5 w-5" />
2733
}, {
28-
quarter: "Q2 2026",
34+
quarter: "Q3 2028",
2935
title: "Cross-Ecosystem Governance",
3036
description: "Implementation of universal governance mechanics for collaborative decision-making.",
3137
completed: false,
3238
icon: <Star className="h-5 w-5" />
3339
}, {
34-
quarter: "Q3 2026",
40+
quarter: "Q1 2030",
3541
title: "Interplanetary Expansion",
3642
description: "Extension of AlienFlowSpace DAO to additional layer 1 blockchains and ecosystems.",
3743
completed: false,
@@ -139,29 +145,30 @@ const AlienTrip: React.FC = () => {
139145
</div>
140146
</div>
141147

142-
<div className="bg-alien-space-dark/50 rounded-lg p-6 backdrop-blur-md border border-alien-gold/20">
143-
<h2 className="text-2xl font-bold text-alien-green mb-4 font-nasalization">Crypto Mint NFT</h2>
144-
<p className="mb-6 font-[Exo] text-alien-gold">
148+
{/* Crypto Mint NFT - Compact design */}
149+
<div className="bg-alien-space-dark/50 rounded-lg p-4 backdrop-blur-md border border-alien-gold/20 h-fit">
150+
<h2 className="text-xl font-bold text-alien-green mb-3 font-nasalization">Crypto Mint NFT</h2>
151+
<p className="mb-4 font-[Exo] text-alien-gold text-sm">
145152
Secure your place in our cosmic ecosystem by minting an ΔlieπFlΦw $pac€ DAO Passport, granting you early access to all present and future features and governance rights.
146153
</p>
147-
<div className="bg-alien-space-light rounded-lg p-4 mb-6">
148-
<div className="flex justify-between items-center mb-2">
149-
<span className="text-alien-gold font-[Exo]">Mint Price</span>
150-
<span className="text-alien-green font-semibold font-[Exo]">0.08 ₿TC</span>
154+
<div className="bg-alien-space-light rounded-lg p-3 mb-4">
155+
<div className="flex justify-between items-center mb-1.5">
156+
<span className="text-alien-gold font-[Exo] text-sm">Mint Price</span>
157+
<span className="text-alien-green font-semibold font-[Exo] text-sm">0.08 ₿TC</span>
151158
</div>
152-
<div className="flex justify-between items-center mb-2">
153-
<span className="text-alien-gold font-[Exo]">Total Supply</span>
154-
<span className="text-alien-green font-semibold font-[Exo]">1,618.034</span>
159+
<div className="flex justify-between items-center mb-1.5">
160+
<span className="text-alien-gold font-[Exo] text-sm">Total Supply</span>
161+
<span className="text-alien-green font-semibold font-[Exo] text-sm">1,618.034</span>
155162
</div>
156163
<div className="flex justify-between items-center mb-2">
157-
<span className="text-alien-gold font-[Exo]">Minted</span>
158-
<span className="text-alien-green font-semibold font-[Exo]">314.159 / 1,618.034</span>
164+
<span className="text-alien-gold font-[Exo] text-sm">Minted</span>
165+
<span className="text-alien-green font-semibold font-[Exo] text-sm">314.159 / 1,618.034</span>
159166
</div>
160-
<div className="w-full bg-alien-space-dark rounded-full h-2.5 mb-2">
161-
<div className="bg-alien-gold h-2.5 rounded-full" style={{ width: '72%' }}></div>
167+
<div className="w-full bg-alien-space-dark rounded-full h-2 mb-2">
168+
<div className="bg-alien-gold h-2 rounded-full" style={{ width: '19.4%' }}></div>
162169
</div>
163170
</div>
164-
<Button className="w-full bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization">
171+
<Button className="w-full bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization text-sm">
165172
Crypto Mint NFT Passport
166173
</Button>
167174
</div>
@@ -291,14 +298,16 @@ const AlienTrip: React.FC = () => {
291298
index === 1 ? 'border-red-300/20' :
292299
index === 2 ? 'border-green-300/20' :
293300
index === 3 ? 'border-yellow-300/20' :
294-
'border-purple-300/20'
301+
index === 4 ? 'border-purple-300/20' :
302+
'border-cyan-300/20'
295303
} opacity-50 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2`}></div>
296304
<div className={`w-20 h-20 rounded-full ${
297305
index === 0 ? 'bg-blue-900/10' :
298306
index === 1 ? 'bg-red-900/10' :
299307
index === 2 ? 'bg-green-900/10' :
300308
index === 3 ? 'bg-yellow-900/10' :
301-
'bg-purple-900/10'
309+
index === 4 ? 'bg-purple-900/10' :
310+
'bg-cyan-900/10'
302311
} absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2`}></div>
303312
</div>
304313
</div>

‎src/pages/Contact.tsx‎

Lines changed: 36 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import React from 'react';
33
import StarBackground from '@/components/StarBackground';
44
import { Button } from '@/components/ui/button';
5-
import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linkedin } from 'lucide-react';
5+
import { Send, Mail, MessageSquare, X, Facebook, Instagram, Disc, Github, Linkedin, BookOpen } from 'lucide-react';
66

77
const Contact: React.FC = () => {
88
return (
@@ -37,6 +37,16 @@ const Contact: React.FC = () => {
3737
</p>
3838

3939
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
40+
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
41+
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
42+
<Disc className="h-5 w-5 text-alien-space-dark" />
43+
</div>
44+
<div>
45+
<h3 className="font-medium text-alien-gold font-[Exo]">Discord</h3>
46+
<a href="https://discord.gg/alienflowspace" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">discord.gg/alienflowspace</a>
47+
</div>
48+
</div>
49+
4050
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
4151
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
4252
<Mail className="h-5 w-5 text-alien-space-dark" />
@@ -49,31 +59,31 @@ const Contact: React.FC = () => {
4959

5060
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
5161
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
52-
<Disc className="h-5 w-5 text-alien-space-dark" />
62+
<Facebook className="h-5 w-5 text-alien-space-dark" />
5363
</div>
5464
<div>
55-
<h3 className="font-medium text-alien-gold font-[Exo]">Discord</h3>
56-
<a href="https://discord.gg/alienflowspace" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">discord.gg/alienflowspace</a>
65+
<h3 className="font-medium text-alien-gold font-[Exo]">Facebook</h3>
66+
<a href="https://www.facebook.com/Alien69Flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">facebook.com/Alien69Flow</a>
5767
</div>
5868
</div>
5969

6070
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
6171
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
62-
<X className="h-5 w-5 text-alien-space-dark" />
72+
<BookOpen className="h-5 w-5 text-alien-space-dark" />
6373
</div>
6474
<div>
65-
<h3 className="font-medium text-alien-gold font-[Exo]">X</h3>
66-
<a href="https://x.com/alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@alien69flow</a>
75+
<h3 className="font-medium text-alien-gold font-[Exo]">GitBook</h3>
76+
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">alienflowspace.gitbook.io</a>
6777
</div>
6878
</div>
6979

7080
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
7181
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
72-
<Facebook className="h-5 w-5 text-alien-space-dark" />
82+
<Github className="h-5 w-5 text-alien-space-dark" />
7383
</div>
7484
<div>
75-
<h3 className="font-medium text-alien-gold font-[Exo]">Facebook</h3>
76-
<a href="https://www.facebook.com/Alien69Flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">facebook.com/Alien69Flow</a>
85+
<h3 className="font-medium text-alien-gold font-[Exo]">GitHub</h3>
86+
<a href="https://github.com/AlienFlowSpaceDAO" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">github.com/AlienFlowSpaceDAO</a>
7787
</div>
7888
</div>
7989

@@ -87,6 +97,16 @@ const Contact: React.FC = () => {
8797
</div>
8898
</div>
8999

100+
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
101+
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
102+
<Linkedin className="h-5 w-5 text-alien-space-dark" />
103+
</div>
104+
<div>
105+
<h3 className="font-medium text-alien-gold font-[Exo]">LinkedIn</h3>
106+
<a href="https://linkedin.com/in/alienflow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">linkedin.com/in/alienflow</a>
107+
</div>
108+
</div>
109+
90110
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
91111
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
92112
<Send className="h-5 w-5 text-alien-space-dark" />
@@ -99,21 +119,21 @@ const Contact: React.FC = () => {
99119

100120
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
101121
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
102-
<Github className="h-5 w-5 text-alien-space-dark" />
122+
<MessageSquare className="h-5 w-5 text-alien-space-dark" />
103123
</div>
104124
<div>
105-
<h3 className="font-medium text-alien-gold font-[Exo]">GitHub</h3>
106-
<a href="https://github.com/AlienFlowSpaceDAO" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">github.com/AlienFlowSpaceDAO</a>
125+
<h3 className="font-medium text-alien-gold font-[Exo]">Threads</h3>
126+
<a href="https://threads.net/@alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@alien69flow</a>
107127
</div>
108128
</div>
109129

110130
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-colors border border-alien-gold/20">
111131
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
112-
<Linkedin className="h-5 w-5 text-alien-space-dark" />
132+
<X className="h-5 w-5 text-alien-space-dark" />
113133
</div>
114134
<div>
115-
<h3 className="font-medium text-alien-gold font-[Exo]">LinkedIn</h3>
116-
<a href="https://linkedin.com/in/alienflow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">linkedin.com/in/alienflow</a>
135+
<h3 className="font-medium text-alien-gold font-[Exo]">X</h3>
136+
<a href="https://x.com/alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@alien69flow</a>
117137
</div>
118138
</div>
119139
</div>

0 commit comments

Comments
 (0)