Skip to content

Commit e4d2ce0

Browse files
Movin21Movin21
committed
About page Implemented
1 parent 8ce88dd commit e4d2ce0

File tree

6 files changed

+155
-17
lines changed

6 files changed

+155
-17
lines changed

‎package-lock.json‎

Lines changed: 10 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
@@ -9,6 +9,7 @@
99
"classnames": "^2.5.1",
1010
"date-fns": "^3.6.0",
1111
"gray-matter": "^4.0.3",
12+
"lucide-react": "^0.469.0",
1213
"next": "15.0.2",
1314
"react": "19.0.0-rc-02c0e824-20241028",
1415
"react-dom": "19.0.0-rc-02c0e824-20241028",

‎public/favicon/apple-touch-icon.png‎

-1.3 KB
Binary file not shown.

‎public/favicon/safari-pinned-tab.svg‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎src/app/_components/Navbar.tsx‎

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -37,32 +37,37 @@ export default function Navbar() {
3737
<button
3838
onClick={toggleMenu}
3939
className="focus:outline-none text-blue-900 hover:text-black"
40-
aria-label="Toggle menu">
40+
aria-label="Toggle menu"
41+
>
4142
{isOpen ? (
4243
<svg
4344
className="w-6 h-6"
4445
fill="none"
4546
stroke="currentColor"
4647
viewBox="0 0 24 24"
47-
xmlns="http://www.w3.org/2000/svg">
48+
xmlns="http://www.w3.org/2000/svg"
49+
>
4850
<path
4951
strokeLinecap="round"
5052
strokeLinejoin="round"
5153
strokeWidth="2"
52-
d="M6 18L18 6M6 6l12 12"></path>
54+
d="M6 18L18 6M6 6l12 12"
55+
></path>
5356
</svg>
5457
) : (
5558
<svg
5659
className="w-6 h-6"
5760
fill="none"
5861
stroke="currentColor"
5962
viewBox="0 0 24 24"
60-
xmlns="http://www.w3.org/2000/svg">
63+
xmlns="http://www.w3.org/2000/svg"
64+
>
6165
<path
6266
strokeLinecap="round"
6367
strokeLinejoin="round"
6468
strokeWidth="2"
65-
d="M4 6h16M4 12h16m-7 6h7"></path>
69+
d="M4 6h16M4 12h16m-7 6h7"
70+
></path>
6671
</svg>
6772
)}
6873
</button>
@@ -73,16 +78,17 @@ export default function Navbar() {
7378
<div
7479
className={`md:flex md:items-end font-medium text-xl md:justify-center md:mt-0 md:mb-0 ${
7580
isOpen ? "flex flex-col w-full mt-4 mb-2" : "hidden"
76-
}`}>
81+
}`}
82+
>
7783
<ul className="flex flex-col md:flex-row md:space-x-6 text-nowrap">
7884
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
7985
<Link href="/">Home</Link>
8086
</li>
8187
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
82-
<Link href="/about">All Posts</Link>
88+
<Link href="/">All Posts</Link>
8389
</li>
8490
<li className="mt-4 md:mt-0 hover:text-black hover:underline underline-offset-2">
85-
<Link href="/contact">About</Link>
91+
<Link href="/about">About</Link>
8692
</li>
8793
</ul>
8894
</div>

‎src/app/about/page.tsx‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
import Container from "../_components/container";
2+
import { EXAMPLE_PATH } from "@/lib/constants";
3+
import Image from "next/image";
4+
import {
5+
Mail,
6+
MapPin,
7+
Github,
8+
Facebook,
9+
Linkedin,
10+
Instagram,
11+
Globe,
12+
} from "lucide-react";
13+
14+
export default function About() {
15+
return (
16+
<Container>
17+
<article className="mb-32">
18+
<div className="flex flex-col items-center mb-16 mt-12">
19+
<div className="w-full max-w-2xl mb-8">
20+
<Image
21+
src="/assets/sesc-logo-svg.svg"
22+
alt="SLIIT SESC Logo"
23+
width={300}
24+
height={300}
25+
className="mx-auto"
26+
/>
27+
</div>
28+
<div className="w-full max-w-2xl">
29+
<p className="text-lg leading-relaxed mb-4">
30+
SLIIT SESC (Software Engineering Students' Community) is a dynamic
31+
organization at the Sri Lanka Institute of Information Technology.
32+
We foster collaboration, knowledge sharing, and skill development
33+
among software engineering students, preparing them for the
34+
challenges of the tech industry.
35+
</p>
36+
<p className="text-lg leading-relaxed mb-4">
37+
Our blog showcases insights, experiences, and the latest trends in
38+
software engineering, reflecting the vibrant spirit of our
39+
community.
40+
</p>
41+
</div>
42+
</div>
43+
44+
<div className="flex flex-col md:flex-row justify-between space-y-8 md:space-y-0 md:space-x-8">
45+
<div className="bg-accent-1 p-6 rounded-lg shadow-md w-full md:w-1/2">
46+
<h2 className="text-2xl font-bold mb-4 text-dark-blue text-center">
47+
Our Mission
48+
</h2>
49+
<ul className="list-disc pl-6 space-y-2">
50+
<li className="text-lg">
51+
Maintain a healthy interpersonal relationship among the software
52+
engineering undergraduates and the academic staff.
53+
</li>
54+
<li className="text-lg">
55+
Promote academic related and non-academic events/activities for
56+
the wellbeing of student community.
57+
</li>
58+
</ul>
59+
</div>
60+
61+
<div className="bg-accent-1 p-6 rounded-lg shadow-md w-full md:w-1/2">
62+
<h2 className="text-2xl font-bold mb-4 text-dark-blue text-center">
63+
Contact Us
64+
</h2>
65+
<div className="grid grid-cols-1 gap-4">
66+
<div className="flex items-center">
67+
<Mail className="w-5 h-5 mr-2 text-dark-blue" />
68+
<a
69+
href="mailto:sesc@sliit.lk"
70+
className="text-dark-blue hover:underline"
71+
>
72+
sesc@sliit.lk
73+
</a>
74+
</div>
75+
<div className="flex items-center">
76+
<MapPin className="w-5 h-5 mr-2 text-dark-blue" />
77+
<span>SLIIT, New Kandy Road, Malabe, Sri Lanka</span>
78+
</div>
79+
<div className="flex items-center">
80+
<Globe className="w-5 h-5 mr-2 text-dark-blue" />
81+
<a
82+
href="https://www.sliit.lk"
83+
target="_blank"
84+
rel="noopener noreferrer"
85+
className="text-dark-blue hover:underline"
86+
>
87+
www.sliit.lk
88+
</a>
89+
</div>
90+
</div>
91+
<div className="mt-6 flex justify-center space-x-4">
92+
<a
93+
href="https://github.com/sliit-sesc"
94+
target="_blank"
95+
rel="noopener noreferrer"
96+
className="text-dark-blue hover:text-accent-7"
97+
>
98+
<Github className="w-6 h-6" />
99+
</a>
100+
<a
101+
href="https://web.facebook.com/sliitsecommunity"
102+
target="_blank"
103+
rel="noopener noreferrer"
104+
className="text-dark-blue hover:text-accent-7"
105+
>
106+
<Facebook className="w-6 h-6" />
107+
</a>
108+
<a
109+
href="https://www.instagram.com/sliit.sesc"
110+
target="_blank"
111+
rel="noopener noreferrer"
112+
className="text-dark-blue hover:text-accent-7"
113+
>
114+
<Instagram className="w-6 h-6" />
115+
</a>
116+
<a
117+
href="https://www.linkedin.com/company/sesc-sliit"
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
className="text-dark-blue hover:text-accent-7"
121+
>
122+
<Linkedin className="w-6 h-6" />
123+
</a>
124+
</div>
125+
</div>
126+
</div>
127+
</article>
128+
</Container>
129+
);
130+
}

0 commit comments

Comments
 (0)