Skip to content

Commit 9a0cf5f

Browse files
committed
feat: comment out Jobs2 component in JobsList
1 parent 1b473aa commit 9a0cf5f

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
@@ -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)