Skip to content

Commit e9d3cc5

Browse files
404Nikhil404Nikhil
committed
teams draft, sponsor fix
1 parent defd6cc commit e9d3cc5

File tree

10 files changed

+140
-12
lines changed

10 files changed

+140
-12
lines changed

‎package-lock.json

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"@react-three/flex": "^1.0.1",
1717
"@studio-freight/lenis": "^1.0.29",
1818
"@types/three": "^0.159.0",
19+
"classnames": "^2.5.1",
1920
"framer-motion": "^10.16.16",
2021
"leva": "^0.9.35",
2122
"react": "^18.2.0",

‎public/images/nikhil.png

114 KB
Loading

‎src/App.jsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ function App() {
4141
<Faqs />
4242
<Bannercard />
4343
<Footer />
44+
{/* <Teams/> */}
4445

4546
</>
4647
)

‎src/Pages/sponsor.jsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,9 @@ import iciciFinal from "../assets/images/icic.png"
2323
import tailcall from "../assets/images/taillc.png"
2424
import groupme from "../assets/images/groupme.png"
2525
import microsoft from "../assets/images/microsoft.png"
26+
import mgr from "../assets/images/micro.png"
27+
import micro from "../assets/images/mgr.png"
28+
import microgrp from "../assets/images/msoft.png"
2629
const Sponsor = () => {
2730
const titleSponsors = [
2831
{ id: 1, logo: accops, name: 'Accops', link: 'https://accops.com/' },
@@ -33,8 +36,10 @@ const Sponsor = () => {
3336

3437
const platinumSponsors = [
3538
{ id: 1, logo: tailcall, name: 'tailcall', link: 'https://tailcall.run/'},
36-
{ id: 2, logo: microsoft, name: 'microsoft', link: 'https://www.microsoft.com/en-in'},
37-
{ id: 3, logo: groupme, name: 'groupme', link: 'https://groupme.com/en-US/'},
39+
// { id: 2, logo: microsoft, name: 'microsoft', link: 'https://www.microsoft.com/en-in'},
40+
// { id: 3, logo: groupme, name: 'groupme', link: 'https://groupme.com/en-US/'},
41+
{ id: 3, logo: microgrp, name: 'mgr', link: 'https://groupme.com/en-US/'},
42+
3843
];
3944

4045
const platformSponsors = [

‎src/Pages/teams.jsx

Lines changed: 125 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,144 @@
11
import React from 'react'
2+
import classNames from 'classnames';
3+
import { FaGithub } from "react-icons/fa";
4+
import { FaLinkedinIn } from "react-icons/fa";
5+
import { FaInstagram } from "react-icons/fa6";
6+
import one from "../assets/images/3.jpg"
27

38
const Teams = () => {
49
return (
510
<>
6-
<section className="h-full w-screen">
7-
<Nav />
8-
<Heading />
911

10-
</section>
12+
<section className="bg-[#121212]">
13+
<div className="flex flex-col w-full lg:ml-24 max-auto lg:top-36 lg:w-1/3 mt-2 md:mt-12 px-8">
14+
<p className="text-3xl md:text-5xl leading-normal md:leading-relaxed mb-2 ">
15+
Team 010
16+
</p>
17+
18+
</div>
19+
<div className="flex justify-center mx-auto items-center flex-wrap md:flex-row flex-col">
20+
<Card
21+
name="Harshal Patil"
22+
githubLink="https://github.com/Harshal141"
23+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
24+
instagramLink="https://www.instagram.com/harshal_patil_141/"
25+
imgSrc={one}
26+
designation="Sec"
27+
/>
1128

29+
<Card
30+
name="Harshal Patil"
31+
githubLink="https://github.com/Harshal141"
32+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
33+
instagramLink="https://www.instagram.com/harshal_patil_141/"
34+
imgSrc={one}
35+
designation="Sec"
36+
/>
37+
<Card
38+
name="Harshal Patil"
39+
githubLink="https://github.com/Harshal141"
40+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
41+
instagramLink="https://www.instagram.com/harshal_patil_141/"
42+
imgSrc={one}
43+
designation="Sec"
44+
/>
1245

46+
<Card
47+
name="Harshal Patil"
48+
githubLink="https://github.com/Harshal141"
49+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
50+
instagramLink="https://www.instagram.com/harshal_patil_141/"
51+
imgSrc={one}
52+
designation="Sec"
53+
/> <Card
54+
name="Harshal Patil"
55+
githubLink="https://github.com/Harshal141"
56+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
57+
instagramLink="https://www.instagram.com/harshal_patil_141/"
58+
imgSrc={one}
59+
designation="Sec"
60+
/>
61+
62+
<Card
63+
name="Harshal Patil"
64+
githubLink="https://github.com/Harshal141"
65+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
66+
instagramLink="https://www.instagram.com/harshal_patil_141/"
67+
imgSrc={one}
68+
designation="Sec"
69+
/> <Card
70+
name="Harshal Patil"
71+
githubLink="https://github.com/Harshal141"
72+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
73+
instagramLink="https://www.instagram.com/harshal_patil_141/"
74+
imgSrc={one}
75+
designation="Sec"
76+
/>
77+
78+
<Card
79+
name="Harshal Patil"
80+
githubLink="https://github.com/Harshal141"
81+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
82+
instagramLink="https://www.instagram.com/harshal_patil_141/"
83+
imgSrc={one}
84+
designation="Sec"
85+
/> <Card
86+
name="Harshal Patil"
87+
githubLink="https://github.com/Harshal141"
88+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
89+
instagramLink="https://www.instagram.com/harshal_patil_141/"
90+
imgSrc={one}
91+
designation="Sec"
92+
/>
93+
94+
<Card
95+
name="Harshal Patil"
96+
githubLink="https://github.com/Harshal141"
97+
linkedinLink="https://www.linkedin.com/in/harshal-patil-5aa948221/"
98+
instagramLink="https://www.instagram.com/harshal_patil_141/"
99+
imgSrc={one}
100+
designation="Sec"
101+
/>
102+
103+
</div>
104+
105+
106+
</section>
107+
13108
</>
14-
)
15-
}
109+
);
110+
};
111+
112+
const Card = ({ name, githubLink, linkedinLink, instagramLink, imgSrc, designation }) => {
16113

17114

18-
const Heading = () => {
19115
return (
20-
<div className="text-center lg:block hidden tracking-[8px] font-medium text-[150px] sticky text-gradient-to-b from-white via-white to-[rgba(55, 47, 47, 0.5)]">
21-
<div className=" translate-y-[-120px] tracking-tight text-transparent bg-clip-text bg-gradient-to-t from-[#222121] to-[#525252] whitespace-nowrap">
22-
Team
116+
<div className="flex flex-col justify-center px-10 p-16 w-full items-center relative round-xl max-w-[400px] mx-4">
117+
{imgSrc && <img src={imgSrc} alt={`${name}'s profile`} className="w-full h-[360px] round-xl object-cover" />}
118+
119+
<div className="absolute mt-[240px] mr-[180px] flex flex-col justify-center items-start">
120+
<p className="text-[#C1C1C1] text-[20px] ">{name}</p>
121+
<p className="text-[#A1A1A1] text-[16px] ">{designation}</p>
122+
<div className="flex flex-row justify-center pt-4 items-start">
123+
<a className="p-1" href={githubLink}>
124+
<FaGithub className="text-[#dfdfdf]"/>
125+
</a>
126+
<div className="p-1">
127+
<a className="ml" href={linkedinLink}>
128+
<FaLinkedinIn className="text-[#dfdfdf]" />
129+
</a>
130+
</div>
131+
<a className="p-0.5 mt-0.5" href={instagramLink}>
132+
<FaInstagram className="text-[#dfdfdf]" />
133+
</a>
134+
</div>
23135
</div>
24136
</div>
25137
);
26138
};
27139

28140

141+
142+
143+
29144
export default Teams

‎src/assets/images/mgr.png

84.8 KB
Loading

‎src/assets/images/micro.png

84.2 KB
Loading

‎src/assets/images/microgrp.png

68.1 KB
Loading

‎src/assets/images/msoft.png

135 KB
Loading

0 commit comments

Comments
 (0)