Skip to content

Commit dc299df

Browse files
Alien69FlowAlien69Flow
authored
Update Academy.tsx
Signed-off-by: Aitor Alien <111972684+Alien69Flow@users.noreply.github.com>
1 parent 3e2b803 commit dc299df

1 file changed

Lines changed: 66 additions & 87 deletions

File tree

‎src/pages/Academy.tsx‎

Lines changed: 66 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -13,113 +13,93 @@ const Academy = () => {
1313
const academyModules = [
1414
{
1515
id: 1,
16-
title: "Abundance & Freedom",
16+
title: "Abundance and Freedom",
1717
tag: "DATA_FLOW_FINANCE",
18-
description: "Advanced mastery of digital economics, blockchain ecosystems, and sustainable financial frameworks for sovereign individuals. Mastery of decentralized infrastructure and regenerative finance (ReFi).",
18+
description: "Advanced mastery of digital economics, blockchain ecosystems, and sustainable financial frameworks for sovereign individuals. Mastery of decentralized infrastructure and regenerative finance (ReFi) to build anti-fragile wealth systems.",
1919
icon: <Coins className="text-[#D4AF37]" />,
2020
subModules: [
21-
{ name: "EcoFinTech & Dynamics", topics: ["Circularity + ESG Criteria", "System Dynamics & Critical Degrowth", "Macro/Micro Economics", "Game Theory Systems", "Sustainable Yield Models"] },
22-
{ name: "Blockchain Ecosystems", topics: ["DeFi, BioFi & ReFi Systems", "DePIN & DeSci (IPFS/Filecoin)", "RWA & Smart Contract Architecture", "GameFi & SocialFi Governance", "On-chain Identity"] },
23-
{ name: "E-Commerce & Scaling", topics: ["Digital Markets & Global Infra", "Drop-servicing Implementation", "Advanced Crypto Payment Gateways", "International Scalability Frameworks", "Automated Revenue Streams"] }
21+
{ name: "EcoFinTech and Dynamics", topics: ["Circularity + ESG Criteria Mastery", "System Dynamics and Critical Degrowth", "Macro/Micro Economics and Game Theory", "Sustainable Yield Models", "Regenerative Economic Patterns"] },
22+
{ name: "Blockchain Ecosystems", topics: ["DeFi, BioFi and ReFi Deep Dive", "DePIN and DeSci (IPFS/Filecoin)", "RWA and Smart Contract Architecture", "GameFi and SocialFi Governance", "Sovereign On-chain Identity"] },
23+
{ name: "E-Commerce and Scaling", topics: ["Digital Markets and Global Infra", "Drop-servicing Implementation", "Advanced Crypto Payment Gateways", "International Scalability Frameworks", "Automated Revenue Architecture"] }
2424
]
2525
},
2626
{
2727
id: 2,
28-
title: "Self-Management & Sustainability",
28+
title: "Self-Management and Sustainability",
2929
tag: "HEALTH_FLOW_LIFE",
3030
description: "Biological synchronization and resource management through permaculture, ecology, and sacred nutritional science. Integration of ancient wisdom with modern bio-hacking for peak vitality.",
3131
icon: <Leaf className="text-[#39FF14]" />,
3232
subModules: [
33-
{ name: "Permaculture & Ecology", topics: ["Ecosystem Biodiversity & Permodesign", "Soil Regeneration & Composting", "Water Harvesting Systems", "Site Analysis & Sector Mapping", "Syntropic Farming Concepts"] },
34-
{ name: "Conscious Living", topics: ["Daily Mudras & Energy Channels", "Prana Breathing & Yoga Integration", "Zero-Waste Circular Households", "Mindful Consumption & Bio-Hacking", "Homeostatic Balance"] },
35-
{ name: "Flow Management", topics: ["Natural Rhythms & Circadian Timing", "Yazio: Sacred Nutrition & Fasting", "Digital Minimalism & Focus Mastery", "Sacred Space Cleaning & Feng Shui", "Vital Energy Protection"] }
33+
{ name: "Permaculture and Ecology", topics: ["Ecosystem Biodiversity and Permodesign", "Soil Regeneration and Composting", "Water Harvesting Systems", "Site Analysis and Sector Mapping", "Syntropic Farming and Food Forests"] },
34+
{ name: "Conscious Living", topics: ["Daily Mudras and Energy Channels", "Prana Breathing and Yoga Integration", "Zero-Waste Circular Households", "Mindful Consumption and Bio-Hacking", "Homeostatic Biological Balance"] },
35+
{ name: "Flow Management", topics: ["Natural Rhythms and Circadian Timing", "Yazio: Sacred Nutrition and Fasting", "Digital Minimalism and Focus Mastery", "Sacred Space Cleaning and Feng Shui", "Vital Energy Protection and Shielding"] }
3636
]
3737
},
3838
{
3939
id: 3,
40-
title: "Harmony & Transcendence",
40+
title: "Harmony and Transcendence",
4141
tag: "SPACE_FLOW_SCIENCE",
42-
description: "Deep study of Tesla equations, magnetic fields, and unified physics. Understanding gravitational force unification through neutrinos and the mechanics of consciousness.",
42+
description: "Deep study of Tesla equations, magnetic fields, and unified physics. Understanding gravitational force unification through neutrinos and the mechanics of multidimensional consciousness.",
4343
icon: <Brain className="text-purple-400" />,
4444
subModules: [
45-
{ name: "Tesla & Unified Physics", topics: ["Tesla Equations & Scalar Waves", "Magnetic Field Dynamics & Flux", "Neutrino Unification Theory", "Gravitational & Magnetic Synergy", "Zero Point Energy Research"] },
46-
{ name: "Consciousness Mapping", topics: ["Subconscious & Preconscious Mapping", "Focus, Perception & Reality Tunnels", "Equanimity & Mental Fullness", "Intentional Purpose & Willpower", "Neuro-Acoustic Stimulation"] },
47-
{ name: "Alchemy & Liberal Arts", topics: ["Trivium & Quadrivium Mastery", "Hermeneutics & Ancient Heuristics", "Transmutation of Self", "Emocional, Intellectual, Sensual & Sexual and Spiritual Illumination", "The Art of the Flow State (Ars Memoriae & TAO"] }
45+
{ name: "Tesla and Unified Physics", topics: ["Tesla Equations and Scalar Waves", "Magnetic Field Dynamics and Flux", "Neutrino Unification Theory", "Gravitational and Magnetic Synergy", "Zero Point Energy Research"] },
46+
{ name: "Consciousness Mapping", topics: ["Subconscious and Preconscious Mapping", "Focus, Perception and Reality Tunnels", "Equanimity and Mental Fullness", "Intentional Purpose and Willpower", "Neuro-Acoustic Stimulation"] },
47+
{ name: "Alchemy and Liberal Arts", topics: ["Trivium and Quadrivium Mastery", "Hermeneutics and Ancient Heuristics", "Transmutation of the Self", "Emocional, Intellectual, Sensual, Sexual and Spiritual Illumination", "The Art of the Flow State (Ars Memoriae and TAO)"] }
4848
]
4949
}
5050
];
5151

5252
const partnerCategories = [
53-
{
54-
id: 'academy',
55-
label: 'ACADEMY NETWORK',
56-
partners: ["Academia", "AulaFacil", "Coursera", "Cursa", "edX", "FutureLearn", "Google for Education", "Khan Academy", "MasterClass", "MOOC", "OEGlobal", "OpenUpEd", "Skillshare", "Udacity", "Udemy", "UNED", "UNESCO", "UNSSC"]
57-
},
58-
{
59-
id: 'dataflow',
60-
label: 'DATA FLOW',
61-
partners: ["Alchemy", "Bitcoin", "Google Growth", "HackerRank", "HackMD", "Hotmart"]
62-
},
63-
{
64-
id: 'gameflow',
65-
label: 'GAME FLOW',
66-
partners: ["Unity Learn", "Unreal Engine"]
67-
},
68-
{
69-
id: 'healthflow',
70-
label: 'HEALTH FLOW',
71-
partners: ["Climate Reanalyzer", "Daily Mudras", "Prana Breath", "Purely White", "Yazio"]
72-
},
73-
{
74-
id: 'spaceflow',
75-
label: 'SPACE FLOW',
76-
partners: ["ESA", "Explore", "KAGRA", "LIGO", "LSC-Canfranc", "Map of the Universe", "NASA Eyes", "Virgo-GW"]
77-
}
53+
{ id: 'academy', label: 'ACADEMY NETWORK', partners: ["Academia", "AulaFacil", "Coursera", "Cursa", "edX", "FutureLearn", "Google for Education", "Khan Academy", "MasterClass", "MOOC", "OEGlobal", "OpenUpEd", "Skillshare", "Udacity", "Udemy", "UNED", "UNESCO", "UNSSC"] },
54+
{ id: 'dataflow', label: 'DATA FLOW', partners: ["Alchemy", "Bitcoin", "Google Growth", "HackerRank", "HackMD", "Hotmart"] },
55+
{ id: 'gameflow', label: 'GAME FLOW', partners: ["Unity Learn", "Unreal Engine"] },
56+
{ id: 'healthflow', label: 'HEALTH FLOW', partners: ["Climate Reanalyzer", "Daily Mudras", "Prana Breath", "Purely White", "Yazio"] },
57+
{ id: 'spaceflow', label: 'SPACE FLOW', partners: ["ESA", "Explore", "KAGRA", "LIGO", "LSC-Canfranc", "Map of the Universe", "NASA Eyes", "Virgo-GW"] }
7858
];
7959

8060
return (
81-
<div className="min-h-screen bg-transparent text-white font-exo pt-20 pb-20 px-4 md:px-8">
82-
{/* 1. MÓDULOS ORIGINALES (EXPANDIDOS) */}
83-
<section className="max-w-7xl mx-auto mb-32 pt-12">
84-
<header className="mb-16">
85-
<div className="flex items-center gap-2 mb-4 text-[#39FF14] opacity-40 text-[9px] font-mono tracking-[0.4em]">
86-
<ShieldCheck className="w-4 h-4" /> SECURE_ARCHIVE_v6.9_FINAL
61+
<div className="min-h-screen bg-transparent text-white font-exo pt-24 pb-20 px-4 md:px-8">
62+
<section className="max-w-7xl mx-auto mb-32">
63+
<header className="mb-20 text-left">
64+
<div className="flex items-center gap-2 mb-4 text-[#39FF14] opacity-40 text-[9px] font-mono tracking-[0.5em]">
65+
<ShieldCheck className="w-4 h-4" /> SECURE_ARCHIVE_v6.9_BUILD_FIX
8766
</div>
88-
<h1 className="text-6xl md:text-[8rem] font-nasalization tracking-tighter leading-none mb-8">ACADEMY</h1>
67+
<h1 className="text-6xl md:text-[9rem] font-nasalization tracking-tighter leading-none mb-6 uppercase">Academy</h1>
68+
<p className="text-gray-500 max-w-3xl italic text-lg border-l border-white/10 pl-6">Unified field science and biological optimization.</p>
8969
</header>
9070

91-
<div className="space-y-6">
71+
<div className="space-y-8">
9272
{academyModules.map((item) => (
93-
<motion.div
73+
<div
9474
key={item.id}
9575
onClick={() => setSelectedFile(selectedFile === item.id ? null : item.id)}
96-
className={`p-6 md:p-10 rounded-[2.5rem] md:rounded-[4rem] border transition-all duration-500 cursor-pointer ${
97-
selectedFile === item.id ? 'bg-white/[0.08] border-[#39FF14] shadow-[0_0_60px_rgba(57,255,20,0.1)]' : 'bg-white/[0.02] border-white/5 hover:border-[#D4AF37]/50'
76+
className={`p-8 md:p-12 rounded-[3rem] border transition-all duration-700 cursor-pointer ${
77+
selectedFile === item.id ? 'bg-white/[0.08] border-[#39FF14]' : 'bg-white/[0.02] border-white/5 hover:border-[#D4AF37]/40'
9878
}`}
9979
>
10080
<div className="flex items-center justify-between">
101-
<div className="flex items-center gap-4 md:gap-8">
102-
<div className="p-4 md:p-6 bg-black/40 rounded-2xl md:rounded-3xl border border-white/10 text-2xl shadow-xl">{item.icon}</div>
81+
<div className="flex items-center gap-6 md:gap-10">
82+
<div className="p-5 bg-black/40 rounded-[2rem] border border-white/10 text-3xl md:text-5xl">{item.icon}</div>
10383
<div>
104-
<span className="text-[8px] font-mono text-[#D4AF37] tracking-[0.4em] uppercase mb-1 block">{item.tag}</span>
105-
<h2 className="text-2xl md:text-5xl font-nasalization tracking-tight">{item.title}</h2>
84+
<span className="text-[9px] font-mono text-[#D4AF37] tracking-[0.6em] uppercase mb-2 block">{item.tag}</span>
85+
<h2 className="text-2xl md:text-6xl font-nasalization tracking-tight">{item.title}</h2>
10686
</div>
10787
</div>
108-
<Fingerprint className={`w-8 h-8 md:w-14 md:h-14 transition-all ${selectedFile === item.id ? 'text-[#39FF14] rotate-12 scale-110' : 'text-gray-800'}`} />
88+
<Fingerprint className={`w-10 h-10 md:w-20 md:h-20 ${selectedFile === item.id ? 'text-[#39FF14]' : 'text-gray-900'}`} />
10989
</div>
11090

11191
<AnimatePresence>
11292
{selectedFile === item.id && (
11393
<motion.div initial={{ opacity: 0, height: 0 }} animate={{ opacity: 1, height: 'auto' }} exit={{ opacity: 0, height: 0 }} className="overflow-hidden">
114-
<p className="py-8 text-gray-400 text-sm md:text-xl italic border-b border-white/5 mb-8 font-exo max-w-5xl leading-relaxed">{item.description}</p>
115-
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 pb-6">
94+
<p className="py-12 text-gray-400 text-lg md:text-2xl italic border-b border-white/5 mb-12 max-w-6xl leading-relaxed">{item.description}</p>
95+
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 pb-8">
11696
{item.subModules.map((sub, idx) => (
117-
<div key={idx} className="bg-white/[0.03] p-8 rounded-[2.5rem] border border-white/5 hover:bg-white/[0.05] transition-colors shadow-inner">
118-
<h4 className="text-[#39FF14] font-nasalization text-[10px] md:text-xs mb-6 tracking-widest uppercase">{sub.name}</h4>
119-
<ul className="space-y-3">
97+
<div key={idx} className="bg-white/[0.03] p-8 rounded-[3rem] border border-white/5">
98+
<h4 className="text-[#39FF14] font-nasalization text-xs mb-8 tracking-[0.2em] uppercase">{sub.name}</h4>
99+
<ul className="space-y-4">
120100
{sub.topics.map((topic, tIdx) => (
121-
<li key={tIdx} className="text-[10px] md:text-[11px] text-gray-500 font-mono flex items-start gap-2 leading-relaxed">
122-
<span className="text-[#D4AF37] opacity-50 mt-1">>></span> {topic}
101+
<li key={tIdx} className="text-[11px] md:text-[13px] text-gray-500 font-mono flex items-start gap-3">
102+
<span className="text-[#D4AF37] opacity-40 mt-1">{" >> "}</span> {topic}
123103
</li>
124104
))}
125105
</ul>
@@ -129,52 +109,49 @@ const Academy = () => {
129109
</motion.div>
130110
)}
131111
</AnimatePresence>
132-
</motion.div>
112+
</div>
133113
))}
134114
</div>
135115
</section>
136116

137-
{/* 2. ACADEMY NFT COLLECTION */}
138-
<section className="max-w-7xl mx-auto mb-32 p-10 md:p-24 rounded-[4rem] md:rounded-[6rem] bg-gradient-to-b from-white/[0.03] to-transparent border border-white/10 text-center relative overflow-hidden backdrop-blur-3xl shadow-2xl">
139-
<Star className="w-16 h-16 text-[#D4AF37] mx-auto mb-10 animate-pulse" />
117+
<section className="max-w-7xl mx-auto mb-40 p-12 rounded-[4rem] bg-white/[0.02] border border-white/10 text-center relative overflow-hidden">
118+
<Star className="w-16 h-16 text-[#D4AF37] mx-auto mb-12 animate-pulse" />
140119
<h2 className="text-5xl md:text-7xl font-nasalization tracking-[0.2em] mb-16 uppercase italic">Artifact Collection</h2>
141-
<div className="grid grid-cols-1 md:grid-cols-3 gap-10 mb-20 font-nasalization uppercase">
142-
{['Flow_Master', 'Bio_Sovereign', 'Tesla_Pioneer'].map((nft, i) => (
143-
<div key={i} className="group cursor-help transition-all">
144-
<div className="aspect-[3/4] bg-black/40 rounded-[3rem] mb-6 border border-white/5 group-hover:border-[#39FF14] transition-all flex flex-col items-center justify-center relative">
145-
<div className="absolute inset-0 bg-[#39FF14]/5 opacity-0 group-hover:opacity-100 transition-opacity" />
146-
<span className="text-gray-800 text-8xl font-black">#0{i+1}</span>
120+
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-20 font-nasalization">
121+
{['Flow Master', 'Bio Sovereign', 'Tesla Pioneer'].map((nft, i) => (
122+
<div key={i} className="group">
123+
<div className="aspect-[3/4] bg-black/60 rounded-[3rem] mb-6 border border-white/5 group-hover:border-[#39FF14] transition-all flex items-center justify-center">
124+
<span className="text-gray-900 text-9xl font-black">#0{i+1}</span>
147125
</div>
148-
<h4 className="text-[10px] tracking-widest text-gray-500 group-hover:text-white transition-colors">{nft}</h4>
126+
<h4 className="text-xs tracking-[0.5em] text-gray-500 group-hover:text-white transition-colors">{nft}</h4>
149127
</div>
150128
))}
151129
</div>
152-
<Button className="bg-[#D4AF37] hover:bg-white text-black font-black px-16 h-20 rounded-[2.5rem] tracking-[0.5em] text-sm shadow-[0_20px_50px_rgba(212,175,55,0.2)] transition-all active:scale-95">MINT CREDENTIAL</Button>
130+
<Button className="bg-[#D4AF37] text-black font-black px-16 h-20 rounded-[2.5rem] tracking-[0.5em] text-sm">MINT CREDENTIAL</Button>
153131
</section>
154132

155-
{/* 3. PARTNERS CATEGORIZADOS (Rutas Lovable/Academy) */}
156-
<section className="max-w-7xl mx-auto space-y-20">
133+
<section className="max-w-7xl mx-auto space-y-32">
157134
<div className="text-center">
158-
<Globe className="w-12 h-12 text-[#D4AF37] mx-auto mb-6 opacity-30" />
159-
<h3 className="text-xs font-nasalization tracking-[1em] text-gray-500 uppercase italic">Network Partners</h3>
135+
<Globe className="w-16 h-16 text-[#D4AF37] mx-auto mb-8 opacity-20" />
136+
<h3 className="text-sm font-nasalization tracking-[1.2em] text-gray-500 uppercase italic">Network Partners</h3>
160137
</div>
161138

162-
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
139+
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
163140
{partnerCategories.map((cat) => (
164-
<div key={cat.id} className="bg-white/[0.01] p-10 rounded-[3.5rem] border border-white/5 hover:border-white/10 transition-all">
165-
<h4 className="text-[#39FF14] font-nasalization text-[11px] tracking-[0.5em] mb-12 border-l-2 border-[#39FF14] pl-6 uppercase">{cat.label}</h4>
166-
<div className="grid grid-cols-3 sm:grid-cols-4 gap-8">
141+
<div key={cat.id} className="bg-white/[0.01] p-12 rounded-[4rem] border border-white/5 shadow-2xl">
142+
<h4 className="text-[#39FF14] font-nasalization text-sm tracking-[0.6em] mb-16 border-l-4 border-[#39FF14] pl-8 uppercase italic">{cat.label}</h4>
143+
<div className="grid grid-cols-3 sm:grid-cols-4 gap-10">
167144
{cat.partners.map((p, idx) => (
168-
<div key={idx} className="flex flex-col items-center gap-4 group cursor-pointer">
169-
<div className="w-16 h-16 md:w-20 md:h-20 bg-white/5 rounded-full flex items-center justify-center border border-white/5 group-hover:border-[#D4AF37] transition-all overflow-hidden p-4 grayscale group-hover:grayscale-0">
145+
<div key={idx} className="flex flex-col items-center gap-5 group">
146+
<div className="w-16 h-16 md:w-24 md:h-24 bg-white/5 rounded-full flex items-center justify-center border border-white/5 group-hover:border-[#D4AF37] transition-all overflow-hidden p-4 grayscale group-hover:grayscale-0">
170147
<img
171148
src={`/lovable-uploads/Academy/${p.toLowerCase().replace(/ /g, '-')}.png`}
172149
alt={p}
173-
className="w-full h-full object-contain opacity-50 group-hover:opacity-100 transition-all"
174-
onError={(e) => { e.currentTarget.src = 'https://via.placeholder.com/150?text=?'; }}
150+
className="w-full h-full object-contain opacity-40 group-hover:opacity-100 transition-all"
151+
onError={(e) => { e.currentTarget.style.display = 'none'; }}
175152
/>
176153
</div>
177-
<span className="text-[8px] md:text-[9px] font-mono text-gray-600 group-hover:text-white uppercase text-center transition-colors italic">{p}</span>
154+
<span className="text-[9px] md:text-[11px] font-mono text-gray-600 group-hover:text-white uppercase text-center italic">{p}</span>
178155
</div>
179156
))}
180157
</div>
@@ -183,6 +160,8 @@ const Academy = () => {
183160
</div>
184161
</section>
185162

163+
<footer className="mt-48 py-20 border-t border-white/5 opacity-20 text-[11px] font-mono tracking-[1.2em] uppercase text-center">
164+
AlienFlow Academy // 2026
186165
</footer>
187166
</div>
188167
);

0 commit comments

Comments
 (0)