Skip to content

Commit 4c163a9

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

1 file changed

Lines changed: 83 additions & 83 deletions

File tree

‎src/pages/Academy.tsx‎

Lines changed: 83 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,98 @@
11
import React, { useState } from 'react';
2+
import { motion, AnimatePresence } from 'framer-motion';
23
import {
3-
GraduationCap, BookOpen, Sparkles, Leaf, Brain, Coins,
4-
Activity, Zap, ChevronRight, Fingerprint, Database,
5-
Globe, Microscope, Star, Atom, ShieldCheck
4+
ShieldCheck, Coins, Leaf, Brain, Fingerprint,
5+
Globe, Star, Zap, Award, Microscope
66
} from 'lucide-react';
77
import { Button } from '@/components/ui/button';
8-
import { motion, AnimatePresence } from 'framer-motion';
98

109
const Academy = () => {
11-
const [selectedFile, setSelectedFile] = useState<null | number>(null);
10+
const [expandedId, setExpandedId] = useState<number | null>(null);
1211

1312
const academyModules = [
1413
{
1514
id: 1,
16-
title: "Abundance and Freedom",
15+
title: "Abundance & Freedom",
1716
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) to build anti-fragile wealth systems.",
19-
icon: <Coins className="text-[#D4AF37]" />,
17+
description: "Advanced mastery of digital economics, blockchain ecosystems, and sustainable financial frameworks for sovereign individuals. Mastery of decentralized infrastructure and regenerative finance (ReFi).",
18+
icon: <Coins className="text-[#D4AF37] w-full h-full" />,
2019
subModules: [
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"] }
20+
{ name: "EcoFinTech & Dynamics", topics: ["Circularity + ESG Criteria Mastery", "System Dynamics & Critical Degrowth", "Macro/Micro Economics & Game Theory"] },
21+
{ name: "Blockchain Ecosystems", topics: ["DeFi, BioFi and ReFi Deep Dive", "DePIN and DeSci (IPFS/Filecoin)", "Smart Contract Architecture"] },
22+
{ name: "E-Commerce & Scaling", topics: ["Digital Markets & Global Infra", "Automated Revenue Architecture", "Scalability Frameworks"] }
2423
]
2524
},
2625
{
2726
id: 2,
28-
title: "Self-Management and Sustainability",
27+
title: "Self-Management & Sustainability",
2928
tag: "HEALTH_FLOW_LIFE",
30-
description: "Biological synchronization and resource management through permaculture, ecology, and sacred nutritional science. Integration of ancient wisdom with modern bio-hacking for peak vitality.",
31-
icon: <Leaf className="text-[#39FF14]" />,
29+
description: "Biological synchronization and resource management through permaculture, ecology, and sacred nutritional science. Integration of ancient wisdom with modern bio-hacking.",
30+
icon: <Leaf className="text-[#39FF14] w-full h-full" />,
3231
subModules: [
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"] }
32+
{ name: "Permaculture & Ecology", topics: ["Ecosystem Biodiversity & Permodesign", "Soil Regeneration & Syntropic Farming", "Water Harvesting Systems"] },
33+
{ name: "Conscious Living", topics: ["Daily Mudras & Energy Channels", "Prana Breathing & Yoga Integration", "Homeostatic Biological Balance"] },
34+
{ name: "Flow Management", topics: ["Natural Rhythms & Circadian Timing", "Digital Minimalism & Focus Mastery", "Sacred Space (Feng Shui)"] }
3635
]
3736
},
3837
{
3938
id: 3,
40-
title: "Harmony and Transcendence",
39+
title: "Harmony & Transcendence",
4140
tag: "SPACE_FLOW_SCIENCE",
4241
description: "Deep study of Tesla equations, magnetic fields, and unified physics. Understanding gravitational force unification through neutrinos and the mechanics of multidimensional consciousness.",
43-
icon: <Brain className="text-purple-400" />,
42+
icon: <Brain className="text-purple-400 w-full h-full" />,
4443
subModules: [
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)"] }
44+
{ name: "Tesla & Unified Physics", topics: ["Tesla Equations & Scalar Waves", "Magnetic Field Dynamics & Flux", "Neutrino Unification Theory", "Gravitational & Magnetic Synergy"] },
45+
{ name: "Consciousness Mapping", topics: ["Subconscious & Preconscious Mapping", "Focus, Perception & Reality Tunnels", "Neuro-Acoustic Stimulation"] },
46+
{ name: "Alchemy & Liberal Arts", topics: ["Trivium & Quadrivium Mastery", "Hermeneutics & Ancient Heuristics", "The Art of the Flow State (TAO)"] }
4847
]
4948
}
5049
];
5150

