Skip to content

Commit 2a7ebc1

Browse files
committed
feat: course hero
1 parent f7f44d5 commit 2a7ebc1

File tree

9 files changed

+187
-130
lines changed

9 files changed

+187
-130
lines changed

README.md

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +0,0 @@
1-
Available document ids are:
2-
- basics/intro
3-
- career/manage-docs-versions
4-
- career/translate-your-site
5-
- intro
6-
- programming/congratulations
7-
- programming/create-a-blog-post
8-
- programming/create-a-document
9-
- programming/create-a-page
10-
- programming/deploy-your-site
11-
- programming/markdown-features
12-
13-

package-lock.json

Lines changed: 61 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,10 @@
2828
"prism-react-renderer": "^2.3.0",
2929
"react": "^18.0.0",
3030
"react-dom": "^18.0.0",
31+
"react-slick": "^0.30.2",
3132
"rehype-katex": "^7.0.0",
32-
"remark-math": "^6.0.0"
33+
"remark-math": "^6.0.0",
34+
"slick-carousel": "^1.8.1"
3335
},
3436
"devDependencies": {
3537
"@docusaurus/module-type-aliases": "3.3.2",

src/components/Mentors/index.jsx

Lines changed: 54 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,60 @@
1-
import clsx from 'clsx';
2-
import AdamsGeeky from '@site/static/img/AdamsGeeky.png';
31

4-
const MentorList = [
5-
{
6-
7-
pic: AdamsGeeky,
8-
name: 'Adamu M. Muhammad',
9-
subtitle: 'DevOps | Backend Mentor | Lead ',
10-
}
11-
// {
12-
// pic: mufteem,
13-
// name: 'Bello Ibrahim',
14-
// subtitle: 'UI/UX Designer | frontend Mentor',
2+
import { Box, Card, Container, Grid, Typography, Avatar }
3+
from '@mui/material';
154

16-
// },
17-
// {
18-
19-
// pic: muby,
20-
// name: 'Mubarak Ibrahim',
21-
// subtitle: 'Graphic Designer | Frontend Mentor ',
5+
import mentorImage from '@site/static/img/hero.png';
226

23-
// }
24-
];
25-
26-
27-
const Mentor = ({pic , name, subtitle, twitterHandle}) => {
28-
29-
return (
30-
<div className={clsx('col col-demo')}>
31-
<div className="avatar avatar--vertical">
32-
<img
33-
className="avatar__photo avatar__photo--xl"
34-
src={pic}
35-
alt="Mentor Avatar"
36-
/>
37-
<div className="avatar__intro">
38-
<div className="avatar__name">{name}</div>
39-
<small className="avatar__subtitle">
40-
{subtitle}
41-
@ GDSC GSU
42-
</small>
43-
</div>
44-
</div>
45-
</div>
46-
);
47-
};
48-
export default function Mentors() {
7+
export default function Mentor() {
498
return (
50-
<section>
51-
<div className="container">
52-
<div className="row">
53-
{MentorList.map((props, idx) => (
54-
<Mentor key={idx} {...props} />
55-
))}
56-
</div>
57-
</div>
58-
</section>
9+
<Container id="features" sx={{ py: { xs: 8, sm: 16 } }}>
10+
<Grid container spacing={6}>
11+
<Grid item xs={12} md={6}>
12+
<Typography
13+
variant="body1"
14+
color="text.secondary"
15+
sx={{ mb: { xs: 2, sm: 4 } }}
16+
>
17+
Our mentors aren't just tech experts—they're industry leaders, innovators, and passionate advocates for open source collaboration. With years of experience and a deep commitment to empowering the next generation of tech heroes, they're the driving force behind our mission to revolutionize tech education in the northern region of Nigeria.
18+
<br />
19+
<br />
20+
<strong>Expertise:</strong> Our mentors bring a wealth of knowledge and expertise to the table, spanning a wide range of tech fields and disciplines.
21+
<br />
22+
<strong>Dedication:</strong> They are deeply committed to guiding and supporting students, offering personalized mentorship and hands-on assistance.
23+
<br />
24+
<strong>Impact:</strong> Through their leadership and advocacy, our mentors are making a tangible impact on the world of technology, shaping the future of open source and inspiring the next generation of tech leaders.
25+
</Typography>
26+
</Grid>
27+
<Grid
28+
item
29+
xs={12}
30+
md={6}
31+
sx={{ display: { xs: 'none', sm: 'flex' }, width: '100%' }}
32+
>
33+
<Card
34+
variant="outlined"
35+
sx={{
36+
height: '100%',
37+
width: '100%',
38+
display: { xs: 'none', sm: 'flex' },
39+
pointerEvents: 'none',
40+
}}
41+
>
42+
<Box
43+
sx={{
44+
m: 'auto',
45+
width: 420,
46+
height: 500,
47+
backgroundSize: 'contain'
48+
}}
49+
/>
50+
<Avatar
51+
alt="Mentor Image"
52+
src={mentorImage}
53+
style={{ width: '100%', height: '100%' }}
54+
/>
55+
</Card>
56+
</Grid>
57+
</Grid>
58+
</Container>
5959
);
6060
}

0 commit comments

Comments
 (0)