@@ -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
487487const Jobs5 = ( ) => {
488488 const cardUrl = 'https://www.devdisplay.org/Jobs#Google-SDE-III' ;
0 commit comments