Skip to content

Commit f8f288b

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Refactor UI fixes and content
- Adjust AI chat window size and embedding behavior for better desktop/mobile rendering - Update DAO dashboard data (treasury/assets and deadlines) and fix GitBook link - Rework contact page: Telegram Community, Discord/TikTok Coming Soon, preserve LinkedIn entries - Implement NFT gallery reorganization and integrate into AlienTrip - Move promo banner to avoid overlapping menu; adjust banner styling - Add NewsletterSubscription component usage across pages and lazy loading - Replace partner logos with contain fit; remove Material Bitcoin from CoNetWorKing - Prepare AdBanner structure placeholders for future ads - Enhance UI/UX with lazy loading, responsiveness, and micro-animations X-Lovable-Edit-ID: edt-6aed05f4-6bd4-4200-9a11-6e1f8aa39e06
2 parents 8845117 + 3275231 commit f8f288b

5 files changed

Lines changed: 35 additions & 30 deletions

File tree

‎src/components/AIChatbot.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -134,13 +134,13 @@ const AIChatbot = () => {
134134
exit={{ opacity: 0, y: 100, scale: 0.8 }}
135135
transition={{ duration: 0.3 }}
136136
className="fixed z-50
137-
inset-0 sm:inset-auto
137+
inset-2 sm:inset-auto
138138
sm:bottom-24 sm:right-8
139-
sm:w-[360px] md:w-[380px]
140-
sm:h-[480px] md:h-[520px]
141-
sm:max-h-[calc(100vh-8rem)]
139+
sm:w-[340px] md:w-[360px]
140+
sm:h-[420px] md:h-[460px]
141+
sm:max-h-[calc(100vh-10rem)]
142142
bg-alien-space-dark/98 backdrop-blur-xl
143-
sm:border-2 border-alien-gold/40 sm:rounded-2xl
143+
border-2 border-alien-gold/40 rounded-xl
144144
shadow-2xl overflow-hidden chat-glow"
145145
>
146146
{/* Header */}

‎src/components/DAODashboard.tsx‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -41,17 +41,22 @@ const DAODashboard: React.FC = () => {
4141
});
4242

4343
const [treasury] = useState([
44-
{ name: 'MATIC', value: 50000, change: 2.5, color: '#8247E5' },
44+
{ name: 'BTC', value: 15000, change: 4.2, color: '#F7931A' },
45+
{ name: 'ETH', value: 35000, change: 3.1, color: '#627EEA' },
46+
{ name: 'POL', value: 50000, change: 2.5, color: '#8247E5' },
47+
{ name: 'BNB', value: 8000, change: 1.8, color: '#F3BA2F' },
48+
{ name: 'SOL', value: 12000, change: 5.5, color: '#00FFA3' },
49+
{ name: 'ATOM', value: 5000, change: 2.0, color: '#2E3148' },
4550
{ name: '$AFS', value: 1000000, change: 5.2, color: '#22C55E' },
4651
{ name: '$A69F', value: 500000, change: 3.8, color: '#F0D882' },
4752
{ name: 'USDC', value: 25000, change: 0, color: '#2775CA' }
4853
]);
4954

5055
const [proposals] = useState<Proposal[]>([
51-
{ id: 1, title: 'Expand Academy Programs', status: 'active', votesFor: 8450, votesAgainst: 1200, deadline: '2025-12-15' },
52-
{ id: 2, title: 'Partner with ESL Gaming', status: 'active', votesFor: 6800, votesAgainst: 3400, deadline: '2025-12-10' },
53-
{ id: 3, title: 'Launch ReFi Initiative', status: 'passed', votesFor: 9200, votesAgainst: 890, deadline: '2025-11-30' },
54-
{ id: 4, title: 'Increase Treasury APY', status: 'rejected', votesFor: 4100, votesAgainst: 7800, deadline: '2025-11-28' }
56+
{ id: 1, title: 'Expand Academy Programs', status: 'active', votesFor: 8450, votesAgainst: 1200, deadline: '2026-03-15' },
57+
{ id: 2, title: 'Partner with ESL Gaming', status: 'active', votesFor: 6800, votesAgainst: 3400, deadline: '2026-03-10' },
58+
{ id: 3, title: 'Launch ReFi Initiative', status: 'passed', votesFor: 9200, votesAgainst: 890, deadline: '2026-02-28' },
59+
{ id: 4, title: 'Increase Treasury APY', status: 'rejected', votesFor: 4100, votesAgainst: 7800, deadline: '2026-02-25' }
5560
]);
5661

