Skip to content

Commit 246bd48

Browse files
AyushRatan1AyushRatan1
committed
upgrades
1 parent 9e0e7de commit 246bd48

File tree

4 files changed

+208
-106
lines changed

4 files changed

+208
-106
lines changed

‎components/SpeakerCard.tsx

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,17 +11,25 @@ const SpeakerCard = ({ speaker }: { speaker: SpeakerType }) => {
1111
return (
1212
<div
1313
key={speaker.id}
14-
className="flex w-72 flex-col space-y-2 rounded-2xl p-4 shadow-lg transition-all duration-300 hover:-translate-y-3"
14+
className="hover:border-gradient-to-r relative flex w-72 flex-col space-y-3 rounded-3xl border-2 border-transparent bg-white from-purple-500 via-indigo-500 to-blue-500 p-4 shadow-lg transition-all duration-300 hover:-translate-y-3 hover:shadow-2xl"
1515
>
16-
<img
17-
src={speaker.imageLink}
18-
className="h-64 w-64 rounded-xl object-cover"
19-
alt={speaker.name}
20-
/>
21-
<div>
22-
<h1 className="text-lg font-bold">{speaker.name}</h1>
23-
<h1 className="text-md text-gray-500">{speaker.designation}</h1>
16+
{/* Image Section */}
17+
<div className="relative h-64 w-full overflow-hidden rounded-xl shadow-lg">
18+
<img
19+
src={speaker.imageLink}
20+
className="h-full w-full object-cover transition-transform duration-300 hover:scale-110"
21+
alt={speaker.name}
22+
/>
2423
</div>
24+
25+
{/* Text Section */}
26+
<div className="text-center">
27+
<h1 className="text-xl font-semibold text-gray-800">{speaker.name}</h1>
28+
<h2 className="mt-1 text-sm text-gray-500">{speaker.designation}</h2>
29+
</div>
30+
31+
{/* Hover Effect */}
32+
<div className="absolute inset-0 rounded-3xl bg-gradient-to-r from-purple-500 via-indigo-500 to-blue-500 opacity-0 transition-opacity duration-300 hover:opacity-20"></div>
2533
</div>
2634
)
2735
}

‎pages/speakers.tsx

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -26,21 +26,28 @@ const speakerList: SpeakerType[] = [
2626
id: 3,
2727
name: 'Prof. Dr.-Ing. Vinod Rajamani',
2828
designation: 'Professor, University of Applied Sciences and Arts Dortmund',
29-
imageLink: 'https://www.fh-dortmund.de/kontakt-daten/Rajamani-Vinod.php.media/82194/Vinod-Rajamani_Portrait.jpg.scaled/3312b7eed140ac54332cfc22f82c192c.jpg',
29+
imageLink:
30+
'https://www.fh-dortmund.de/kontakt-daten/Rajamani-Vinod.php.media/82194/Vinod-Rajamani_Portrait.jpg.scaled/3312b7eed140ac54332cfc22f82c192c.jpg',
3031
},
3132
]
3233

