Skip to content

Commit 6946604

Browse files
codeaashucodeaashu
committed
feat: comment out Jobs3 component in JobsList
1 parent 9a0cf5f commit 6946604

File tree

1 file changed

+98
-98
lines changed

1 file changed

+98
-98
lines changed

‎src/Page/OpportunitiesHub/JobsList.jsx‎

Lines changed: 98 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -286,104 +286,104 @@ const shareContent = (url) => {
286286
// );
287287
// };
288288

289-
const Jobs3 = () => {
290-
const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Designer';
291-
return (
292-
<div id="Cluely-Founding-Designer" className="group relative mx-auto w-full max-w-[30rem]">
293-
<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">
294-
<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" />
295-
<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" />
296-
<div className="relative p-6">
297-
<div className="flex items-start justify-between">
298-
<div className="flex gap-4">
299-
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
300-
<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" />
301-
<img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
302-
</div>
303-
<div>
304-
<h3 className="text-lg font-semibold text-white">Founding Designer</h3>
305-
<div className="mt-1 flex items-center gap-2">
306-
<span className="text-sm text-slate-400">Cluely</span>
307-
<span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
308-
</div>
309-
</div>
310-
</div>
311-
<button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
312-
<svg
313-
className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
314-
fill="none"
315-
viewBox="0 0 24 24"
316-
stroke="currentColor"
317-
>
318-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
319-
</svg>
320-
</button>
321-
</div>
322-
<div className="mt-6 flex flex-wrap gap-2">
323-
<span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
324-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
325-
<path
326-
strokeLinecap="round"
327-
strokeLinejoin="round"
328-
strokeWidth={2}
329-
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"
330-
/>
331-
</svg>
332-
$250K – $350K
333-
</span>
334-
<span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
335-
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
336-
<path
337-
strokeLinecap="round"
338-
strokeLinejoin="round"
339-
strokeWidth={2}
340-
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"
341-
/>
342-
</svg>
343-
San Francisco, USA • On-site
344-
</span>
345-
</div>
346-
<div className="mt-8 flex gap-3">
347-
<a
348-
href="https://jobs.ashbyhq.com/cluely/80353b68-4012-4792-a37f-3037d773f919"
349-
target="_blank"
350-
rel="noopener noreferrer"
351-
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"
352-
>
353-
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
354-
<span className="relative flex items-center justify-center gap-2">
355-
Apply Now
356-
<svg
357-
className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
358-
fill="none"
359-
viewBox="0 0 24 24"
360-
stroke="currentColor"
361-
>
362-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
363-
</svg>
364-
</span>
365-
</div>
366-
</a>
367-
<button
368-
onClick={() => shareContent(cardUrl)}
369-
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"
370-
>
371-
<svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
372-
<path
373-
strokeLinecap="round"
374-
strokeLinejoin="round"
375-
strokeWidth="1.5"
376-
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"
377-
/>
378-
</svg>
379-
Share
380-
</button>
381-
</div>
382-
</div>
383-
</div>
384-
</div>
385-
);
386-
};
289+
// const Jobs3 = () => {
290+
// const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Designer';
291+
// return (
292+
// <div id="Cluely-Founding-Designer" className="group relative mx-auto w-full max-w-[30rem]">
293+
// <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">
294+
// <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" />
295+
// <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" />
296+
// <div className="relative p-6">
297+
// <div className="flex items-start justify-between">
298+
// <div className="flex gap-4">
299+
// <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
300+
// <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" />
301+
// <img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
302+
// </div>
303+
// <div>
304+
// <h3 className="text-lg font-semibold text-white">Founding Designer</h3>
305+
// <div className="mt-1 flex items-center gap-2">
306+
// <span className="text-sm text-slate-400">Cluely</span>
307+
// <span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
308+
// </div>
309+
// </div>
310+
// </div>
311+
// <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
312+
// <svg
313+
// className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
314+
// fill="none"
315+
// viewBox="0 0 24 24"
316+
// stroke="currentColor"
317+
// >
318+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
319+
// </svg>
320+
// </button>
321+
// </div>
322+
// <div className="mt-6 flex flex-wrap gap-2">
323+
// <span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
324+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
325+
// <path
326+
// strokeLinecap="round"
327+
// strokeLinejoin="round"
328+
// strokeWidth={2}
329+
// 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"
330+
// />
331+
// </svg>
332+
// $250K – $350K
333+
// </span>
334+
// <span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
335+
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
336+
// <path
337+
// strokeLinecap="round"
338+
// strokeLinejoin="round"
339+
// strokeWidth={2}
340+
// 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"
341+
// />
342+
// </svg>
343+
// San Francisco, USA • On-site
344+
// </span>
345+
// </div>
346+
// <div className="mt-8 flex gap-3">
347+
// <a
348+
// href="https://jobs.ashbyhq.com/cluely/80353b68-4012-4792-a37f-3037d773f919"
349+
// target="_blank"
350+
// rel="noopener noreferrer"
351+
// 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"
352+
// >
353+
// <div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
354+
// <span className="relative flex items-center justify-center gap-2">
355+
// Apply Now
356+
// <svg
357+
// className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
358+
// fill="none"
359+
// viewBox="0 0 24 24"
360+
// stroke="currentColor"
361+
// >
362+
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
363+
// </svg>
364+
// </span>
365+
// </div>
366+
// </a>
367+
// <button
368+
// onClick={() => shareContent(cardUrl)}
369+
// 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"
370+
// >
371+
// <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
372+
// <path
373+
// strokeLinecap="round"
374+
// strokeLinejoin="round"
375+
// strokeWidth="1.5"
376+
// 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"
377+
// />
378+
// </svg>
379+
// Share
380+
// </button>
381+
// </div>
382+
// </div>
383+
// </div>
384+
// </div>
385+
// );
386+
// };
387387

388388
const Jobs4 = () => {
389389
const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Operations-Generalist';

0 commit comments

Comments
 (0)