5762
const [votingData] = useState([

‎src/components/PromoBanner.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,12 @@ const PromoBanner: React.FC<PromoBannerProps> = ({
3333
<AnimatePresence>
3434
{isVisible && (
3535
<motion.div
36-
initial={{ y: -100, opacity: 0 }}
36+
initial={{ y: 100, opacity: 0 }}
3737
animate={{ y: 0, opacity: 1 }}
38-
exit={{ y: -100, opacity: 0 }}
39-
className="fixed top-0 left-0 right-0 z-[60] bg-gradient-to-r from-alien-gold via-alien-gold-light to-alien-gold
40-
text-alien-space-dark py-2 px-4 shadow-lg"
38+
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
40+
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"
4142
>
4243
<div className="max-w-7xl mx-auto flex items-center justify-between gap-4">
4344
<div className="flex items-center gap-2 flex-1 justify-center">

‎src/pages/CoNetWorKing.tsx‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ const PartnerSection: React.FC<PartnerSectionProps> = ({ title, partners, color,
101101
transition={{ duration: 0.3 }}
102102
>
103103
<a href={partner.url} target="_blank" rel="noopener noreferrer">
104-
<img src={partner.logo} alt={partner.name} className="w-full h-full object-cover" />
104+
<img src={partner.logo} alt={partner.name} className="w-full h-full object-contain p-1" />
105105
</a>
106106
</motion.div>
107107
<CardTitle className={`${colors.text} font-[Atomic Age] text-lg`}>
@@ -503,14 +503,7 @@ const CoNetWorKing: React.FC = () => {
503503
description: "Cannabis directory"
504504
}
505505
],
506-
healthFlow: [
507-
{
508-
name: "Material Bitcoin",
509-
url: "https://www.materialbitcoin.com/",
510-
logo: "/lovable-uploads/Clubs/MaterialBitcoin.png",
511-
description: "Bitcoin health solutions"
512-
}
513-
],
506+
healthFlow: [],
514507
spaceFlow: [
515508
{
516509
name: "ESA",

‎src/pages/Contact.tsx‎

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,12 @@ const Contact: React.FC = () => {
3838
<div className="w-10 h-10 rounded-full bg-alien-green flex items-center justify-center mr-4">
3939
<Disc className="h-5 w-5 text-alien-space-dark" />
4040
</div>
41-
<div>
42-
<h3 className="font-medium text-alien-gold font-[Exo]">Discord</h3>
43-
<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>
41+
<div className="flex-1">
42+
<div className="flex items-center gap-2">
43+
<h3 className="font-medium text-alien-gold font-[Exo]">Discord</h3>
44+
<span className="px-2 py-0.5 text-[10px] bg-orange-500/20 text-orange-400 rounded-full border border-orange-500/30 font-[Exo]">Coming Soon</span>
45+
</div>
46+
<span className="text-gray-500 font-[Exo]">discord.gg/alienflow</span>
4447
</div>
4548
</div>
4649

@@ -142,7 +145,7 @@ const Contact: React.FC = () => {
142145
</div>
143146
<div>
144147
<h3 className="font-medium text-alien-gold font-[Exo]">Telegram Community</h3>
145-
<a href="https://t.me/AlienFlowSpace" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">t.me/AlienFlowSpace</a>
148+
<a href="https://t.me/AlienFlow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">t.me/AlienFlow</a>
146149
</div>
147150
</div>
148151

@@ -152,9 +155,12 @@ const Contact: React.FC = () => {
152155
<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"/>
153156
</svg>
154157
</div>
155-
<div>
156-
<h3 className="font-medium text-alien-gold font-[Exo]">TikTok</h3>
157-
<a href="https://www.tiktok.com/@alien69flow" target="_blank" rel="noopener noreferrer" className="text-gray-300 font-[Exo] hover:text-alien-green">@alien69flow</a>
158+
<div className="flex-1">
159+
<div className="flex items-center gap-2">
160+
<h3 className="font-medium text-alien-gold font-[Exo]">TikTok</h3>
161+
<span className="px-2 py-0.5 text-[10px] bg-orange-500/20 text-orange-400 rounded-full border border-orange-500/30 font-[Exo]">Coming Soon</span>
162+
</div>
163+
<span className="text-gray-500 font-[Exo]">@alien69flow</span>
158164
</div>
159165
</div>
160166

0 commit comments

Comments
 (0)