Skip to content

Commit b4bea30

Browse files
afgprogrammerafgprogrammer
committed
Add basic about-me page
1 parent a85e7e2 commit b4bea30

File tree

1 file changed

+141
-0
lines changed

1 file changed

+141
-0
lines changed

‎src/app/about-me/page.tsx

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
import Link from "next/link";
2+
import {
3+
Box,
4+
Button,
5+
Card,
6+
CardSection,
7+
Container,
8+
Divider,
9+
Grid,
10+
GridCol,
11+
Group,
12+
Image,
13+
Space,
14+
Stack,
15+
Text,
16+
Title,
17+
} from "@mantine/core";
18+
import SiteFooter from "@/_components/footer/Footer";
19+
import { IconArrowUpRight } from "@tabler/icons-react";
20+
21+
export default function AboutMe() {
22+
return (
23+
<>
24+
<Container size="xl" pos="relative">
25+
{/* <Box
26+
w={500}
27+
h={400}
28+
style={{
29+
right: 100,
30+
position: "absolute",
31+
background: "linear-gradient(45deg, red, #1a00ef)",
32+
filter: "blur(100px)",
33+
}}
34+
></Box> */}
35+
<Box style={{ position: "relative" }}>
36+
<Title
37+
order={1}
38+
fz={90}
39+
fw={900}
40+
c={"light-dark(var(--mantine-color-dark-9), white)"}
41+
>
42+
<span
43+
style={{
44+
color:
45+
"light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-2))",
46+
}}
47+
>
48+
About me,{" "}
49+
</span>
50+
my story and my experience
51+
</Title>
52+
</Box>
53+
<Space h={200} />
54+
<Grid justify="space-between" align="center">
55+
<GridCol span={6}>
56+
<Image src={"/mohammad-rahmani.jpg"} radius={50} />
57+
</GridCol>
58+
<GridCol span={5}>
59+
<Text fz={20}>
60+
As a Senior Software Developer with over 10 years of experience, I
61+
specialize in creating intuitive and user-centered interfaces for
62+
a wide range of digital products and experiences.
63+
</Text>
64+
<Space h={50} />
65+
<Button
66+
variant="default"
67+
component="a"
68+
size="xl"
69+
fz={16}
70+
radius="xl"
71+
href="mailto:[email protected]"
72+
rightSection={<IconArrowUpRight size={22} />}
73+
>
74+
Let's Talk
75+
</Button>
76+
</GridCol>
77+
</Grid>
78+
<Space h={200} />
79+
<Grid>
80+
<GridCol span={6}>
81+
<Text fz={50} fw={600}>
82+
My past work experience
83+
</Text>
84+
</GridCol>
85+
<GridCol span={6}>
86+
<Box>
87+
<Group justify="space-between">
88+
<Stack gap={5}>
89+
<Text fz={18} fw={600} lts={0.8}>
90+
Software Developer
91+
</Text>
92+
<Text c="gray">Netlinks Ltd</Text>
93+
</Stack>
94+
<Text c="gray">2018 - 2020</Text>
95+
</Group>
96+
</Box>
97+
<Divider my={20} />
98+
<Box>
99+
<Group justify="space-between">
100+
<Stack gap={5}>
101+
<Text fz={18} fw={600} lts={0.8}>
102+
Senior Full-stack Software Developer
103+
</Text>
104+
<Text c="gray">Netlinks Ltd</Text>
105+
</Stack>
106+
<Text c="gray">2020 - 2022</Text>
107+
</Group>
108+
</Box>
109+
<Divider my={20} />
110+
<Box>
111+
<Group justify="space-between">
112+
<Stack gap={5}>
113+
<Text fz={18} fw={600} lts={0.8}>
114+
Content Creator
115+
</Text>
116+
<Text c="gray">Youtube</Text>
117+
</Stack>
118+
<Text c="gray">2019 - present</Text>
119+
</Group>
120+
</Box>
121+
<Divider my={20} />
122+
<Box>
123+
<Group justify="space-between">
124+
<Stack gap={5}>
125+
<Text fz={18} fw={600} lts={0.8}>
126+
Freelance Software Developer
127+
</Text>
128+
<Text c="gray">Afgprogrammer</Text>
129+
</Stack>
130+
<Text c="gray">2019 - present</Text>
131+
</Group>
132+
</Box>
133+
<Divider my={20} />
134+
</GridCol>
135+
</Grid>
136+
</Container>
137+
<Space h={150} />
138+
<SiteFooter />
139+
</>
140+
);
141+
}

0 commit comments

Comments
 (0)