Skip to content

Commit dd8f9c5

Browse files
shadil-rayyanshadil-rayyan
authored
Merge pull request #18 from Muflih-uk/feature
Semester Page Added in Study Material | Bus Page UI Updated | Floor Page Created
2 parents 8cf3386 + 1ae2d2e commit dd8f9c5

5 files changed

Lines changed: 152 additions & 20 deletions

File tree

‎src/app/bus/page.tsx‎

Lines changed: 40 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { BusButtons } from "@/components/Bus/busButton";
1+
//import { BusButtons } from "@/components/Bus/busButton";
22

33
const busData = [
44
{ slug: 'bus-1', name: 'Bus 1' },
@@ -9,10 +9,45 @@ const busData = [
99
{ slug: 'bus-6', name: 'Bus 6' },
1010
];
1111

12-
export default function BusPage() {
12+
const BusPage: React.FC = () => {
1313
return (
14-
<div>
15-
<BusButtons buses={busData} />
14+
<div className="min-h-screen bg-white">
15+
{/* Header */}
16+
<div className="px-6 py-8">
17+
<div className="text-center mb-8">
18+
<div className="relative">
19+
<h1 className="text-[30px] font-bold text-black">College Bus</h1>
20+
{/* Decorative wave underline */}
21+
<svg
22+
className="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-24 h-3"
23+
viewBox="0 0 96 12"
24+
fill="none"
25+
>
26+
<path
27+
d="M2 6C8 2, 16 10, 24 6C32 2, 40 10, 48 6C56 2, 64 10, 72 6C80 2, 88 10, 94 6"
28+
stroke="#000000"
29+
strokeWidth="1"
30+
strokeLinecap="round"
31+
/>
32+
</svg>
33+
</div>
34+
</div>
35+
36+
{/* Subject Grid */}
37+
<div className="grid grid-cols-1 md:grid-cols-4 md:gap-y-20 gap-4 px-10">
38+
{busData.map((bus, index) => (
39+
// Use BusButtons
40+
<button
41+
key={index}
42+
className="bg-white border border-black rounded-lg py-7 text-center shadow-md"
43+
>
44+
<span className="text-2xl font-bold text-black">{bus.name}</span>
45+
</button>
46+
))}
47+
</div>
48+
</div>
1649
</div>
1750
);
18-
}
51+
};
52+
53+
export default BusPage;

‎src/app/floor/page.tsx‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
const floors = [
2+
{ slug: 'Floor-1', name: 'Floor 1' },
3+
{ slug: 'Ground Floor', name: 'Ground Floor' },
4+
{ slug: 'Floor-2', name: 'Floor 2' },
5+
{ slug: 'Floor-3', name: 'Floor-3' },
6+
{ slug: 'Floor-4', name: 'Floor 4' },
7+
];
8+
9+
const BusPage: React.FC = () => {
10+
return (
11+
<div className="min-h-screen bg-white">
12+
{/* Header */}
13+
<div className="px-6 py-8">
14+
<div className="text-center mb-8">
15+
<div className="relative">
16+
<h1 className="text-[30px] font-bold text-black">College Floor</h1>
17+
{/* Decorative wave underline */}
18+
<svg
19+
className="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-24 h-3"
20+
viewBox="0 0 96 12"
21+
fill="none"
22+
>
23+
<path
24+
d="M2 6C8 2, 16 10, 24 6C32 2, 40 10, 48 6C56 2, 64 10, 72 6C80 2, 88 10, 94 6"
25+
stroke="#000000"
26+
strokeWidth="1"
27+
strokeLinecap="round"
28+
/>
29+
</svg>
30+
</div>
31+
</div>
32+
33+
{/* Subject Grid */}
34+
<div className="grid grid-cols-1 md:grid-cols-4 md:gap-y-20 gap-4 px-10">
35+
{floors.map((floor, index) => (
36+
// Use BusButtons
37+
<button
38+
key={index}
39+
className="bg-white border border-black rounded-lg py-7 text-center shadow-md"
40+
>
41+
<span className="text-2xl font-bold text-black">{floor.name}</span>
42+
</button>
43+
))}
44+
</div>
45+
</div>
46+
</div>
47+
);
48+
};
49+
50+
export default BusPage;

‎src/app/studymaterial/page.tsx‎

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,9 @@
1-
export default function Home() {
1+
import SemPage from "./pages/sem";
2+
3+
export default function StudyMaterialPage() {
24
return (
35
<div>
4-
<p>
5-
in this page we need folder like strucutre basically you will dynamic slect the folder basically if there cse mech
6-
then slect cse the website should autoamtically all the folder inside the cse folder like taht
7-
then
8-
-2019 and 2024 schema
9-
-deptmarntent
10-
-sem
11-
-subject
12-
-notebook,textbook,question paper,notes,syllabus,previous year question paper,lab manual,lab record,lab experiment
13-
-module wise or quesiton year wise questions
14-
</p>
6+
<SemPage />
157
</div>
168
);
17-
}
9+
}

‎src/app/studymaterial/pages/sem.tsx‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
import React from 'react';
2+
3+
const SemPage: React.FC = () => {
4+
const semesters = [
5+
'S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'
6+
];
7+
8+
return (
9+
<div className="min-h-screen bg-white">
10+
{/* Header */}
11+
<div className="px-6 py-8">
12+
<div className="text-center mb-8">
13+
<div className="relative">
14+
<h1 className="text-[30px] font-bold text-black">Study Material</h1>
15+
{/* Decorative wave underline */}
16+
<svg
17+
className="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-24 h-3"
18+
viewBox="0 0 96 12"
19+
fill="none"
20+
>
21+
<path
22+
d="M2 6C8 2, 16 10, 24 6C32 2, 40 10, 48 6C56 2, 64 10, 72 6C80 2, 88 10, 94 6"
23+
stroke="#000000"
24+
strokeWidth="1"
25+
strokeLinecap="round"
26+
/>
27+
</svg>
28+
</div>
29+
<p className="text-xl text-black font-semibold mt-4">SEM</p>
30+
</div>
31+
32+
{/* Subject Grid */}
33+
<div className="grid grid-cols-2 md:grid-cols-4 md:gap-y-20 gap-4 px-10">
34+
{semesters.map((sem, index) => (
35+
<button
36+
key={index}
37+
className="bg-white border border-black rounded-lg py-7 text-center shadow-md"
38+
>
39+
<span className="text-2xl font-bold text-black">{sem}</span>
40+
</button>
41+
))}
42+
</div>
43+
44+
{/* Footer Text */}
45+
<div className="mt-8 px-2 text-center">
46+
<p className="text-xs text-gray-500 leading-relaxed">
47+
Stay focused, work hard, and believe in yourself
48+
</p>
49+
</div>
50+
</div>
51+
</div>
52+
);
53+
};
54+
55+
export default SemPage;

‎src/components/Bus/busButton.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ type BusData = {
99
name: string; // Display name for the bus
1010
};
1111

12-
export const BusButtons = ({ buses }: { buses: BusData[] }) => {
12+
export const BusButtons = ({ buses }: { buses: BusData[] },) => {
1313
return (
1414
<div className="flex flex-col items-center justify-center min-h-screen p-4 bg-black">
1515
<div className="w-full max-w-sm space-y-4">
@@ -31,4 +31,4 @@ export const BusButtons = ({ buses }: { buses: BusData[] }) => {
3131
</div>
3232
</div>
3333
);
34-
};
34+
};

0 commit comments

Comments
 (0)