Skip to content

Commit 90c3168

Browse files
codeaashucodeaashu
committed
feat: uncomment Jobs2 component in JobsList
1 parent 4242f14 commit 90c3168

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
@@ -187,104 +187,104 @@ const shareContent = (url) => {
187187
// );
188188
// };
189189

190-
// const Jobs2 = () => {
191-
// const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Mobile-Engineer';
192-
// return (
193-
// <div id="Cluely-Founding-Mobile-Engineer" className="group relative mx-auto w-full max-w-[30rem]">
194-
// <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">
195-
// <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" />
196-
// <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" />
197-
// <div className="relative p-6">
198-
// <div className="flex items-start justify-between">
199-
// <div className="flex gap-4">
200-
// <div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
201-
// <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" />
202-
// <img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
203-
// </div>
204-
// <div>
205-
// <h3 className="text-lg font-semibold text-white">Founding Mobile Engineer</h3>
206-
// <div className="mt-1 flex items-center gap-2">
207-
// <span className="text-sm text-slate-400">Cluely</span>
208-
// <span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
209-
// </div>
210-
// </div>
211-
// </div>
212-
// <button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
213-
// <svg
214-
// className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
215-
// fill="none"
216-
// viewBox="0 0 24 24"
217-
// stroke="currentColor"
218-
// >
219-
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
220-
// </svg>
221-
// </button>
222-
// </div>
223-
// <div className="mt-6 flex flex-wrap gap-2">
224-
// <span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
225-
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
226-
// <path
227-
// strokeLinecap="round"
228-
// strokeLinejoin="round"
229-
// strokeWidth={2}
230-
// 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"
231-
// />
232-
// </svg>
233-
// $300K – $1M
234-
// </span>
235-
// <span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
236-
// <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
237-
// <path
238-
// strokeLinecap="round"
239-
// strokeLinejoin="round"
240-
// strokeWidth={2}
241-
// 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"
242-
// />
243-
// </svg>
244-
// San Francisco, USA • On-site
245-
// </span>
246-
// </div>
247-
// <div className="mt-8 flex gap-3">
248-
// <a
249-
// href="https://jobs.ashbyhq.com/cluely/d8f26699-053f-4ea5-90fd-4f4935740bc0"
250-
// target="_blank"
251-
// rel="noopener noreferrer"
252-
// 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"
253-
// >
254-
// <div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
255-
// <span className="relative flex items-center justify-center gap-2">
256-
// Apply Now
257-
// <svg
258-
// className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
259-
// fill="none"
260-
// viewBox="0 0 24 24"
261-
// stroke="currentColor"
262-
// >
263-
// <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
264-
// </svg>
265-
// </span>
266-
// </div>
267-
// </a>
268-
// <button
269-
// onClick={() => shareContent(cardUrl)}
270-
// 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"
271-
// >
272-
// <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
273-
// <path
274-
// strokeLinecap="round"
275-
// strokeLinejoin="round"
276-
// strokeWidth="1.5"
277-
// 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"
278-
// />
279-
// </svg>
280-
// Share
281-
// </button>
282-
// </div>
283-
// </div>
284-
// </div>
285-
// </div>
286-
// );
287-
// };
190+
const Jobs2 = () => {
191+
const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Mobile-Engineer';
192+
return (
193+
<div id="Cluely-Founding-Mobile-Engineer" className="group relative mx-auto w-full max-w-[30rem]">
194+
<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">
195+
<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" />
196+
<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" />
197+
<div className="relative p-6">
198+
<div className="flex items-start justify-between">
199+
<div className="flex gap-4">
200+
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white/20 p-2 backdrop-blur-md">
201+
<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" />
202+
<img src="/assets/Company/Cluely.png" alt="Custom Icon" className="h-15 w-15" />
203+
</div>
204+
<div>
205+
<h3 className="text-lg font-semibold text-white">Founding Mobile Engineer</h3>
206+
<div className="mt-1 flex items-center gap-2">
207+
<span className="text-sm text-slate-400">Cluely</span>
208+
<span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
209+
</div>
210+
</div>
211+
</div>
212+
<button className="group/save flex h-10 w-10 items-center justify-center rounded-xl bg-slate-900 transition-colors hover:bg-slate-800">
213+
<svg
214+
className="h-5 w-5 text-slate-400 transition-colors group-hover/save:text-emerald-500"
215+
fill="none"
216+
viewBox="0 0 24 24"
217+
stroke="currentColor"
218+
>
219+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M3 17l6-6 4 4 8-8" />
220+
</svg>
221+
</button>
222+
</div>
223+
<div className="mt-6 flex flex-wrap gap-2">
224+
<span className="inline-flex items-center gap-1 rounded-lg bg-emerald-500/10 px-3 py-1 text-sm text-emerald-500">
225+
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
226+
<path
227+
strokeLinecap="round"
228+
strokeLinejoin="round"
229+
strokeWidth={2}
230+
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"
231+
/>
232+
</svg>
233+
$300K – $1M
234+
</span>
235+
<span className="inline-flex items-center gap-1 rounded-lg bg-blue-500/10 px-3 py-1 text-sm text-blue-500">
236+
<svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
237+
<path
238+
strokeLinecap="round"
239+
strokeLinejoin="round"
240+
strokeWidth={2}
241+
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"
242+
/>
243+
</svg>
244+
San Francisco, USA • On-site
245+
</span>
246+
</div>
247+
<div className="mt-8 flex gap-3">
248+
<a
249+
href="https://jobs.ashbyhq.com/cluely/d8f26699-053f-4ea5-90fd-4f4935740bc0"
250+
target="_blank"
251+
rel="noopener noreferrer"
252+
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"
253+
>
254+
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
255+
<span className="relative flex items-center justify-center gap-2">
256+
Apply Now
257+
<svg
258+
className="h-4 w-4 transition-transform duration-300 group-hover/btn:translate-x-1"
259+
fill="none"
260+
viewBox="0 0 24 24"
261+
stroke="currentColor"
262+
>
263+
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
264+
</svg>
265+
</span>
266+
</div>
267+
</a>
268+
<button
269+
onClick={() => shareContent(cardUrl)}
270+
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"
271+
>
272+
<svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
273+
<path
274+
strokeLinecap="round"
275+
strokeLinejoin="round"
276+
strokeWidth="1.5"
277+
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"
278+
/>
279+
</svg>
280+
Share
281+
</button>
282+
</div>
283+
</div>
284+
</div>
285+
</div>
286+
);
287+
};
288288

289289
const Jobs3 = () => {
290290
const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Designer';

0 commit comments

Comments
 (0)