diff --git a/src/app/(root)/(dashboard)/_components/Buttton.tsx b/src/app/(root)/(dashboard)/_components/Buttton.tsx
new file mode 100644
index 0000000..b43fcf9
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/Buttton.tsx
@@ -0,0 +1,10 @@
+import Penicon from "./icons/penicon"
+
+export default function Button() {
+ return(
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/(root)/(dashboard)/_components/Card.tsx b/src/app/(root)/(dashboard)/_components/Card.tsx
new file mode 100644
index 0000000..6600477
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/Card.tsx
@@ -0,0 +1,66 @@
+import Contact_Icon from "./icons/contactIcon";
+import EmailIcon from "./icons/emailIcon";
+import LocationIcon from "./icons/locationicon";
+import Univarsity_logo from "./icons/logoicon";
+
+export default async function Card() {
+ return (
+
+ );
+}
+async function Data() {
+ return (
+
+
Established in 2001
+
BRAC Univarsity
+
Instution code:
+
xyzwue
+
+ );
+}
+async function Address() {
+ return (
+
+
+
+
Address:
+
+
+
+ 123,Main Street,city,country
+
+
+ );
+}
+async function Email() {
+ return (
+
+
+
+
Email:
+
+
info@bracu.ac.bd
+
+ );
+}
+async function Contact() {
+ return (
+
+
+
+
Contact:
+
+
Tel: +123456789
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/Student_Icon.tsx b/src/app/(root)/(dashboard)/_components/Student_Icon.tsx
new file mode 100644
index 0000000..1421d25
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/Student_Icon.tsx
@@ -0,0 +1,20 @@
+export default async function Student_Icon() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/Student_Teacher.tsx b/src/app/(root)/(dashboard)/_components/Student_Teacher.tsx
new file mode 100644
index 0000000..2eb2a25
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/Student_Teacher.tsx
@@ -0,0 +1,47 @@
+import General from "./generalType";
+
+export default async function Student_Portfolio() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/Student_Teacher_Button.tsx b/src/app/(root)/(dashboard)/_components/Student_Teacher_Button.tsx
new file mode 100644
index 0000000..9bac8e9
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/Student_Teacher_Button.tsx
@@ -0,0 +1,23 @@
+import Student_Icon from "./Student_Icon";
+import Teacher_Icon from "./teacher_icon";
+
+interface student_teacher_button_icon {
+ role: string;
+ color: string;
+ text: string;
+}
+export default async function Student_Teacher_Button({
+ role,
+ color,
+ text,
+}: student_teacher_button_icon) {
+ return (
+
+ {role === 'Student' ? < Student_Icon/> : null}
+ {role === 'Teacher' ? : null}
+ View {role}
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/generalType.tsx b/src/app/(root)/(dashboard)/_components/generalType.tsx
new file mode 100644
index 0000000..ef9bf13
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/generalType.tsx
@@ -0,0 +1,141 @@
+import Attendance_Icon from "./icons/attendance_Icon";
+import GraphIcon from "./icons/graphIcon";
+import Group_Icon from "./icons/groupIcon";
+import Performance_Icon from "./performance-icon";
+import Student_Teacher_Button from "./Student_Teacher_Button";
+import Title from "./title";
+import { SmallTitle } from "./title";
+interface general {
+ role?:string,
+ color?:string,
+ text?:string,
+ title?: string;
+ size?: string;
+ text_color?: string;
+ border_color?: string;
+ total_number?: string;
+ active_course?: string;
+ average_performance?: string;
+ performance_index?: string;
+ total_title?:string;
+ course_title?:string;
+ average_atten_title?:string;
+ performance_title_index?:string
+}
+export default async function General({
+ role,
+ color,
+ text,
+ title,
+ size,
+ text_color,
+ border_color,
+ total_title,
+ course_title,
+ average_atten_title,
+ performance_title_index,
+ total_number,
+ active_course,
+ average_performance,
+ performance_index,
+}: general) {
+ return (
+
+ );
+}
+function Headline({ title }: general) {
+ return (
+
+
+
+ );
+}
+function Number_stu_tea({ size, text_color, total_number,total_title }: general) {
+ return (
+
+ );
+}
+function Subject_dept({ active_course ,text_color,size,course_title}: general) {
+ return (
+
+ );
+}
+function Atten_Class({ average_performance,text_color,size, average_atten_title }: general) {
+ return (
+
+
+
+
+
{average_performance}
+
+
+
+ );
+}
+function Performance({ performance_index ,text_color,size,performance_title_index}: general) {
+ return (
+
+
+
+
+
{performance_index}
+
+
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/attendance_Icon.tsx b/src/app/(root)/(dashboard)/_components/icons/attendance_Icon.tsx
new file mode 100644
index 0000000..3fa09b7
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/attendance_Icon.tsx
@@ -0,0 +1,15 @@
+interface Icon_Props{
+ text_color:string,
+ size:string
+ }
+export default async function Attendance_Icon({text_color,size}:Icon_Props){
+ return(
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/(root)/(dashboard)/_components/icons/contactIcon.tsx b/src/app/(root)/(dashboard)/_components/icons/contactIcon.tsx
new file mode 100644
index 0000000..e1786b0
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/contactIcon.tsx
@@ -0,0 +1,20 @@
+export default async function Contact_Icon() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/emailIcon.tsx b/src/app/(root)/(dashboard)/_components/icons/emailIcon.tsx
new file mode 100644
index 0000000..8fd651e
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/emailIcon.tsx
@@ -0,0 +1,20 @@
+export default async function () {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/graphIcon.tsx b/src/app/(root)/(dashboard)/_components/icons/graphIcon.tsx
new file mode 100644
index 0000000..fc5a1cc
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/graphIcon.tsx
@@ -0,0 +1,24 @@
+interface Icon_Props{
+ text_color:string,
+ size:string
+}
+export default async function GraphIcon({text_color,size}:Icon_Props) {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/groupIcon.tsx b/src/app/(root)/(dashboard)/_components/icons/groupIcon.tsx
new file mode 100644
index 0000000..1ceef28
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/groupIcon.tsx
@@ -0,0 +1,10 @@
+interface Icon_Props{
+ text_color:string,
+ size:string
+}
+export default async function Group_Icon({text_color,size}:Icon_Props) {
+ return();
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/locationicon.tsx b/src/app/(root)/(dashboard)/_components/icons/locationicon.tsx
new file mode 100644
index 0000000..754da9a
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/locationicon.tsx
@@ -0,0 +1,25 @@
+export default async function LocationIcon() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/logoicon.tsx b/src/app/(root)/(dashboard)/_components/icons/logoicon.tsx
new file mode 100644
index 0000000..2c8b956
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/logoicon.tsx
@@ -0,0 +1,237 @@
+export default async function Univarsity_logo() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/icons/penicon.tsx b/src/app/(root)/(dashboard)/_components/icons/penicon.tsx
new file mode 100644
index 0000000..0018ca2
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/icons/penicon.tsx
@@ -0,0 +1,10 @@
+export default async function Penicon(){
+ return (
+
+
+)
+}
\ No newline at end of file
diff --git a/src/app/(root)/(dashboard)/_components/index.ts b/src/app/(root)/(dashboard)/_components/index.ts
deleted file mode 100644
index 28d4d61..0000000
--- a/src/app/(root)/(dashboard)/_components/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// here we can add all the components that we want to use in the dashboard (you can rename this file to whatever you want)
\ No newline at end of file
diff --git a/src/app/(root)/(dashboard)/_components/index.tsx b/src/app/(root)/(dashboard)/_components/index.tsx
new file mode 100644
index 0000000..a02751a
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/index.tsx
@@ -0,0 +1,21 @@
+import Button from "./Buttton";
+import Card from "./Card";
+import Student_Portfolio from "./Student_Teacher";
+import Title from "./title";
+
+// here we can add all the components that we want to use in the dashboard (you can rename this file to whatever you want)]
+export default async function Combined_component() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/performance-icon.tsx b/src/app/(root)/(dashboard)/_components/performance-icon.tsx
new file mode 100644
index 0000000..a105e7b
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/performance-icon.tsx
@@ -0,0 +1,22 @@
+interface Icon_Props{
+ text_color:string,
+ size:string
+ }
+export default async function Performance_Icon({text_color,size}:Icon_Props) {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/teacher_icon.tsx b/src/app/(root)/(dashboard)/_components/teacher_icon.tsx
new file mode 100644
index 0000000..b712e59
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/teacher_icon.tsx
@@ -0,0 +1,16 @@
+export default async function Teacher_Icon() {
+ return (
+
+ );
+}
diff --git a/src/app/(root)/(dashboard)/_components/title.tsx b/src/app/(root)/(dashboard)/_components/title.tsx
new file mode 100644
index 0000000..67b2ddf
--- /dev/null
+++ b/src/app/(root)/(dashboard)/_components/title.tsx
@@ -0,0 +1,15 @@
+interface title{
+ title:string
+}
+export default async function Title({title}:title) {
+ return(
+
{title}
+ )
+}
+export async function SmallTitle({title}:title){
+ return (
+
+ {title}
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/(root)/(dashboard)/page.tsx b/src/app/(root)/(dashboard)/page.tsx
index 75a3155..f3edbe7 100644
--- a/src/app/(root)/(dashboard)/page.tsx
+++ b/src/app/(root)/(dashboard)/page.tsx
@@ -1,7 +1,8 @@
-import Image from "next/image";
-
+import Combined_component from "./_components";
export default function Home() {
return (
- <>Home>
+
+
+
);
}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2873606..957b3bf 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -11,6 +11,12 @@ const config = {
],
prefix: '',
theme: {
+ purple:{
+ 500:"#A03232"
+ },
+ borderWidth:{
+ 2:"1px"
+ },
container: {
center: true,
padding: '2rem',