Skip to content

Commit 679a224

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

1 file changed

Lines changed: 54 additions & 19 deletions

File tree

‎src/pages/Academy.tsx‎

Lines changed: 54 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
22
import { motion, AnimatePresence } from 'framer-motion';
33
import {
44
ShieldCheck, Coins, Leaf, Brain, Fingerprint,
5-
Globe, Star, Zap, Award, Microscope
5+
Globe, Star, Award, Zap, Sparkles
66
} from 'lucide-react';
77
import { Button } from '@/components/ui/button';
88

@@ -65,7 +65,7 @@ const Academy = () => {
6565
<div className="flex items-center gap-2 mb-4 text-[#39FF14] opacity-40 text-[9px] font-mono tracking-[0.5em]">
6666
<ShieldCheck className="w-4 h-4" /> SECURE_ARCHIVE_v7.0_FINAL
6767
</div>
68-
<h1 className="text-7xl md:text-9xl font-nasalization tracking-tighter mb-6 uppercase">Academy</h1>
68+
<h1 className="text-6xl md:text-8xl font-nasalization tracking-tighter mb-6 uppercase text-glow">Academy</h1>
6969
<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>
7070
</header>
7171

@@ -74,7 +74,7 @@ const Academy = () => {
7474
<div
7575
key={item.id}
7676
onClick={() => setExpandedId(expandedId === item.id ? null : item.id)}
77-
className={`p-8 md:p-12 rounded-[3rem] border transition-all duration-700 cursor-pointer ${
77+
className={`p-8 md:p-12 rounded-[3.5rem] border transition-all duration-700 cursor-pointer ${
7878
expandedId === item.id ? 'bg-white/[0.08] border-[#39FF14]' : 'bg-white/[0.02] border-white/5 hover:border-[#D4AF37]/40'
7979
}`}
8080
>
@@ -85,7 +85,7 @@ const Academy = () => {
8585
</div>
8686
<div>
8787
<span className="text-[9px] font-mono text-[#D4AF37] tracking-[0.6em] uppercase mb-2 block">{item.tag}</span>
88-
<h2 className="text-2xl md:text-6xl font-nasalization tracking-tight">{item.title}</h2>
88+
<h2 className="text-2xl md:text-5xl font-nasalization tracking-tight">{item.title}</h2>
8989
</div>
9090
</div>
9191
<Fingerprint className={`w-10 h-10 md:w-20 md:h-20 ${expandedId === item.id ? 'text-[#39FF14]' : 'text-gray-900'}`} />
@@ -116,24 +116,47 @@ const Academy = () => {
116116
))}
117117
</div>
118118

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" />
119+
{/* POINT 2: ACADEMY NFT COLLECTION & TRANSCENDENTAL MASTER (MIDDLE) */}
120+
<section className="mb-40 relative">
121+
{/* Transcendental Master Design Integration */}
122+
<div className="absolute -top-24 right-0 opacity-10 pointer-events-none">
123+
<Sparkles className="w-64 h-64 text-[#D4AF37]" />
124+
</div>
125+
126+
<div className="p-12 md:p-24 rounded-[4rem] bg-white/[0.02] border border-white/10 text-center overflow-hidden">
127+
<div className="mb-12 inline-block p-4 rounded-full bg-alien-gold/10 border border-alien-gold/20">
128+
<Award className="w-12 h-12 text-[#D4AF37]" />
129+
</div>
130+
131+
<h2 className="text-4xl md:text-7xl font-nasalization tracking-[0.1em] mb-6 uppercase italic">Artifact Collection</h2>
132+
<p className="text-alien-gold font-mono text-[10px] tracking-[0.8em] mb-20 uppercase">Transcendent Self-Realization Mastery</p>
133+
134+
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-20 font-nasalization">
135+
{['Flow Master', 'Bio Sovereign', 'Tesla Pioneer'].map((nft, i) => (
136+
<div key={i} className="group">
137+
<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 relative group overflow-hidden">
138+
{/* Imagen del Artefacto (Asegúrate de que la ruta coincida con tu repo) */}
139+
<img
140+
src={`/assets/academy/nft-${i+1}.png`}
141+
alt={nft}
142+
className="w-full h-full object-cover opacity-20 group-hover:opacity-60 transition-opacity"
143+
onError={(e) => e.currentTarget.src = "/placeholder-nft.png"}
144+
/>
145+
<div className="absolute inset-0 flex items-center justify-center">
146+
<Star className="w-12 h-12 text-white/5 group-hover:text-alien-gold transition-colors" />
147+
</div>
148+
</div>
149+
<h4 className="text-[10px] tracking-[0.5em] text-gray-500 group-hover:text-white transition-colors uppercase">{nft}</h4>
128150
</div>
129-
<h4 className="text-xs tracking-[0.5em] text-gray-500 group-hover:text-white transition-colors">{nft}</h4>
130-
</div>
131-
))}
151+
))}
152+
</div>
153+
<Button className="bg-[#D4AF37] text-black font-black px-16 h-20 rounded-[2.5rem] tracking-[0.5em] text-xs hover:bg-[#39FF14] transition-colors">
154+
MINT CREDENTIAL
155+
</Button>
132156
</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>
134157
</section>
135158

136-
{/* POINT 3: PARTNER CATEGORIES (END) */}
159+
{/* POINT 3: PARTNER CATEGORIES WITH OFFICIAL LOGOS (END) */}
137160
<section className="space-y-32">
138161
<div className="text-center">
139162
<Globe className="w-16 h-16 text-[#D4AF37] mx-auto mb-8 opacity-20" />
@@ -148,7 +171,19 @@ const Academy = () => {
148171
{cat.partners.map((p, idx) => (
149172
<div key={idx} className="flex flex-col items-center gap-5 group">
150173
<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>
174+
{/* LÓGICA DE IMAGEN OFICIAL:
175+
Busca el archivo en /assets/partners/nombre-del-partner.png
176+
*/}
177+
<img
178+
src={`/assets/partners/${p.toLowerCase().replace(/\s+/g, '-')}.png`}
179+
alt={p}
180+
className="w-full h-full object-contain grayscale group-hover:grayscale-0 transition-all"
181+
onError={(e) => {
182+
// Fallback si la imagen no existe: muestra la inicial
183+
e.currentTarget.style.display = 'none';
184+
e.currentTarget.parentElement!.innerHTML = `<span class="text-alien-gold font-bold text-lg">${p[0]}</span>`;
185+
}}
186+
/>
152187
</div>
153188
<span className="text-[9px] md:text-[11px] font-mono text-gray-600 group-hover:text-white uppercase text-center italic">{p}</span>
154189
</div>

0 commit comments

Comments
 (0)