Skip to content

Commit 1dd7f27

Browse files
carlex74carlex74
authored
Merge pull request #204 from upskill-team/develop
Release 1.0.6 - Detalles
2 parents f838c75 + 5aa54be commit 1dd7f27

1 file changed

Lines changed: 85 additions & 14 deletions

File tree

‎src/components/common/Footer.tsx‎

Lines changed: 85 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,51 +7,122 @@ export function Footer() {
77
<div className="container mx-auto px-4 py-12">
88
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
99
<div className="space-y-4 text-center md:text-left">
10-
<Link to="/" className="flex items-center space-x-2 justify-center md:justify-start">
10+
<Link
11+
to="/"
12+
className="flex items-center space-x-2 justify-center md:justify-start"
13+
>
1114
<div className="w-8 h-8 bg-gradient-to-br from-blue-400 to-green-400 rounded-lg flex items-center justify-center">
1215
<BookOpen className="w-5 h-5 text-white" />
1316
</div>
1417
<span className="text-xl font-poppins font-bold">UpSkill</span>
1518
</Link>
1619
<p className="text-slate-300 text-sm leading-relaxed">
17-
La plataforma líder en educación online. Aprende nuevas habilidades y avanza en tu carrera.
20+
La plataforma líder en educación online. Aprende nuevas
21+
habilidades y avanza en tu carrera.
1822
</p>
1923
</div>
2024

2125
<div className="space-y-4 text-center md:text-left">
2226
<h3 className="font-semibold text-lg">Enlaces</h3>
2327
<ul className="space-y-2 text-sm">
24-
<li><Link to="/courses" className="text-slate-300 hover:text-white transition-colors">Explorar Cursos</Link></li>
25-
<li><Link to="/about" className="text-slate-300 hover:text-white transition-colors">Sobre Nosotros</Link></li>
26-
<li><Link to="/faq" className="text-slate-300 hover:text-white transition-colors">Preguntas Frecuentes</Link></li>
27-
<li><Link to="/contact" className="text-slate-300 hover:text-white transition-colors">Contacto</Link></li>
28+
<li>
29+
<Link
30+
to="/courses"
31+
className="text-slate-300 hover:text-white transition-colors"
32+
>
33+
Explorar Cursos
34+
</Link>
35+
</li>
36+
<li>
37+
<Link
38+
to="/about"
39+
className="text-slate-300 hover:text-white transition-colors"
40+
>
41+
Sobre Nosotros
42+
</Link>
43+
</li>
44+
<li>
45+
<Link
46+
to="/faq"
47+
className="text-slate-300 hover:text-white transition-colors"
48+
>
49+
Preguntas Frecuentes
50+
</Link>
51+
</li>
52+
<li>
53+
<Link
54+
to="/contact"
55+
className="text-slate-300 hover:text-white transition-colors"
56+
>
57+
Contacto
58+
</Link>
59+
</li>
2860
</ul>
2961
</div>
3062

3163
<div className="space-y-4 text-center md:text-left">
3264
<h3 className="font-semibold text-lg">Contacto</h3>
3365
<div className="space-y-3 text-sm flex flex-col items-center md:items-start">
34-
<a href="mailto:contacto.upskill@gmail.com" className="flex items-center space-x-2 text-slate-300 hover:text-white transition-colors">
35-
<Mail className="w-4 h-4" /><span>contacto.upskill@gmail.com</span>
66+
<a
67+
href="mailto:contacto.upskill@gmail.com"
68+
className="flex items-center space-x-2 text-slate-300 hover:text-white transition-colors"
69+
>
70+
<Mail className="w-4 h-4" />
71+
<span>contacto.upskill@gmail.com</span>
3672
</a>
3773
</div>
3874
</div>
3975

4076
<div className="space-y-4 text-center md:text-left">
4177
<h3 className="font-semibold text-lg">Síguenos</h3>
4278
<div className="flex space-x-3 justify-center md:justify-start">
43-
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="Facebook" className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors"><Facebook className="w-5 h-5" /></a>
44-
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="X" className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-black transition-colors"><X className="w-5 h-5" /></a>
45-
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="Instagram" className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-pink-600 transition-colors"><Instagram className="w-5 h-5" /></a>
46-
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="YouTube" className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-red-600 transition-colors"><Youtube className="w-5 h-5" /></a>
79+
<a
80+
href="https://web.facebook.com/profile.php?id=61585158078001"
81+
target="_blank"
82+
rel="noopener noreferrer"
83+
aria-label="Facebook"
84+
className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors"
85+
>
86+
<Facebook className="w-5 h-5" />
87+
</a>
88+
<a
89+
href="https://x.com/USkillteam57089"
90+
target="_blank"
91+
rel="noopener noreferrer"
92+
aria-label="X"
93+
className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-black transition-colors"
94+
>
95+
<X className="w-5 h-5" />
96+
</a>
97+
<a
98+
href="https://www.instagram.com/upskill.ok/"
99+
target="_blank"
100+
rel="noopener noreferrer"
101+
aria-label="Instagram"
102+
className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-pink-600 transition-colors"
103+
>
104+
<Instagram className="w-5 h-5" />
105+
</a>
106+
<a
107+
href="https://www.youtube.com/channel/UCE4d4pz64jJRghnEEdqiDYA"
108+
target="_blank"
109+
rel="noopener noreferrer"
110+
aria-label="YouTube"
111+
className="w-9 h-9 bg-slate-700 rounded-lg flex items-center justify-center hover:bg-red-600 transition-colors"
112+
>
113+
<Youtube className="w-5 h-5" />
114+
</a>
47115
</div>
48116
</div>
49117
</div>
50118

51119
<div className="border-t border-slate-700 mt-8 pt-8 text-center">
52-
<p className="text-slate-400 text-sm">&copy; {new Date().getFullYear()} UpSkill. Todos los derechos reservados.</p>
120+
<p className="text-slate-400 text-sm">
121+
&copy; {new Date().getFullYear()} UpSkill. Todos los derechos
122+
reservados.
123+
</p>
53124
</div>
54125
</div>
55126
</footer>
56127
);
57-
}
128+
}

0 commit comments

Comments
 (0)