Skip to content

Commit fc08a19

Browse files
committed
feat: comment out Jobs4 component in JobsList
1 parent 6946604 commit fc08a19

1 file changed

Lines changed: 98 additions & 98 deletions

File tree

src/Page/OpportunitiesHub/JobsList.jsx

Lines changed: 98 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -385,104 +385,104 @@ const shareContent = (url) => {
385385
// );
386386
// };
387387

388-
const Jobs4 = () => {
389-
const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Operations-Generalist';
390-
return (
391-
<div id="Cluely-Founding-Operations-Generalist" className="group relative mx-auto w-full max-w-[30rem]">
392-
<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">
393-
<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" />
394-
<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" />
395-
<div className="relative p-6">
396-
<div className="flex items-start justify-between">
397-
<div className="flex gap-4">
398-
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
399-
<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" />
400-
<img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
401-
</div>
402-
<div>
403-
<h3 className="text-lg font-semibold text-white">Founding Operations / Generalist</h3>
404-
<div className="mt-1 flex items-center gap-2">
405-
<span className="text-sm text-slate-400">Cluely</span>
406-
<span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
407-
</div>
408-
</div>
409-
</div>
410-
{/* <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
411-
<svg
412-
className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
413-
fill="none"
414-
viewBox="0 0 24 24"
415-
stroke="currentColor"
416-
>
417-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
418-
</svg>
419-
</button> */}
420-
</div>
421-
<div className="mt-6 flex flex-wrap gap-2">
422-
<span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
423-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
424-
<path
425-
strokeLinecap="round"
426-
strokeLinejoin="round"
427-
strokeWidth={2}
428-
d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
429-
/>
430-
</svg>
431-
$200K – $300K
432-
</span>
433-
<span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
434-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
435-
<path
436-
strokeLinecap="round"
437-
strokeLinejoin="round"
438-
strokeWidth={2}
439-
d="M12 2C8.686 2 6 4.686 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.314-2.686-6-6-6zM12 10a2 2 0 110-4 2 2 0 010 4z"
440-
/>
441-
</svg>
442-
San Francisco, USA • On-site
443-
</span>
444-
</div>
445-
<div className="mt-8 flex gap-3">
446-
<a
447-
href="https://jobs.ashbyhq.com/cluely/f9172b86-5e96-4c92-a829-a38857f7cfc9"
448-
target="_blank"
449-
rel="noopener noreferrer"
450-
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"
451-
>
452-
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
453-
<span className="relative flex items-center justify-center gap-2">
454-
Apply Now
455-
<svg
456-
className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
457-
fill="none"
458-
viewBox="0 0 24 24"
459-
stroke="currentColor"
460-
>
461-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
462-
</svg>
463-
</span>
464-
</div>
465-
</a>
466-
<button
467-
onClick={() => shareContent(cardUrl)}
468-
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"
469-
>
470-
<svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
471-
<path
472-
strokeLinecap="round"
473-
strokeLinejoin="round"
474-
strokeWidth="1.5"
475-
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"
476-
/>
477-
</svg>
478-
Share
479-
</button>
480-
</div>
481-
</div>
482-
</div>
483-
</div>
484-
);
485-
};
388+
// const Jobs4 = () => {
389+
// const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Operations-Generalist';
390+
// return (
391+
// <div id="Cluely-Founding-Operations-Generalist" className="group relative mx-auto w-full max-w-[30rem]">
392+
// <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">
393+
// <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" />
394+
// <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" />
395+
// <div className="relative p-6">
396+
// <div className="flex items-start justify-between">
397+
// <div className="flex gap-4">
398+
// <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
399+
// <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" />
400+
// <img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
401+
// </div>
402+
// <div>
403+
// <h3 className="text-lg font-semibold text-white">Founding Operations / Generalist</h3>
404+
// <div className="mt-1 flex items-center gap-2">
405+
// <span className="text-sm text-slate-400">Cluely</span>
406+
// <span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
407+
// </div>
408+
// </div>
409+
// </div>
410+
// {/* <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
411+
// <svg
412+
// className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
413+
// fill="none"
414+
// viewBox="0 0 24 24"
415+
// stroke="currentColor"
416+
// >
417+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
418+
// </svg>
419+
// </button> */}
420+
// </div>
421+
// <div className="mt-6 flex flex-wrap gap-2">
422+
// <span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
423+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
424+
// <path
425+
// strokeLinecap="round"
426+
// strokeLinejoin="round"
427+
// strokeWidth={2}
428+
// d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"
429+
// />
430+
// </svg>
431+
// $200K – $300K
432+
// </span>
433+
// <span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
434+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
435+
// <path
436+
// strokeLinecap="round"
437+
// strokeLinejoin="round"
438+
// strokeWidth={2}
439+
// d="M12 2C8.686 2 6 4.686 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.314-2.686-6-6-6zM12 10a2 2 0 110-4 2 2 0 010 4z"
440+
// />
441+
// </svg>
442+
// San Francisco, USA • On-site
443+
// </span>
444+
// </div>
445+
// <div className="mt-8 flex gap-3">
446+
// <a
447+
// href="https://jobs.ashbyhq.com/cluely/f9172b86-5e96-4c92-a829-a38857f7cfc9"
448+
// target="_blank"
449+
// rel="noopener noreferrer"
450+
// 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"
451+
// >
452+
// <div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
453+
// <span className="relative flex items-center justify-center gap-2">
454+
// Apply Now
455+
// <svg
456+
// className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
457+
// fill="none"
458+
// viewBox="0 0 24 24"
459+
// stroke="currentColor"
460+
// >
461+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
462+
// </svg>
463+
// </span>
464+
// </div>
465+
// </a>
466+
// <button
467+
// onClick={() => shareContent(cardUrl)}
468+
// 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"
469+
// >
470+
// <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
471+
// <path
472+
// strokeLinecap="round"
473+
// strokeLinejoin="round"
474+
// strokeWidth="1.5"
475+
// 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"
476+
// />
477+
// </svg>
478+
// Share
479+
// </button>
480+
// </div>
481+
// </div>
482+
// </div>
483+
// </div>
484+
// );
485+
// };
486486

487487
const Jobs5 = () => {
488488
const cardUrl = 'https://www.devdisplay.org/Jobs#Google-SDE-III';

0 commit comments

Comments
 (0)