5251
const partnerCategories = [
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"] }
52+
{ 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"].sort() },
53+
{ id: 'dataflow', label: 'DATA FLOW', partners: ["Alchemy", "Bitcoin", "Google Growth", "HackerRank", "HackMD", "Hotmart"].sort() },
54+
{ id: 'gameflow', label: 'GAME FLOW', partners: ["Unity Learn", "Unreal Engine"].sort() },
55+
{ id: 'healthflow', label: 'HEALTH FLOW', partners: ["Climate Reanalyzer", "Daily Mudras", "Prana Breath", "Purely White", "Yazio"].sort() },
56+
{ id: 'spaceflow', label: 'SPACE FLOW', partners: ["ESA", "Explore", "KAGRA", "LIGO", "LSC-Canfranc", "Map of the Universe", "NASA Eyes", "Virgo-GW"].sort() }
5857
];
5958

6059
return (
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">
60+
<div className="min-h-screen bg-transparent text-white font-exo pt-32 pb-20 px-4 md:px-8">
61+
<div className="max-w-7xl mx-auto">
62+
63+
{/* POINT 1: THE 3 MODULES (EXPANDABLE) */}
64+
<header className="mb-20">
6465
<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
66+
<ShieldCheck className="w-4 h-4" /> SECURE_ARCHIVE_v7.0_FINAL
6667
</div>
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>
68+
<h1 className="text-7xl md:text-9xl font-nasalization tracking-tighter mb-6 uppercase">Academy</h1>
69+
<p className="max-w-3xl text-gray-500 italic text-lg border-l border-white/10 pl-6">Unified field science and biological optimization.</p>
6970
</header>
7071

71-
<div className="space-y-8">
72+
<div className="space-y-8 mb-40">
7273
{academyModules.map((item) => (
7374
<div
7475
key={item.id}
75-
onClick={() => setSelectedFile(selectedFile === item.id ? null : item.id)}
76+
onClick={() => setExpandedId(expandedId === item.id ? null : item.id)}
7677
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'
78+
expandedId === item.id ? 'bg-white/[0.08] border-[#39FF14]' : 'bg-white/[0.02] border-white/5 hover:border-[#D4AF37]/40'
7879
}`}
7980
>
8081
<div className="flex items-center justify-between">
8182
<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>
83+
<div className="p-5 bg-black/40 rounded-[2rem] border border-white/10 text-3xl md:text-5xl w-20 h-20 md:w-28 md:h-28 flex items-center justify-center">
84+
{item.icon}
85+
</div>
8386
<div>
8487
<span className="text-[9px] font-mono text-[#D4AF37] tracking-[0.6em] uppercase mb-2 block">{item.tag}</span>
8588
<h2 className="text-2xl md:text-6xl font-nasalization tracking-tight">{item.title}</h2>
8689
</div>
8790
</div>
88-
<Fingerprint className={`w-10 h-10 md:w-20 md:h-20 ${selectedFile === item.id ? 'text-[#39FF14]' : 'text-gray-900'}`} />
91+
<Fingerprint className={`w-10 h-10 md:w-20 md:h-20 ${expandedId === item.id ? 'text-[#39FF14]' : 'text-gray-900'}`} />
8992
</div>
9093

9194
<AnimatePresence>
92-
{selectedFile === item.id && (
95+
{expandedId === item.id && (
9396
<motion.div initial={{ opacity: 0, height: 0 }} animate={{ opacity: 1, height: 'auto' }} exit={{ opacity: 0, height: 0 }} className="overflow-hidden">
9497
<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>
9598
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 pb-8">
@@ -112,56 +115,53 @@ const Academy = () => {
112115
</div>
113116
))}
114117
</div>
115-
</section>
116118

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" />
119-
<h2 className="text-5xl md:text-7xl font-nasalization tracking-[0.2em] mb-16 uppercase italic">Artifact Collection</h2>
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>
119+
{/* POINT 2: ACADEMY NFT COLLECTION (MIDDLE) */}
120+
<section className="mb-40 p-12 rounded-[4rem] bg-white/[0.02] border border-white/10 text-center relative overflow-hidden">
121+
<Star className="w-16 h-16 text-[#D4AF37] mx-auto mb-12 animate-pulse" />
122+
<h2 className="text-5xl md:text-7xl font-nasalization tracking-[0.2em] mb-16 uppercase italic">Artifact Collection</h2>
123+
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-20 font-nasalization">
124+
{['Flow Master', 'Bio Sovereign', 'Tesla Pioneer'].map((nft, i) => (
125+
<div key={i} className="group">
126+
<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">
127+
<Award className="w-20 h-20 text-white/5 group-hover:text-alien-gold transition-colors" />
128+
</div>
129+
<h4 className="text-xs tracking-[0.5em] text-gray-500 group-hover:text-white transition-colors">{nft}</h4>
125130
</div>
126-
<h4 className="text-xs tracking-[0.5em] text-gray-500 group-hover:text-white transition-colors">{nft}</h4>
127-
</div>
128-
))}
129-
</div>
130-
<Button className="bg-[#D4AF37] text-black font-black px-16 h-20 rounded-[2.5rem] tracking-[0.5em] text-sm">MINT CREDENTIAL</Button>
131-
</section>
131+
))}
132+
</div>
133+
<Button className="bg-[#D4AF37] text-black font-black px-16 h-20 rounded-[2.5rem] tracking-[0.5em] text-xs">MINT CREDENTIAL</Button>
134+
</section>
132135

133-
<section className="max-w-7xl mx-auto space-y-32">
134-
<div className="text-center">
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>
137-
</div>
138-
139-
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
140-
{partnerCategories.map((cat) => (
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">
144-
{cat.partners.map((p, idx) => (
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">
147-
<img
148-
src={`/lovable-uploads/Academy/${p.toLowerCase().replace(/ /g, '-')}.png`}
149-
alt={p}
150-
className="w-full h-full object-contain opacity-40 group-hover:opacity-100 transition-all"
151-
onError={(e) => { e.currentTarget.style.display = 'none'; }}
152-
/>
136+
{/* POINT 3: PARTNER CATEGORIES (END) */}
137+
<section className="space-y-32">
138+
<div className="text-center">
139+
<Globe className="w-16 h-16 text-[#D4AF37] mx-auto mb-8 opacity-20" />
140+
<h3 className="text-sm font-nasalization tracking-[1.2em] text-gray-500 uppercase italic">Network Infrastructure</h3>
141+
</div>
142+
143+
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
144+
{partnerCategories.map((cat) => (
145+
<div key={cat.id} className="bg-white/[0.01] p-12 rounded-[4rem] border border-white/5 shadow-2xl">
146+
<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>
147+
<div className="grid grid-cols-3 sm:grid-cols-4 gap-10">
148+
{cat.partners.map((p, idx) => (
149+
<div key={idx} className="flex flex-col items-center gap-5 group">
150+
<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">
151+
<span className="text-alien-gold font-bold text-lg group-hover:scale-125 transition-transform">{p[0]}</span>
152+
</div>
153+
<span className="text-[9px] md:text-[11px] font-mono text-gray-600 group-hover:text-white uppercase text-center italic">{p}</span>
153154
</div>
154-
<span className="text-[9px] md:text-[11px] font-mono text-gray-600 group-hover:text-white uppercase text-center italic">{p}</span>
155-
</div>
156-
))}
155+
))}
156+
</div>
157157
</div>
158-
</div>
159-
))}
160-
</div>
161-
</section>
162-
158+
))}
159+
</div>
160+
</section>
161+
</div>
162+
163163
<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
164+
Academy /// SECURE_ARCHIVE
165165
</footer>
166166
</div>
167167
);

0 commit comments

Comments
 (0)