Skip to content

Commit 5286abc

Browse files
codeaashucodeaashu
committed
feat: comment out Internship3 component in InternshipList
1 parent 02001ed commit 5286abc

1 file changed

Lines changed: 141 additions & 141 deletions

File tree

‎src/Page/OpportunitiesHub/InternshipList.jsx‎

Lines changed: 141 additions & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -297,147 +297,147 @@ const Internship2 = () => {
297297
);
298298
};
299299

300-
const Internship3 = () => {
301-
const cardUrl = 'https://www.devdisplay.org/Internship#Webfuture-Front-End-Development';
302-
return (
303-
<div id="Webfuture-Front-End-Development" className="group relative mx-auto w-full max-w-[30rem]">
304-
<div className="relative overflow-hidden rounded-2xl bg-slate-950 shadow-2xl transition-all duration-300 hover:-translate-y-2 hover:shadow-emerald-500/10">
305-
<div className="absolute -left-16 -top-16 h-32 w-32 rounded-full bg-gradient-to-br from-emerald-500/20 to-teal-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
306-
<div className="absolute -bottom-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-blue-500/20 to-indigo-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
307-
<div className="relative p-6">
308-
<div className="flex items-start justify-between">
309-
<div className="flex gap-4">
310-
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
311-
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
312-
<img src="/assets/LocalCompany/Webfuture.jpg" alt="Custom Icon" className="h-10 w-10" />
313-
</div>
314-
<div>
315-
<h3 className="text-lg font-semibold text-white">Front End Development Internship</h3>
316-
<div className="mt-1 flex items-center gap-2">
317-
<span className="text-sm text-slate-400">Webfuture</span>
318-
<span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
319-
{/* <div className="flex items-center gap-1">
320-
<svg className="h-4 w-4 text-amber-400" fill="currentColor" viewBox="0 0 20 20">
321-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
322-
</svg>
323-
<span className="text-sm text-slate-400">4.9</span>
324-
</div> */}
325-
</div>
326-
</div>
327-
</div>
328-
<button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
329-
<svg
330-
className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
331-
fill="none"
332-
viewBox="0 0 24 24"
333-
stroke="currentColor"
334-
>
335-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
336-
</svg>
337-
{/* <span className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500">
338-
🔥
339-
</span> */}
340-
</button>
341-
</div>
342-
<div className="mt-6 flex flex-wrap gap-2">
343-
<span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
344-
<FontAwesomeIcon icon={faClock} className="h-4 w-4 text-emerald-500" />
345-
Ends on 23 April
346-
</span>
347-
<span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
348-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
349-
<path
350-
strokeLinecap="round"
351-
strokeLinejoin="round"
352-
strokeWidth={2}
353-
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
354-
/>
355-
</svg>
356-
Onsite
357-
</span>
358-
<span className="inline-flex items-center gap-1 rounded-lg bg-indigo-500/10 px-3 py-1 text-sm text-indigo-500">
359-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
360-
<path
361-
strokeLinecap="round"
362-
strokeLinejoin="round"
363-
strokeWidth={2}
364-
d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
365-
/>
366-
</svg>
367-
Full-time
368-
</span>
369-
</div>
370-
<div className="mt-6 space-y-4">
371-
<div className="flex items-start gap-3">
372-
<div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
373-
<svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
374-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
375-
</svg>
376-
</div>
377-
<p className="text-sm leading-relaxed text-slate-400">Proficiency in HTML, CSS, and JavaScript.</p>
378-
</div>
379-
<div className="flex items-start gap-3">
380-
<div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
381-
<svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
382-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
383-
</svg>
384-
</div>
385-
<p className="text-sm leading-relaxed text-slate-400">
386-
Experience with front-end frameworks such as React, Angular, or Vue.js - preferred.
387-
</p>
388-
</div>
389-
<div className="flex items-start gap-3">
390-
<div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
391-
<svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
392-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
393-
</svg>
394-
</div>
395-
<p className="text-sm leading-relaxed text-slate-400">
396-
Job Offer upon successful completion of the internship.
397-
</p>
398-
</div>
399-
</div>
400-
<div className="mt-8 flex gap-3">
401-
<a
402-
href="https://unstop.com/internships/front-end-development-internship-webfuturein-1449077?lb=fAzXUaUr&utm_medium=Share&utm_source=shortUrl"
403-
target="_blank"
404-
rel="noopener noreferrer"
405-
className="group/btn relative flex-1 overflow-hidden rounded-xl bg-gradient-to-r from-emerald-500 to-teal-500 p-px font-semibold text-white"
406-
>
407-
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
408-
<span className="relative flex items-center justify-center gap-2">
409-
Apply Now
410-
<svg
411-
className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
412-
fill="none"
413-
viewBox="0 0 24 24"
414-
stroke="currentColor"
415-
>
416-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
417-
</svg>
418-
</span>
419-
</div>
420-
</a>
421-
<button
422-
onClick={() => shareContent(cardUrl)}
423-
className="flex items-center justify-center gap-2 rounded-xl bg-slate-900 px-4 py-3 font-semibold text-white transition-colors hover:bg-slate-800"
424-
>
425-
<svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
426-
<path
427-
strokeLinecap="round"
428-
strokeLinejoin="round"
429-
strokeWidth="1.5"
430-
d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
431-
/>
432-
</svg>
433-
Share
434-
</button>
435-
</div>
436-
</div>
437-
</div>
438-
</div>
439-
);
440-
};
300+
// const Internship3 = () => {
301+
// const cardUrl = 'https://www.devdisplay.org/Internship#Webfuture-Front-End-Development';
302+
// return (
303+
// <div id="Webfuture-Front-End-Development" className="group relative mx-auto w-full max-w-[30rem]">
304+
// <div className="relative overflow-hidden rounded-2xl bg-slate-950 shadow-2xl transition-all duration-300 hover:-translate-y-2 hover:shadow-emerald-500/10">
305+
// <div className="absolute -left-16 -top-16 h-32 w-32 rounded-full bg-gradient-to-br from-emerald-500/20 to-teal-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
306+
// <div className="absolute -bottom-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-blue-500/20 to-indigo-500/0 blur-2xl transition-all duration-500 group-hover:scale-150 group-hover:opacity-70" />
307+
// <div className="relative p-6">
308+
// <div className="flex items-start justify-between">
309+
// <div className="flex gap-4">
310+
// <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
311+
// <div className="absolute inset-0 rounded-2xl bg-gradient-to-br to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
312+
// <img src="/assets/LocalCompany/Webfuture.jpg" alt="Custom Icon" className="h-10 w-10" />
313+
// </div>
314+
// <div>
315+
// <h3 className="text-lg font-semibold text-white">Front End Development Internship</h3>
316+
// <div className="mt-1 flex items-center gap-2">
317+
// <span className="text-sm text-slate-400">Webfuture</span>
318+
// <span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
319+
// {/* <div className="flex items-center gap-1">
320+
// <svg className="h-4 w-4 text-amber-400" fill="currentColor" viewBox="0 0 20 20">
321+
// <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
322+
// </svg>
323+
// <span className="text-sm text-slate-400">4.9</span>
324+
// </div> */}
325+
// </div>
326+
// </div>
327+
// </div>
328+
// <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
329+
// <svg
330+
// className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
331+
// fill="none"
332+
// viewBox="0 0 24 24"
333+
// stroke="currentColor"
334+
// >
335+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
336+
// </svg>
337+
// {/* <span className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500">
338+
// 🔥
339+
// </span> */}
340+
// </button>
341+
// </div>
342+
// <div className="mt-6 flex flex-wrap gap-2">
343+
// <span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
344+
// <FontAwesomeIcon icon={faClock} className="h-4 w-4 text-emerald-500" />
345+
// Ends on 23 April
346+
// </span>
347+
// <span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
348+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
349+
// <path
350+
// strokeLinecap="round"
351+
// strokeLinejoin="round"
352+
// strokeWidth={2}
353+
// d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
354+
// />
355+
// </svg>
356+
// Onsite
357+
// </span>
358+
// <span className="inline-flex items-center gap-1 rounded-lg bg-indigo-500/10 px-3 py-1 text-sm text-indigo-500">
359+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
360+
// <path
361+
// strokeLinecap="round"
362+
// strokeLinejoin="round"
363+
// strokeWidth={2}
364+
// d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
365+
// />
366+
// </svg>
367+
// Full-time
368+
// </span>
369+
// </div>
370+
// <div className="mt-6 space-y-4">
371+
// <div className="flex items-start gap-3">
372+
// <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
373+
// <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
374+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
375+
// </svg>
376+
// </div>
377+
// <p className="text-sm leading-relaxed text-slate-400">Proficiency in HTML, CSS, and JavaScript.</p>
378+
// </div>
379+
// <div className="flex items-start gap-3">
380+
// <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
381+
// <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
382+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
383+
// </svg>
384+
// </div>
385+
// <p className="text-sm leading-relaxed text-slate-400">
386+
// Experience with front-end frameworks such as React, Angular, or Vue.js - preferred.
387+
// </p>
388+
// </div>
389+
// <div className="flex items-start gap-3">
390+
// <div className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/10">
391+
// <svg className="h-4 w-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
392+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
393+
// </svg>
394+
// </div>
395+
// <p className="text-sm leading-relaxed text-slate-400">
396+
// Job Offer upon successful completion of the internship.
397+
// </p>
398+
// </div>
399+
// </div>
400+
// <div className="mt-8 flex gap-3">
401+
// <a
402+
// href="https://unstop.com/internships/front-end-development-internship-webfuturein-1449077?lb=fAzXUaUr&utm_medium=Share&utm_source=shortUrl"
403+
// target="_blank"
404+
// rel="noopener noreferrer"
405+
// className="group/btn relative flex-1 overflow-hidden rounded-xl bg-gradient-to-r from-emerald-500 to-teal-500 p-px font-semibold text-white"
406+
// >
407+
// <div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
408+
// <span className="relative flex items-center justify-center gap-2">
409+
// Apply Now
410+
// <svg
411+
// className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
412+
// fill="none"
413+
// viewBox="0 0 24 24"
414+
// stroke="currentColor"
415+
// >
416+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
417+
// </svg>
418+
// </span>
419+
// </div>
420+
// </a>
421+
// <button
422+
// onClick={() => shareContent(cardUrl)}
423+
// className="flex items-center justify-center gap-2 rounded-xl bg-slate-900 px-4 py-3 font-semibold text-white transition-colors hover:bg-slate-800"
424+
// >
425+
// <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
426+
// <path
427+
// strokeLinecap="round"
428+
// strokeLinejoin="round"
429+
// strokeWidth="1.5"
430+
// d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
431+
// />
432+
// </svg>
433+
// Share
434+
// </button>
435+
// </div>
436+
// </div>
437+
// </div>
438+
// </div>
439+
// );
440+
// };
441441

442442
const InternshipList = () => {
443443
return (

0 commit comments

Comments
 (0)