Skip to content

Commit 7fbf0a4

Browse files
Changes
1 parent f8f288b commit 7fbf0a4

8 files changed

Lines changed: 117 additions & 71 deletions

File tree

src/components/DAODashboard.tsx

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,20 +35,20 @@ const DAODashboard: React.FC = () => {
3535
// Mock data - In production, fetch from blockchain
3636
const [stats] = useState({
3737
activeVoters: 1618033,
38-
totalProposals: 2025,
38+
totalProposals: 47,
3939
votingPower: '3.14M',
4040
participationRate: 69
4141
});
4242

4343
const [treasury] = useState([
44-
{ name: 'BTC', value: 15000, change: 4.2, color: '#F7931A' },
44+
{ name: 'ABTC', value: 15000, change: 4.2, color: '#F7931A' },
4545
{ name: 'ETH', value: 35000, change: 3.1, color: '#627EEA' },
4646
{ name: 'POL', value: 50000, change: 2.5, color: '#8247E5' },
4747
{ name: 'BNB', value: 8000, change: 1.8, color: '#F3BA2F' },
4848
{ name: 'SOL', value: 12000, change: 5.5, color: '#00FFA3' },
4949
{ name: 'ATOM', value: 5000, change: 2.0, color: '#2E3148' },
50-
{ name: '$AFS', value: 1000000, change: 5.2, color: '#22C55E' },
51-
{ name: '$A69F', value: 500000, change: 3.8, color: '#F0D882' },
50+
{ name: 'AFS', value: 1000000, change: 5.2, color: '#22C55E' },
51+
{ name: 'A69', value: 500000, change: 3.8, color: '#F0D882' },
5252
{ name: 'USDC', value: 25000, change: 0, color: '#2775CA' }
5353
]);
5454

@@ -115,6 +115,14 @@ const DAODashboard: React.FC = () => {
115115
{dao.name}
116116
</Button>
117117
))}
118+
<Button
119+
onClick={() => window.open('https://alienflowspace.gitbook.io/DAO', '_blank')}
120+
className="bg-blue-500/20 hover:bg-blue-500/30 text-blue-400 border border-blue-500/50 text-xs"
121+
size="sm"
122+
>
123+
<ExternalLink className="h-3 w-3 mr-1" />
124+
Docs
125+
</Button>
118126
<Button
119127
onClick={handleRefresh}
120128
className="bg-alien-green/20 hover:bg-alien-green/30 text-alien-green border border-alien-green/50"
@@ -217,7 +225,6 @@ const DAODashboard: React.FC = () => {
217225
cx="50%"
218226
cy="50%"
219227
labelLine={false}
220-
label={(entry) => `${entry.name}: $${entry.value.toLocaleString()}`}
221228
outerRadius={80}
222229
fill="#8884d8"
223230
dataKey="value"
@@ -226,7 +233,14 @@ const DAODashboard: React.FC = () => {
226233
<Cell key={`cell-${index}`} fill={entry.color} />
227234
))}
228235
</Pie>
229-
<Tooltip />
236+
<Tooltip
237+
formatter={(value: number, name: string) => [`$${value.toLocaleString()}`, name]}
238+
contentStyle={{
239+
backgroundColor: 'rgba(17, 17, 25, 0.95)',
240+
border: '1px solid rgba(240, 216, 130, 0.3)',
241+
borderRadius: '8px'
242+
}}
243+
/>
230244
</PieChart>
231245
</ResponsiveContainer>
232246
<div className="mt-4 space-y-2">

