Skip to content

Commit c9398ee

Browse files
codeaashucodeaashu
committed
Implement user authentication flow for secure access
1 parent 26690fc commit c9398ee

1 file changed

Lines changed: 58 additions & 40 deletions

File tree

‎src/Page/OpportunitiesHub/JobsCard.jsx‎

Lines changed: 58 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const shareContent = (url) => {
1616
};
1717

1818
const Card1 = () => {
19-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card1';
19+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card1';
2020
return (
2121
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
2222
<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">
@@ -27,14 +27,12 @@ const Card1 = () => {
2727
<div className="flex gap-4">
2828
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
2929
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
30-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
31-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
32-
</svg>
30+
<img src="/assets/Company/Adobe.png" alt="Custom Icon" className="h-10 w-10" />
3331
</div>
3432
<div>
35-
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
33+
<h3 className="text-lg font-semibold text-white">Software Development Engineer</h3>
3634
<div className="mt-1 flex items-center gap-2">
37-
<span className="text-sm text-slate-400">TechCorp Inc.</span>
35+
<span className="text-sm text-slate-400">Adobe</span>
3836
<span className="inline-block h-1 w-1 rounded-full bg-slate-400" />
3937
<div className="flex items-center gap-1">
4038
<svg className="h-4 w-4 text-amber-400" fill="currentColor" viewBox="0 0 20 20">
@@ -129,7 +127,12 @@ const Card1 = () => {
129127
</div>
130128
</div>
131129
<div className="mt-8 flex gap-3">
132-
<button 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">
130+
<a
131+
href="https://careers.adobe.com/us/en/apply?jobSeqNo=ADOBUSR154908EXTERNALENUS"
132+
target="_blank"
133+
rel="noopener noreferrer"
134+
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"
135+
>
133136
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
134137
<span className="relative flex items-center justify-center gap-2">
135138
Apply Now
@@ -143,7 +146,7 @@ const Card1 = () => {
143146
</svg>
144147
</span>
145148
</div>
146-
</button>
149+
</a>
147150
<button
148151
onClick={() => shareContent(cardUrl)}
149152
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"
@@ -166,7 +169,7 @@ const Card1 = () => {
166169
};
167170

168171
const Card2 = () => {
169-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card2';
172+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card2';
170173
return (
171174
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
172175
<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">
@@ -177,9 +180,7 @@ const Card2 = () => {
177180
<div className="flex gap-4">
178181
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
179182
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
180-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
181-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
182-
</svg>
183+
<img src="/assets/Company/HP.png" alt="Custom Icon" className="h-10 w-10" />
183184
</div>
184185
<div>
185186
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
@@ -279,7 +280,12 @@ const Card2 = () => {
279280
</div>
280281
</div>
281282
<div className="mt-8 flex gap-3">
282-
<button 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">
283+
<a
284+
href="https://hp.wd5.myworkdayjobs.com/ExternalCareerSite/job/Bangalore-Karnataka-India/Business-Operations-Associate_3148817-1/apply?src=HPCompanyWebsite"
285+
target="_blank"
286+
rel="noopener noreferrer"
287+
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"
288+
>
283289
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
284290
<span className="relative flex items-center justify-center gap-2">
285291
Apply Now
@@ -293,7 +299,7 @@ const Card2 = () => {
293299
</svg>
294300
</span>
295301
</div>
296-
</button>
302+
</a>
297303
<button
298304
onClick={() => shareContent(cardUrl)}
299305
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"
@@ -316,7 +322,7 @@ const Card2 = () => {
316322
};
317323

318324
const Card3 = () => {
319-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card3';
325+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card3';
320326
return (
321327
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
322328
<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">
@@ -327,9 +333,7 @@ const Card3 = () => {
327333
<div className="flex gap-4">
328334
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
329335
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
330-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
331-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
332-
</svg>
336+
<img src="/assets/Company/Adobe.png" alt="Custom Icon" className="h-10 w-10" />
333337
</div>
334338
<div>
335339
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
@@ -429,7 +433,12 @@ const Card3 = () => {
429433
</div>
430434
</div>
431435
<div className="mt-8 flex gap-3">
432-
<button 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">
436+
<a
437+
href="https://careers.adobe.com/us/en/apply?jobSeqNo=ADOBUSR154908EXTERNALENUS"
438+
target="_blank"
439+
rel="noopener noreferrer"
440+
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"
441+
>
433442
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
434443
<span className="relative flex items-center justify-center gap-2">
435444
Apply Now
@@ -443,7 +452,7 @@ const Card3 = () => {
443452
</svg>
444453
</span>
445454
</div>
446-
</button>
455+
</a>
447456
<button
448457
onClick={() => shareContent(cardUrl)}
449458
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"
@@ -466,7 +475,7 @@ const Card3 = () => {
466475
};
467476

468477
const Card4 = () => {
469-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card4';
478+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card4';
470479
return (
471480
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
472481
<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">
@@ -477,9 +486,7 @@ const Card4 = () => {
477486
<div className="flex gap-4">
478487
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
479488
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
480-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
481-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
482-
</svg>
489+
<img src="/assets/Company/Adobe.png" alt="Custom Icon" className="h-10 w-10" />
483490
</div>
484491
<div>
485492
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
@@ -579,7 +586,12 @@ const Card4 = () => {
579586
</div>
580587
</div>
581588
<div className="mt-8 flex gap-3">
582-
<button 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">
589+
<a
590+
href="https://careers.adobe.com/us/en/apply?jobSeqNo=ADOBUSR154908EXTERNALENUS"
591+
target="_blank"
592+
rel="noopener noreferrer"
593+
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"
594+
>
583595
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
584596
<span className="relative flex items-center justify-center gap-2">
585597
Apply Now
@@ -593,7 +605,7 @@ const Card4 = () => {
593605
</svg>
594606
</span>
595607
</div>
596-
</button>
608+
</a>
597609
<button
598610
onClick={() => shareContent(cardUrl)}
599611
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"
@@ -616,7 +628,7 @@ const Card4 = () => {
616628
};
617629

618630
const Card5 = () => {
619-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card5';
631+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card5';
620632
return (
621633
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
622634
<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">
@@ -627,9 +639,7 @@ const Card5 = () => {
627639
<div className="flex gap-4">
628640
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
629641
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
630-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
631-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
632-
</svg>
642+
<img src="/assets/Company/Adobe.png" alt="Custom Icon" className="h-10 w-10" />
633643
</div>
634644
<div>
635645
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
@@ -729,7 +739,12 @@ const Card5 = () => {
729739
</div>
730740
</div>
731741
<div className="mt-8 flex gap-3">
732-
<button 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">
742+
<a
743+
href="https://careers.adobe.com/us/en/apply?jobSeqNo=ADOBUSR154908EXTERNALENUS"
744+
target="_blank"
745+
rel="noopener noreferrer"
746+
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"
747+
>
733748
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
734749
<span className="relative flex items-center justify-center gap-2">
735750
Apply Now
@@ -743,7 +758,7 @@ const Card5 = () => {
743758
</svg>
744759
</span>
745760
</div>
746-
</button>
761+
</a>
747762
<button
748763
onClick={() => shareContent(cardUrl)}
749764
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"
@@ -766,7 +781,7 @@ const Card5 = () => {
766781
};
767782

768783
const Card6 = () => {
769-
const cardUrl = 'https://www.devdisplay.org/HybridOnsiteJobs#Card6';
784+
const cardUrl = 'https://www.devdisplay.org/Jobs#Card6';
770785
return (
771786
<div id="Card1" className="group relative mx-auto w-full max-w-[30rem]">
772787
<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">
@@ -777,9 +792,7 @@ const Card6 = () => {
777792
<div className="flex gap-4">
778793
<div className="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-white p-2">
779794
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 opacity-20 blur-sm transition-opacity duration-300 group-hover:opacity-30" />
780-
<svg className="h-10 w-10 text-emerald-500" viewBox="0 0 24 24" fill="currentColor">
781-
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10z" />
782-
</svg>
795+
<img src="/assets/Company/Adobe.png" alt="Custom Icon" className="h-10 w-10" />
783796
</div>
784797
<div>
785798
<h3 className="text-lg font-semibold text-white">Senior Product Designer</h3>
@@ -879,7 +892,12 @@ const Card6 = () => {
879892
</div>
880893
</div>
881894
<div className="mt-8 flex gap-3">
882-
<button 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">
895+
<a
896+
href="https://careers.adobe.com/us/en/apply?jobSeqNo=ADOBUSR154908EXTERNALENUS"
897+
target="_blank"
898+
rel="noopener noreferrer"
899+
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"
900+
>
883901
<div className="relative rounded-xl bg-slate-950 px-4 py-3 transition-all duration-300 group-hover/btn:bg-opacity-0">
884902
<span className="relative flex items-center justify-center gap-2">
885903
Apply Now
@@ -893,7 +911,7 @@ const Card6 = () => {
893911
</svg>
894912
</span>
895913
</div>
896-
</button>
914+
</a>
897915
<button
898916
onClick={() => shareContent(cardUrl)}
899917
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"
@@ -915,7 +933,7 @@ const Card6 = () => {
915933
);
916934
};
917935

918-
const HybridOnsiteCard = () => {
936+
const JobsCard = () => {
919937
return (
920938
<>
921939
<div className="grid grid-cols-1 gap-6 px-3 sm:gap-4 md:grid-cols-2 lg:grid-cols-3">
@@ -930,4 +948,4 @@ const HybridOnsiteCard = () => {
930948
);
931949
};
932950

933-
export default HybridOnsiteCard;
951+
export default JobsCard;

0 commit comments

Comments
 (0)