3334
const speakers = () => {
3435
return (
35-
<div className="py-10">
36-
<div className='flex justify-center'>
37-
<h1 className="shadow-xl w-fit px-4 py-2 rounded-2xl bg-gradient-to-r from-indigo-500 via-indigo-600 to-indigo-700 bg-clip-text text-center text-3xl font-bold text-transparent">
38-
Keynote Speakers
39-
</h1>
40-
</div>
41-
<div className="mt-12 flex w-full flex-col items-center space-x-0 space-y-8 py-2 px-0 lg:flex-row lg:justify-between lg:space-x-4 lg:space-y-0 lg:px-12">
36+
<div className="min-h-screen bg-white py-10">
37+
<div className="flex justify-center">
38+
<h1 className="w-fit rounded-full bg-gradient-to-r from-purple-600 via-indigo-600 to-blue-600 bg-clip-text px-6 py-3 text-4xl font-extrabold text-transparent shadow-lg">
39+
Keynote Speakers
40+
</h1>
41+
</div>
42+
43+
<div className="mt-12 flex flex-wrap justify-center gap-8 py-6 px-4 lg:px-16">
4244
{speakerList.map((speaker: SpeakerType) => (
43-
<SpeakerCard speaker={speaker} />
45+
<div
46+
key={speaker.id}
47+
className="hover:border-gradient-to-r w-full max-w-xs rounded-2xl border-2 border-transparent bg-white bg-clip-border p-6 shadow-lg transition-all hover:scale-105 hover:from-purple-500 hover:via-indigo-500 hover:to-blue-500 hover:shadow-2xl"
48+
>
49+
<SpeakerCard speaker={speaker} />
50+
</div>
4451
))}
4552
</div>
4653
</div>

‎pages/sponsorship.tsx

Lines changed: 175 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ const SponsorsData: Sponsor[] = [
166166
link: '#',
167167
type: 'others',
168168
description: '',
169-
}
169+
},
170170
// {
171171
// name: "Advance Controls",
172172
// logo: "",
@@ -358,28 +358,28 @@ const Sponsorship: React.FC = () => {
358358
</h1>
359359
</div>
360360
<div style={{ display: 'flex', alignItems: 'center' }}>
361-
<h1
362-
style={{
363-
marginRight: '1rem',
364-
background: 'linear-gradient(to right, #ff0000, #800000)',
365-
WebkitBackgroundClip: 'text',
366-
fontSize: '3rem',
367-
fontWeight: 'bold',
368-
color: 'transparent',
369-
alignContent: 'center',
370-
}}
371-
>
372-
Platinum
373-
</h1>
374-
<hr
375-
style={{
376-
background: 'linear-gradient(to right, red, transparent)',
377-
height: '3px',
378-
width: '100%',
379-
marginRight: '1rem',
380-
}}
381-
/>
382-
</div>
361+
<h1
362+
style={{
363+
marginRight: '1rem',
364+
background: 'linear-gradient(to right, #ff0000, #800000)',
365+
WebkitBackgroundClip: 'text',
366+
fontSize: '3rem',
367+
fontWeight: 'bold',
368+
color: 'transparent',
369+
alignContent: 'center',
370+
}}
371+
>
372+
Platinum
373+
</h1>
374+
<hr
375+
style={{
376+
background: 'linear-gradient(to right, red, transparent)',
377+
height: '3px',
378+
width: '100%',
379+
marginRight: '1rem',
380+
}}
381+
/>
382+
</div>
383383

384384
<div
385385
style={{
@@ -436,31 +436,30 @@ const Sponsorship: React.FC = () => {
436436
ATDXT
437437
</Text>
438438
</a>
439-
440439
</div>
441440
<div style={{ display: 'flex', alignItems: 'center' }}>
442-
<h1
443-
style={{
444-
marginRight: '1rem',
445-
background: 'linear-gradient(to right, #ff0000, #800000)',
446-
WebkitBackgroundClip: 'text',
447-
fontSize: '3rem',
448-
fontWeight: 'bold',
449-
color: 'transparent',
450-
alignContent: 'center',
451-
}}
452-
>
453-
Silver
454-
</h1>
455-
<hr
456-
style={{
457-
background: 'linear-gradient(to right, red, transparent)',
458-
height: '3px',
459-
width: '100%',
460-
marginRight: '1rem',
461-
}}
462-
/>
463-
</div>
441+
<h1
442+
style={{
443+
marginRight: '1rem',
444+
background: 'linear-gradient(to right, #ff0000, #800000)',
445+
WebkitBackgroundClip: 'text',
446+
fontSize: '3rem',
447+
fontWeight: 'bold',
448+
color: 'transparent',
449+
alignContent: 'center',
450+
}}
451+
>
452+
Silver
453+
</h1>
454+
<hr
455+
style={{
456+
background: 'linear-gradient(to right, red, transparent)',
457+
height: '3px',
458+
width: '100%',
459+
marginRight: '1rem',
460+
}}
461+
/>
462+
</div>
464463

465464
<div
466465
style={{
@@ -484,7 +483,7 @@ const Sponsorship: React.FC = () => {
484483
flexDirection: 'column',
485484
alignItems: 'center',
486485
justifyContent: 'center',
487-
height: '200px',
486+
height: '220px',
488487
transition: 'transform 0.2s',
489488
}}
490489
onMouseEnter={(e) => {
@@ -531,7 +530,7 @@ const Sponsorship: React.FC = () => {
531530
flexDirection: 'column',
532531
alignItems: 'center',
533532
justifyContent: 'center',
534-
height: '200px',
533+
height: '220px',
535534
transition: 'transform 0.2s',
536535
}}
537536
onMouseEnter={(e) => {
@@ -564,45 +563,89 @@ const Sponsorship: React.FC = () => {
564563
Arcadis
565564
</Text>
566565
</a>
566+
<a
567+
href="https://ufindia.com/"
568+
target="_blank"
569+
style={{
570+
width: '300px',
571+
padding: '1rem',
572+
borderRadius: '0.5rem',
573+
backgroundColor: 'white',
574+
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
575+
border: '2.5px solid #ccc',
576+
display: 'flex',
577+
flexDirection: 'column',
578+
alignItems: 'center',
579+
justifyContent: 'center',
580+
height: '220px',
581+
transition: 'transform 0.2s',
582+
}}
583+
onMouseEnter={(e) => {
584+
e.currentTarget.style.transform = 'translateY(-4px)'
585+
}}
586+
onMouseLeave={(e) => {
587+
e.currentTarget.style.transform = 'translateY(0)'
588+
}}
589+
>
590+
<ThemeIcon
591+
variant="light"
592+
size={150}
593+
radius="md"
594+
style={{ background: 'transparent' }}
595+
>
596+
<Image
597+
src={`https://assets-netstorage.groww.in/stock-assets/logos/GSTK539314.png`}
598+
alt="Arcadis"
599+
style={{ background: 'transparent', maxWidth: '100%' }}
600+
/>
601+
</ThemeIcon>
602+
<Text
603+
size="md"
604+
style={{
605+
marginTop: '0.5rem',
606+
fontWeight: 'bold',
607+
textAlign: 'center',
608+
}}
609+
>
610+
Universal AutoFoundry Limited
611+
</Text>
612+
</a>
567613
</div>
568-
569-
570614

571615
<div style={{ display: 'flex', alignItems: 'center' }}>
572-
<h1
573-
style={{
574-
marginRight: '1rem',
575-
background: 'linear-gradient(to right, #ff0000, #800000)',
576-
WebkitBackgroundClip: 'text',
577-
fontSize: '3rem',
578-
fontWeight: 'bold',
579-
color: 'transparent',
580-
alignContent: 'center',
581-
}}
582-
>
583-
Others
584-
</h1>
585-
<hr
586-
style={{
587-
background: 'linear-gradient(to right, red, transparent)',
588-
height: '3px',
589-
width: '100%',
590-
marginRight: '1rem',
591-
}}
592-
/>
593-
</div>
594-
595-
{/* {
596-
name: "MathWorks",
597-
logo: 'mathworks.jpeg',
598-
link: 'https://in.mathworks.com/',
599-
type: 'others',
600-
description: ''
601-
} */}
616+
<h1
617+
style={{
618+
marginRight: '1rem',
619+
background: 'linear-gradient(to right, #ff0000, #800000)',
620+
WebkitBackgroundClip: 'text',
621+
fontSize: '3rem',
622+
fontWeight: 'bold',
623+
color: 'transparent',
624+
alignContent: 'center',
625+
}}
626+
>
627+
Others
628+
</h1>
629+
<hr
630+
style={{
631+
background: 'linear-gradient(to right, red, transparent)',
632+
height: '3px',
633+
width: '100%',
634+
marginRight: '1rem',
635+
}}
636+
/>
637+
</div>
602638

603-
<div className='flex justify-center'>
604-
<a
605-
href="https://in.mathworks.com/"
639+
<div
640+
style={{
641+
display: 'flex',
642+
justifyContent: 'center',
643+
gap: '2rem',
644+
flexWrap: 'wrap', // For mobile responsiveness
645+
}}
646+
>
647+
<a
648+
href="https://www.ctrls.in/"
606649
target="_blank"
607650
style={{
608651
width: '300px',
@@ -615,7 +658,7 @@ const Sponsorship: React.FC = () => {
615658
flexDirection: 'column',
616659
alignItems: 'center',
617660
justifyContent: 'center',
618-
height: '200px',
661+
height: '220px',
619662
transition: 'transform 0.2s',
620663
}}
621664
onMouseEnter={(e) => {
@@ -648,12 +691,56 @@ const Sponsorship: React.FC = () => {
648691
MathWorks
649692
</Text>
650693
</a>
651-
</div>
694+
<a
695+
href="#"
696+
target="_blank"
697+
style={{
698+
width: '300px',
699+
padding: '1rem',
700+
borderRadius: '0.5rem',
701+
backgroundColor: 'white',
702+
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
703+
border: '2.5px solid #ccc',
704+
display: 'flex',
705+
flexDirection: 'column',
706+
alignItems: 'center',
707+
justifyContent: 'center',
708+
height: '220px',
709+
transition: 'transform 0.2s',
710+
}}
711+
onMouseEnter={(e) => {
712+
e.currentTarget.style.transform = 'translateY(-4px)'
713+
}}
714+
onMouseLeave={(e) => {
715+
e.currentTarget.style.transform = 'translateY(0)'
716+
}}
717+
>
718+
<ThemeIcon
719+
variant="light"
720+
size={150}
721+
radius="md"
722+
style={{ background: 'transparent' }}
723+
>
724+
<Image
725+
src={`/sponsors/Ganesha.png`}
726+
alt="Arcadis"
727+
style={{ background: 'transparent', maxWidth: '100%' }}
728+
/>
729+
</ThemeIcon>
730+
<Text
731+
size="md"
732+
style={{
733+
marginTop: '0.5rem',
734+
fontWeight: 'bold',
735+
textAlign: 'center',
736+
}}
737+
>
738+
Ganesha Enterprise, Bangalore
739+
</Text>
740+
</a>
741+
</div>
652742
</section>
653743

654-
655-
656-
657744
{/* Existing Section: Special thanks to Sponsors of CSITSS-2023 */}
658745
<section
659746
style={{

‎public/sponsors/Ganesha.png

11.2 KB
Loading

0 commit comments

Comments
 (0)