Skip to content

Commit e8cfc5d

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Update contact and alientrip pages
1 parent cfb0b4d commit e8cfc5d

File tree

2 files changed

+107
-72
lines changed

2 files changed

+107
-72
lines changed

‎src/pages/AlienTrip.tsx‎

Lines changed: 83 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -74,87 +74,98 @@ const AlienTrip: React.FC = () => {
7474
return <div className="relative flex flex col flex-1">
7575

7676
<main className="relative z-10 flex-grow container mx-auto px-4 pt-24 pb-16">
77-
<div className="max-w-6xl mx-auto">
78-
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-16">
79-
<div>
80-
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 mb-6 rounded-full">
81-
<CardHeader>
82-
<CardTitle className="md:text-5xl font-bold text-alien-gold font-nasalization text-center text-3xl">
83-
AlienTrip
84-
</CardTitle>
85-
</CardHeader>
86-
<CardContent>
87-
<p className="text-lg text-gray-300 font-[Exo] mb-4 text-center">
88-
Explore our cosmic journey through the knowledge skills multiverse as we build the next generation of decentralized collaboration together.
89-
</p>
90-
<p className="text-alien-green font-[Exo] text-center text-base font-medium">Join us to enjoy the advantages, benefits and profits of the ecosystem.</p>
91-
</CardContent>
92-
</Card>
77+
<div className="max-w-4xl mx-auto">
78+
{/* Hero Section */}
79+
<div className="relative mb-12 py-8">
80+
<h1 className="text-5xl md:text-6xl lg:text-7xl font-nasalization text-center font-extrabold relative">
81+
<span className="bg-gradient-to-r from-alien-green via-alien-gold to-alien-green bg-clip-text text-transparent animate-pulse drop-shadow-[0_0_30px_rgba(57,255,20,0.5)]">
82+
AlienTrip
83+
</span>
84+
<div className="absolute inset-0 blur-xl opacity-50 bg-gradient-to-r from-alien-green/30 via-alien-gold/30 to-alien-green/30 -z-10"></div>
85+
</h1>
86+
<div className="flex justify-center items-center gap-2 mt-4">
87+
<div className="h-px w-16 md:w-24 bg-gradient-to-r from-transparent via-alien-green to-transparent"></div>
88+
<div className="w-2 h-2 rounded-full bg-alien-green animate-pulse shadow-[0_0_10px_rgba(57,255,20,0.8)]"></div>
89+
<div className="h-px w-16 md:w-24 bg-gradient-to-r from-transparent via-alien-gold to-transparent"></div>
90+
</div>
91+
</div>
9392

94-
<div className="flex flex-wrap gap-4 mb-8">
95-
<Button className="hover:bg-alien-gold-light text-alien-space-dark font-nasalization text-center text-alien-green bg-alien-gold">
93+
{/* Intro Section with Animation */}
94+
<div className="relative w-full max-w-3xl mx-auto animate-fade-in mb-12">
95+
<div className="bg-gradient-to-br from-alien-green/20 to-alien-green/5 backdrop-blur-md border-2 border-alien-green/40 rounded-2xl rounded-tl-sm p-8 shadow-lg shadow-alien-green/10 hover:shadow-alien-green/20 transition-all duration-300 hover:scale-[1.02]">
96+
<p className="text-lg md:text-xl font-[Exo] font-semibold leading-relaxed text-gray-300 text-center mb-4">
97+
Explore our cosmic journey through the knowledge skills multiverse as we build the next generation of decentralized collaboration together.
98+
</p>
99+
<p className="text-alien-green font-[Exo] text-center text-base font-medium mb-6">
100+
Join us to enjoy the advantages, benefits and profits of the ecosystem.
101+
</p>
102+
<div className="flex justify-center">
103+
<Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization px-8 py-6">
96104
<Rocket className="mr-2 h-5 w-5" /> Join the Journey
97105
</Button>
98-
<Button variant="outline" onClick={() => window.open("https://alienflowspace.gitbook.io/DAO", "_blank")} className="border-alien-green text-alien-green font-nasalization bg-alien-gold">
99-
<ScrollText className="mr-2 h-5 w-5" /> Look Greenpapers
100-
</Button>
101106
</div>
102-
103-
{/* GitBook Card */}
104-
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20">
105-
<CardContent className="p-6">
106-
<div className="flex items-center mb-4">
107-
<BookOpen className="h-6 w-6 text-alien-gold mr-3" />
108-
<h3 className="text-xl font-semibold text-alien-gold font-nasalization">Official Documentation</h3>
109-
</div>
110-
<p className="text-gray-300 mb-4 font-[Exo]">
111-
Access our comprehensive documentation to learn about tokenomics, roadmap, and
112-
technical specifications of the ΔlieπFlΦw $pac€ DAO ecosystem.
113-
</p>
114-
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="flex items-center text-alien-green hover:text-alien-green-light font-[Exo]">
115-
<span>Visit GitBook</span>
116-
<Rocket className="ml-2 h-4 w-4" />
117-
</a>
118-
</CardContent>
119-
</Card>
120107
</div>
108+
{/* Chat bubble pointer */}
109+
<div className="absolute -top-2 left-8 w-4 h-4 bg-alien-green/20 border-l-2 border-t-2 border-alien-green/40 transform rotate-45"></div>
110+
</div>
121111

122-
{/* Crypto Mint NFT - Compact design */}
123-
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 h-fit">
124-
<CardHeader className="pb-3">
125-
<CardTitle className="text-xl font-bold text-alien-green font-nasalization">
126-
Crypto Mint NFT
127-
</CardTitle>
128-
</CardHeader>
129-
<CardContent className="p-4">
130-
<p className="mb-4 font-[Exo] text-alien-gold text-sm">
131-
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.
132-
</p>
133-
<div className="bg-alien-space-light rounded-lg p-3 mb-4">
134-
<div className="flex justify-between items-center mb-1.5">
135-
<span className="text-alien-gold font-[Exo] text-sm">Mint Price</span>
136-
<span className="text-alien-green font-semibold font-[Exo] text-sm">0.08 ₿TC</span>
137-
</div>
138-
<div className="flex justify-between items-center mb-1.5">
139-
<span className="text-alien-gold font-[Exo] text-sm">Total Supply</span>
140-
<span className="text-alien-green font-semibold font-[Exo] text-sm">1,618.033</span>
141-
</div>
142-
<div className="flex justify-between items-center mb-2">
143-
<span className="text-alien-gold font-[Exo] text-sm">Minted</span>
144-
<span className="text-alien-green font-semibold font-[Exo] text-sm">314.159 / 1,618.033</span>
145-
</div>
146-
<div className="w-full bg-alien-space-dark rounded-full h-2 mb-2">
147-
<div className="bg-alien-gold h-2 rounded-full" style={{
148-
width: '19.4%'
149-
}}></div>
150-
</div>
112+
{/* Crypto Mint NFT Section */}
113+
<Card className="bg-gradient-to-br from-alien-space-dark/90 to-alien-space-dark/70 backdrop-blur-md border-2 border-alien-green/30 shadow-[0_0_30px_rgba(57,255,20,0.15)] hover:shadow-[0_0_40px_rgba(57,255,20,0.25)] transition-all duration-300 mb-12">
114+
<CardHeader>
115+
<CardTitle className="text-3xl md:text-4xl font-bold text-alien-green font-nasalization text-center">
116+
Crypto Mint NFT
117+
</CardTitle>
118+
</CardHeader>
119+
<CardContent className="p-8">
120+
<p className="mb-6 font-[Exo] text-alien-gold text-center text-lg">
121+
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.
122+
</p>
123+
<div className="bg-alien-space-light/50 rounded-lg p-6 mb-6 max-w-md mx-auto">
124+
<div className="flex justify-between items-center mb-3">
125+
<span className="text-alien-gold font-[Exo] text-base">Mint Price</span>
126+
<span className="text-alien-green font-semibold font-[Exo] text-base">0.08 ₿TC</span>
151127
</div>
152-
<Button className="w-full bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization text-sm text-alien-green">
128+
<div className="flex justify-between items-center mb-3">
129+
<span className="text-alien-gold font-[Exo] text-base">Total Supply</span>
130+
<span className="text-alien-green font-semibold font-[Exo] text-base">1,618.033</span>
131+
</div>
132+
<div className="flex justify-between items-center mb-4">
133+
<span className="text-alien-gold font-[Exo] text-base">Minted</span>
134+
<span className="text-alien-green font-semibold font-[Exo] text-base">314.159 / 1,618.033</span>
135+
</div>
136+
<div className="w-full bg-alien-space-dark rounded-full h-3 mb-4">
137+
<div className="bg-alien-gold h-3 rounded-full transition-all duration-500" style={{width: '19.4%'}}></div>
138+
</div>
139+
</div>
140+
<div className="flex justify-center">
141+
<Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization px-8 py-6 hover:scale-105 hover:shadow-[0_0_20px_rgba(57,255,20,0.5)] transition-all duration-300">
153142
Crypto Mint NFT Passport
154143
</Button>
155-
</CardContent>
156-
</Card>
157-
</div>
144+
</div>
145+
</CardContent>
146+
</Card>
147+
148+
{/* Look Greenpapers Section */}
149+
<Card className="bg-gradient-to-br from-alien-space-dark/90 to-alien-space-dark/70 backdrop-blur-md border-2 border-alien-gold/30 shadow-lg hover:shadow-xl transition-all duration-300 mb-12">
150+
<CardContent className="p-8">
151+
<div className="flex items-center justify-center mb-4">
152+
<BookOpen className="h-8 w-8 text-alien-gold mr-3" />
153+
<h3 className="text-2xl md:text-3xl font-semibold text-alien-gold font-nasalization">Official Documentation</h3>
154+
</div>
155+
<p className="text-gray-300 mb-6 font-[Exo] text-center text-lg max-w-2xl mx-auto">
156+
Access our comprehensive documentation to learn about tokenomics, roadmap, and technical specifications of the ΔlieπFlΦw $pac€ DAO ecosystem.
157+
</p>
158+
<div className="flex justify-center">
159+
<Button
160+
variant="outline"
161+
onClick={() => window.open("https://alienflowspace.gitbook.io/DAO", "_blank")}
162+
className="border-2 border-alien-green text-alien-green hover:bg-alien-green/10 font-nasalization px-8 py-6 transition-all duration-300 hover:scale-105"
163+
>
164+
<ScrollText className="mr-2 h-5 w-5" /> Visit GitBook
165+
</Button>
166+
</div>
167+
</CardContent>
168+
</Card>
158169

159170
{/* Tokenomics Section */}
160171
<div className="mb-16">

‎src/pages/Contact.tsx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,18 @@ const Contact: React.FC = () => {
104104
</div>
105105
</div>
106106

107+
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-all duration-300 hover:scale-105 border border-alien-gold/20 hover:border-alien-green/40">
108+
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
109+
<svg className="h-5 w-5 text-alien-space-dark" viewBox="0 0 24 24" fill="currentColor">
110+
<path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
111+
</svg>
112+
</div>
113+
<div>
114+
<h3 className="font-medium text-alien-gold font-[Exo]">Reddit</h3>
115+
<a href="https://www.reddit.com/user/Alien69Flow/" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">reddit.com/user/Alien69Flow</a>
116+
</div>
117+
</div>
118+
107119
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-all duration-300 hover:scale-105 border border-alien-gold/20 hover:border-alien-green/40">
108120
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
109121
<Send className="h-5 w-5 text-alien-space-dark" />
@@ -114,6 +126,18 @@ const Contact: React.FC = () => {
114126
</div>
115127
</div>
116128

129+
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-all duration-300 hover:scale-105 border border-alien-gold/20 hover:border-alien-green/40">
130+
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
131+
<svg className="h-5 w-5 text-alien-space-dark" viewBox="0 0 24 24" fill="currentColor">
132+
<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
133+
</svg>
134+
</div>
135+
<div>
136+
<h3 className="font-medium text-alien-gold font-[Exo]">TikTok</h3>
137+
<a href="https://www.tiktok.com/@alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@alien69flow</a>
138+
</div>
139+
</div>
140+
117141
<div className="flex items-center p-4 bg-alien-space-dark/80 rounded-lg backdrop-blur-md hover:bg-alien-space-dark/90 transition-all duration-300 hover:scale-105 border border-alien-gold/20 hover:border-alien-green/40">
118142
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
119143
<MessageSquare className="h-5 w-5 text-alien-space-dark" />

0 commit comments

Comments
 (0)