src/components/Footer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const Footer = () => {
4343
label: "GitBook",
4444
color: "#22C55E"
4545
}, {
46-
href: "https://github.com/AlienFlowSpaceDAO",
46+
href: "https://github.com/Alien69Flow",
4747
icon: Github,
4848
label: "Github",
4949
color: "#22C55E"

src/components/PromoBanner.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,9 @@ const PromoBanner: React.FC<PromoBannerProps> = ({
3636
initial={{ y: 100, opacity: 0 }}
3737
animate={{ y: 0, opacity: 1 }}
3838
exit={{ y: 100, opacity: 0 }}
39-
className="fixed bottom-[72px] left-4 right-4 sm:left-auto sm:right-4 sm:max-w-md z-40
39+
className="fixed bottom-[140px] left-4 right-4 sm:left-auto sm:right-24 sm:max-w-sm z-40
4040
bg-gradient-to-r from-alien-gold via-alien-gold-light to-alien-gold
41-
text-alien-space-dark py-2.5 px-4 shadow-lg rounded-xl border border-alien-gold-light/50"
41+
text-alien-space-dark py-2 px-3 shadow-lg rounded-lg border border-alien-gold-light/50"
4242
>
4343
<div className="max-w-7xl mx-auto flex items-center justify-between gap-4">
4444
<div className="flex items-center gap-2 flex-1 justify-center">

src/pages/About.tsx

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
1-
import React from "react";
1+
import React, { Suspense, lazy } from "react";
22
import { Button } from "@/components/ui/button";
33
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
44
import { Link } from "react-router-dom";
55
import { GraduationCap, Users, Trophy, Shield, Zap, Globe, Leaf } from "lucide-react";
66
import { motion } from "framer-motion";
77
import AnimatedText from "@/components/AnimatedText";
8+
import LoadingScreen from "@/components/LoadingScreen";
9+
10+
const NFTGallery = lazy(() => import('@/components/NFTGallery'));
11+
812
const About: React.FC = () => {
913
return <div className="relative flex flex-col flex-1 min-h-screen">
1014

@@ -303,10 +307,13 @@ const About: React.FC = () => {
303307
</div>
304308
</div>
305309

306-
<div className="text-center">
307-
<Button className="bg-gradient-to-r from-alien-green to-alien-green-light hover:from-alien-green-light hover:to-alien-green text-alien-space-dark font-semibold font-nasalization shadow-2xl hover:shadow-alien-green/40 transition-all duration-300 hover:transform hover:scale-105 px-0 py-0 rounded-xl text-alien-gold text-lg">
308-
Access Cryptotokens & NFTs
309-
</Button>
310+
<div className="text-center mt-8">
311+
<h3 className="text-2xl font-semibold text-alien-gold mb-6 font-nasalization">
312+
Explore Our Digital Collectibles
313+
</h3>
314+
<Suspense fallback={<LoadingScreen />}>
315+
<NFTGallery />
316+
</Suspense>
310317
</div>
311318
</CardContent>
312319
</Card>

src/pages/AlienTrip.tsx

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
1-
import React from 'react';
1+
import React, { Suspense, lazy } from 'react';
22
import { Rocket, Star, Clock, ScrollText, BookOpen, PieChart } from 'lucide-react';
33
import { Button } from '@/components/ui/button';
44
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
5+
import LoadingScreen from '@/components/LoadingScreen';
6+
7+
const NFTGallery = lazy(() => import('@/components/NFTGallery'));
8+
59
const AlienTrip: React.FC = () => {
610
const roadmapEvents = [{
711
quarter: "Q3 2025",
@@ -231,6 +235,25 @@ const AlienTrip: React.FC = () => {
231235
</CardContent>
232236
</Card>
233237
</div>
238+
239+
{/* NFT Gallery Section */}
240+
<div className="mb-16">
241+
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20">
242+
<CardHeader>
243+
<CardTitle className="text-3xl font-bold text-alien-gold text-center font-nasalization">
244+
Digital Collectibles
245+
</CardTitle>
246+
<p className="text-lg text-gray-300 font-[Exo] text-center mt-4">
247+
Explore our exclusive NFT collections on OpenSea. Own a piece of the AlienFlowSpace universe.
248+
</p>
249+
</CardHeader>
250+
<CardContent>
251+
<Suspense fallback={<LoadingScreen />}>
252+
<NFTGallery />
253+
</Suspense>
254+
</CardContent>
255+
</Card>
256+
</div>
234257

235258
<div className="mb-16">
236259
<Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 mb-8">

src/pages/CoNetWorKing.tsx

Lines changed: 58 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -392,18 +392,6 @@ const CoNetWorKing: React.FC = () => {
392392
logo: "/lovable-uploads/Clubs/Spotify.svg",
393393
description: "Music streaming"
394394
},
395-
{
396-
name: "Audius",
397-
url: "https://audius.co/",
398-
logo: "/lovable-uploads/Clubs/Audius.svg",
399-
description: "Decentralized music"
400-
},
401-
{
402-
name: "Sound.xyz",
403-
url: "https://www.sound.xyz/",
404-
logo: "/lovable-uploads/Clubs/SoundXYZ.svg",
405-
description: "Music NFT platform"
406-
},
407395
{
408396
name: "Soundcloud",
409397
url: "https://soundcloud.com/",
@@ -453,11 +441,35 @@ const CoNetWorKing: React.FC = () => {
453441
],
454442
artFlow: [
455443
{
456-
name: "Behance",
457-
url: "https://www.behance.net/",
458-
logo: "/lovable-uploads/BehanceLogo.jpeg",
459-
description: "Creative portfolio platform"
444+
name: "Audius",
445+
url: "https://audius.co/",
446+
logo: "/lovable-uploads/Clubs/Audius.svg",
447+
description: "Decentralized music streaming"
460448
},
449+
{
450+
name: "Sound.xyz",
451+
url: "https://www.sound.xyz/",
452+
logo: "/lovable-uploads/Clubs/SoundXYZ.svg",
453+
description: "Music NFT platform"
454+
}
455+
],
456+
ecoFlow: [],
457+
healthFlow: [],
458+
weedFlow: [
459+
{
460+
name: "Leafly",
461+
url: "https://www.leafly.com/",
462+
logo: "/lovable-uploads/Clubs/Leafly.svg",
463+
description: "Cannabis marketplace"
464+
},
465+
{
466+
name: "Weedmaps",
467+
url: "https://weedmaps.com/",
468+
logo: "/lovable-uploads/Clubs/Weedmaps.svg",
469+
description: "Cannabis directory"
470+
}
471+
],
472+
xFlow: [
461473
{
462474
name: "OnlyFans",
463475
url: "https://onlyfans.com/",
@@ -489,21 +501,6 @@ const CoNetWorKing: React.FC = () => {
489501
description: "Adult video site"
490502
}
491503
],
492-
ecoFlow: [
493-
{
494-
name: "Leafly",
495-
url: "https://www.leafly.com/",
496-
logo: "/lovable-uploads/Clubs/Leafly.svg",
497-
description: "Cannabis marketplace"
498-
},
499-
{
500-
name: "Weedmaps",
501-
url: "https://weedmaps.com/",
502-
logo: "/lovable-uploads/Clubs/Weedmaps.svg",
503-
description: "Cannabis directory"
504-
}
505-
],
506-
healthFlow: [],
507504
spaceFlow: [
508505
{
509506
name: "ESA",
@@ -864,7 +861,7 @@ const CoNetWorKing: React.FC = () => {
864861
View on Alientrip
865862
</Button>
866863
</a>
867-
<a href="https://gitbook.com" target="_blank" rel="noopener noreferrer" className="flex-1">
864+
<a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="flex-1">
868865
<Button className="w-full bg-blue-500/20 hover:bg-blue-500/30 text-blue-400 border border-blue-500/50 font-[Exo]">
869866
Read Docs on Gitbook
870867
</Button>
@@ -968,6 +965,23 @@ const CoNetWorKing: React.FC = () => {
968965
icon={<Rocket className="h-6 w-6" />}
969966
delay={0.9}
970967
/>
968+
969+
{/* Clubs - WeedFlow */}
970+
<PartnerSection
971+
title="WeedFlow"
972+
partners={clubsPartners.weedFlow}
973+
color="green"
974+
icon={<Leaf className="h-6 w-6" />}
975+
delay={1.0}
976+
/>
977+
978+
{/* Clubs - XFlow */}
979+
<PartnerSection
980+
title="XFlow"
981+
partners={clubsPartners.xFlow}
982+
color="red"
983+
delay={1.1}
984+
/>
971985
</div>
972986

973987
{/* Global Community Section */}
@@ -996,12 +1010,12 @@ const CoNetWorKing: React.FC = () => {
9961010
<Card className="bg-gradient-to-br from-alien-gold/20 to-alien-green/20 backdrop-blur-md border border-alien-gold/50 hover:border-alien-gold/80 transition-all duration-300 hover:scale-105 h-full">
9971011
<CardHeader className="text-center pb-3">
9981012
<motion.div
999-
className="mx-auto mb-3 w-16 h-16 rounded-full overflow-hidden border-2 border-alien-gold bg-white/10"
1013+
className="mx-auto mb-3 w-16 h-16 rounded-full overflow-hidden border-2 border-alien-gold bg-white"
10001014
whileHover={{ scale: 1.1, rotate: 5 }}
10011015
transition={{ duration: 0.3 }}
10021016
>
10031017
<a href={partner.url} target="_blank" rel="noopener noreferrer">
1004-
<img src={partner.avatar} alt={partner.name} className="w-full h-full object-cover" />
1018+
<img src={partner.avatar} alt={partner.name} className="w-full h-full object-contain p-1" />
10051019
</a>
10061020
</motion.div>
10071021
<CardTitle className="text-alien-gold font-[Atomic Age] text-base">
@@ -1078,12 +1092,16 @@ const CoNetWorKing: React.FC = () => {
10781092
Start your journey into decentralized finance and connect with a global network of innovators and investors.
10791093
</p>
10801094
<div className="flex flex-col sm:flex-row gap-4 justify-center">
1081-
<Button className="bg-alien-gold hover:bg-alien-gold/90 text-alien-space-dark font-[Exo] px-8 py-3 text-lg">
1082-
Get Started
1083-
</Button>
1084-
<Button variant="outline" className="border-alien-green text-alien-green hover:bg-alien-green/10 font-[Exo] px-8 py-3 text-lg">
1085-
Learn More
1086-
</Button>
1095+
<a href="/alien-trip">
1096+
<Button className="bg-alien-gold hover:bg-alien-gold/90 text-alien-space-dark font-[Exo] px-8 py-3 text-lg">
1097+
Get Started
1098+
</Button>
1099+
</a>
1100+
<a href="/about">
1101+
<Button variant="outline" className="border-alien-green text-alien-green hover:bg-alien-green/10 font-[Exo] px-8 py-3 text-lg">
1102+
Learn More
1103+
</Button>
1104+
</a>
10871105
</div>
10881106
</div>
10891107
</div>

src/pages/Contact.tsx

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -129,16 +129,6 @@ const Contact: React.FC = () => {
129129
</div>
130130
</div>
131131

132-
<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">
133-
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
134-
<Send className="h-5 w-5 text-alien-space-dark" />
135-
</div>
136-
<div>
137-
<h3 className="font-medium text-alien-gold font-[Exo]">Telegram Personal</h3>
138-
<a href="https://t.me/Alien69Flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@Alien69Flow</a>
139-
</div>
140-
</div>
141-
142132
<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">
143133
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
144134
<Users className="h-5 w-5 text-alien-space-dark" />

src/pages/Index.tsx

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ const EcosystemSection = lazy(() => import('@/components/EcosystemSection'));
1010
const FeaturesSection = lazy(() => import('@/components/FeaturesSection'));
1111
const FinancialFreedomSection = lazy(() => import('@/components/FinancialFreedomSection'));
1212
const ParticipationSection = lazy(() => import('@/components/ParticipationSection'));
13-
const NFTGallery = lazy(() => import('@/components/NFTGallery'));
1413
const NewsletterSubscription = lazy(() => import('@/components/NewsletterSubscription'));
1514

1615
const Index: React.FC = () => {
@@ -46,11 +45,6 @@ const Index: React.FC = () => {
4645
<EcosystemSection />
4746
</Suspense>
4847

49-
{/* NFT Gallery Section */}
50-
<Suspense fallback={<LoadingScreen />}>
51-
<NFTGallery />
52-
</Suspense>
53-
5448
<Suspense fallback={<LoadingScreen />}>
5549
<FeaturesSection />
5650
</Suspense>

0 commit comments

Comments
 (0)