@@ -39,248 +39,6 @@ <h2 class="text-4xl font-bold text-stone-800 mb-4">La Doble Necesidad de Todo De
3939 Estás construyendo tu proyecto. Seguro hay áreas que no dominas (diseño, backend, DevOps, legal) - necesitas contratar ayuda. Y tienes habilidades valiosas en lo que sí dominas - puedes ofrecer tu talento a otros proyectos. Esta red resuelve ambas necesidades.
4040 </ p >
4141 </ div >
42-
43- < div class ="grid md:grid-cols-2 gap-12 mb-16 ">
44- < div class ="bg-gradient-to-br from-orange-50 to-orange-100 p-10 rounded-lg shadow-xl border-l-4 border-orange-500 ">
45- < div class ="flex items-center mb-6 ">
46- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor " class ="w-14 h-14 text-orange-600 mr-4 ">
47- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z " />
48- </ svg >
49- < h3 class ="text-3xl font-bold text-orange-600 "> Para Freelancers</ h3 >
50- </ div >
51- < p class ="text-gray-700 mb-6 text-lg ">
52- Únete a una comunidad de profesionales independientes y accede a oportunidades exclusivas, recursos y apoyo para impulsar tu carrera.
53- </ p >
54- < h4 class ="font-bold text-xl text-stone-800 mb-4 "> Beneficios Exclusivos:</ h4 >
55- < ul class ="space-y-4 text-gray-700 ">
56- < li class ="flex items-start ">
57- < span class ="text-orange-500 mr-3 text-2xl font-bold "> •</ span >
58- < div >
59- < strong class ="block mb-1 "> Marketplace de Proyectos</ strong >
60- < span class ="text-sm "> Explora oportunidades verificadas de clientes confiables</ span >
61- </ div >
62- </ li >
63- < li class ="flex items-start ">
64- < span class ="text-orange-500 mr-3 text-2xl font-bold "> •</ span >
65- < div >
66- < strong class ="block mb-1 "> Portafolio Integrado</ strong >
67- < span class ="text-sm "> Muestra tu trabajo con repositorios de GitHub integrados</ span >
68- </ div >
69- </ li >
70- < li class ="flex items-start ">
71- < span class ="text-orange-500 mr-3 text-2xl font-bold "> •</ span >
72- < div >
73- < strong class ="block mb-1 "> Desarrollo de Habilidades</ strong >
74- < span class ="text-sm "> Acceso gratuito a workshops y recursos de capacitación</ span >
75- </ div >
76- </ li >
77- < li class ="flex items-start ">
78- < span class ="text-orange-500 mr-3 text-2xl font-bold "> •</ span >
79- < div >
80- < strong class ="block mb-1 "> Comunidad de Apoyo</ strong >
81- < span class ="text-sm "> Conecta con otros freelancers para consejos y colaboración</ span >
82- </ div >
83- </ li >
84- < li class ="flex items-start ">
85- < span class ="text-orange-500 mr-3 text-2xl font-bold "> •</ span >
86- < div >
87- < strong class ="block mb-1 "> Tarifas Justas</ strong >
88- < span class ="text-sm "> Precios transparentes sin comisiones ocultas</ span >
89- </ div >
90- </ li >
91- </ ul >
92- </ div >
93-
94- < div class ="bg-gradient-to-br from-blue-50 to-blue-100 p-10 rounded-lg shadow-xl border-l-4 border-blue-500 ">
95- < div class ="flex items-center mb-6 ">
96- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor " class ="w-14 h-14 text-blue-600 mr-4 ">
97- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z " />
98- </ svg >
99- < h3 class ="text-3xl font-bold text-blue-600 "> Para Clientes</ h3 >
100- </ div >
101- < p class ="text-gray-700 mb-6 text-lg ">
102- Encuentra el talento perfecto para tu proyecto de nuestro pool de profesionales calificados y verificados.
103- </ p >
104- < h4 class ="font-bold text-xl text-stone-800 mb-4 "> Ventajas para Empresas:</ h4 >
105- < ul class ="space-y-4 text-gray-700 ">
106- < li class ="flex items-start ">
107- < span class ="text-blue-500 mr-3 text-2xl font-bold "> •</ span >
108- < div >
109- < strong class ="block mb-1 "> Profesionales Verificados</ strong >
110- < span class ="text-sm "> Todos los freelancers son verificados y evaluados por la comunidad</ span >
111- </ div >
112- </ li >
113- < li class ="flex items-start ">
114- < span class ="text-blue-500 mr-3 text-2xl font-bold "> •</ span >
115- < div >
116- < strong class ="block mb-1 "> Matching Rápido</ strong >
117- < span class ="text-sm "> Encuentra el talento adecuado para tu proyecto rápidamente</ span >
118- </ div >
119- </ li >
120- < li class ="flex items-start ">
121- < span class ="text-blue-500 mr-3 text-2xl font-bold "> •</ span >
122- < div >
123- < strong class ="block mb-1 "> Gestión de Proyectos</ strong >
124- < span class ="text-sm "> Herramientas integradas para rastrear progreso e hitos</ span >
125- </ div >
126- </ li >
127- < li class ="flex items-start ">
128- < span class ="text-blue-500 mr-3 text-2xl font-bold "> •</ span >
129- < div >
130- < strong class ="block mb-1 "> Pagos Seguros</ strong >
131- < span class ="text-sm "> Protección de depósito en garantía para tus transacciones</ span >
132- </ div >
133- </ li >
134- < li class ="flex items-start ">
135- < span class ="text-blue-500 mr-3 text-2xl font-bold "> •</ span >
136- < div >
137- < strong class ="block mb-1 "> Garantía de Calidad</ strong >
138- < span class ="text-sm "> Trabaja con confianza respaldado por nuestro equipo de soporte</ span >
139- </ div >
140- </ li >
141- </ ul >
142- </ div >
143- </ div >
144- </ section >
145-
146- < section class ="bg-stone-900 text-white py-16 ">
147- < div class ="max-w-6xl mx-auto px-8 ">
148- < h2 class ="text-4xl font-bold mb-12 text-center "> Especializaciones Disponibles</ h2 >
149- < div class ="grid md:grid-cols-4 gap-6 ">
150- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
151- < div class ="text-5xl mb-4 "> 💻</ div >
152- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> Full Stack</ h4 >
153- < p class ="text-gray-300 text-sm "> Aplicaciones web end-to-end</ p >
154- </ div >
155- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
156- < div class ="text-5xl mb-4 "> 📱</ div >
157- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> Móvil</ h4 >
158- < p class ="text-gray-300 text-sm "> Apps iOS y Android</ p >
159- </ div >
160- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
161- < div class ="text-5xl mb-4 "> 🎨</ div >
162- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> UI/UX Design</ h4 >
163- < p class ="text-gray-300 text-sm "> Interfaces hermosas y funcionales</ p >
164- </ div >
165- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
166- < div class ="text-5xl mb-4 "> ☁️</ div >
167- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> DevOps & Cloud</ h4 >
168- < p class ="text-gray-300 text-sm "> Infraestructura y automatización</ p >
169- </ div >
170- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
171- < div class ="text-5xl mb-4 "> 🔒</ div >
172- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> Seguridad</ h4 >
173- < p class ="text-gray-300 text-sm "> Ciberseguridad y auditorías</ p >
174- </ div >
175- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
176- < div class ="text-5xl mb-4 "> 🤖</ div >
177- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> AI & ML</ h4 >
178- < p class ="text-gray-300 text-sm "> Soluciones de machine learning</ p >
179- </ div >
180- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
181- < div class ="text-5xl mb-4 "> ⚙️</ div >
182- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> Backend</ h4 >
183- < p class ="text-gray-300 text-sm "> APIs y microservicios</ p >
184- </ div >
185- < div class ="bg-stone-800 p-6 rounded-lg text-center hover:bg-stone-700 transition-colors ">
186- < div class ="text-5xl mb-4 "> 📊</ div >
187- < h4 class ="font-bold text-xl mb-2 text-orange-400 "> Data Engineering</ h4 >
188- < p class ="text-gray-300 text-sm "> Analytics y pipelines</ p >
189- </ div >
190- </ div >
191- </ div >
192- </ section >
193-
194- < section class ="max-w-6xl mx-auto px-8 py-16 ">
195- < h2 class ="text-4xl font-bold text-stone-800 mb-12 text-center "> Cómo Funciona</ h2 >
196- < div class ="grid md:grid-cols-2 lg:grid-cols-4 gap-8 ">
197- < div class ="text-center ">
198- < div class ="bg-gradient-to-br from-orange-500 to-orange-600 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6 text-white text-2xl font-bold shadow-lg ">
199- 1
200- </ div >
201- < h4 class ="text-xl font-bold text-stone-800 mb-3 "> Crea tu Perfil</ h4 >
202- < p class ="text-gray-600 "> Registra tu cuenta, completa tu perfil profesional y conecta tu GitHub</ p >
203- </ div >
204- < div class ="text-center ">
205- < div class ="bg-gradient-to-br from-orange-500 to-orange-600 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6 text-white text-2xl font-bold shadow-lg ">
206- 2
207- </ div >
208- < h4 class ="text-xl font-bold text-stone-800 mb-3 "> Encuentra Proyectos</ h4 >
209- < p class ="text-gray-600 "> Explora el marketplace o recibe invitaciones directas de clientes</ p >
210- </ div >
211- < div class ="text-center ">
212- < div class ="bg-gradient-to-br from-orange-500 to-orange-600 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6 text-white text-2xl font-bold shadow-lg ">
213- 3
214- </ div >
215- < h4 class ="text-xl font-bold text-stone-800 mb-3 "> Colabora</ h4 >
216- < p class ="text-gray-600 "> Trabaja con el cliente, mantén comunicación fluida y entrega hitos</ p >
217- </ div >
218- < div class ="text-center ">
219- < div class ="bg-gradient-to-br from-orange-500 to-orange-600 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6 text-white text-2xl font-bold shadow-lg ">
220- 4
221- </ div >
222- < h4 class ="text-xl font-bold text-stone-800 mb-3 "> Recibe Pagos</ h4 >
223- < p class ="text-gray-600 "> Obtén tu pago de forma segura al completar el proyecto</ p >
224- </ div >
225- </ div >
226- </ section >
227-
228- < section class ="bg-stone-50 py-16 ">
229- < div class ="max-w-6xl mx-auto px-8 ">
230- < h2 class ="text-4xl font-bold text-stone-800 mb-12 text-center "> Por Qué Elegirnos</ h2 >
231- < div class ="grid md:grid-cols-3 gap-8 ">
232- < div class ="bg-white p-8 rounded-lg shadow-md ">
233- < div class ="text-orange-500 mb-4 ">
234- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor " class ="w-16 h-16 ">
235- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z " />
236- </ svg >
237- </ div >
238- < h3 class ="text-2xl font-bold text-stone-800 mb-3 "> Confianza y Seguridad</ h3 >
239- < p class ="text-gray-700 ">
240- Sistema de verificación de identidad, revisiones de la comunidad y pagos protegidos con depósito en garantía.
241- </ p >
242- </ div >
243- < div class ="bg-white p-8 rounded-lg shadow-md ">
244- < div class ="text-orange-500 mb-4 ">
245- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor " class ="w-16 h-16 ">
246- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z " />
247- </ svg >
248- </ div >
249- < h3 class ="text-2xl font-bold text-stone-800 mb-3 "> Comunidad Activa</ h3 >
250- < p class ="text-gray-700 ">
251- Forma parte de una red global de profesionales que se apoyan mutuamente y comparten conocimiento.
252- </ p >
253- </ div >
254- < div class ="bg-white p-8 rounded-lg shadow-md ">
255- < div class ="text-orange-500 mb-4 ">
256- < svg xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 24 24 " stroke-width ="1.5 " stroke ="currentColor " class ="w-16 h-16 ">
257- < path stroke-linecap ="round " stroke-linejoin ="round " d ="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z " />
258- </ svg >
259- </ div >
260- < h3 class ="text-2xl font-bold text-stone-800 mb-3 "> Tarifas Competitivas</ h3 >
261- < p class ="text-gray-700 ">
262- Comisiones transparentes y justas. Más dinero en tu bolsillo para que sigas construyendo tu carrera.
263- </ p >
264- </ div >
265- </ div >
266- </ div >
267- </ section >
268-
269- < section class ="bg-gradient-to-r from-orange-600 to-orange-700 text-white py-16 ">
270- < div class ="max-w-4xl mx-auto px-8 text-center ">
271- < h2 class ="text-4xl font-bold mb-6 "> ¿Listo para Empezar?</ h2 >
272- < p class ="text-xl mb-8 max-w-2xl mx-auto ">
273- Únete a nuestra creciente comunidad de freelancers y clientes hoy mismo.
274- </ p >
275- < div class ="flex flex-wrap justify-center gap-4 ">
276- < a href ="https://github.com/Coderic " class ="bg-white hover:bg-orange-50 text-orange-600 font-bold py-4 px-8 rounded-lg text-lg inline-block transition-all transform hover:scale-105 ">
277- Unirme como Freelancer
278- </ a >
279- < a href ="/community " class ="bg-transparent border-2 border-white hover:bg-white hover:bg-opacity-20 text-white font-bold py-4 px-8 rounded-lg text-lg inline-block transition-all ">
280- Publicar un Proyecto
281- </ a >
282- </ div >
283- </ div >
28442</ section >
28543
28644< div id ="network ">
0 commit comments