@@ -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
289289const Jobs3 = ( ) => {
290290 const cardUrl = 'https://www.devdisplay.org/Jobs#Cluely-Founding-Designer' ;
0 commit comments