Skip to content

Commit 4242f14

Browse files
codeaashucodeaashu
committed
feat: uncomment Jobs3 component in JobsList
1 parent e62e07f commit 4242f14

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)