diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..1425136
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,4 @@
+Ayudanoooooos!!!!
+
+
+zheng9112003@icloud.com
\ No newline at end of file
diff --git a/README.md b/README.md
index 0c6d0ee..ee68ac7 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,125 @@
-Read `./doc`
\ No newline at end of file
+Template front of Oroneta Project
+
+
+
+
+ Client side
+
+
+
+ Contributing
+ ยท
+ Issues
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+## Table of Contents
+
+- [Introduction](#introduction)
+- [Examples](#examples)
+- [Installation](#installation)
+- [Execution](#execution)
+- [Testing](#testing)
+
+## Introduction
+
+This is the front-end of the Oroneta project. This project is a web application that allows you to manage drones, routes, and registrants. This project is part of the Oroneta project, which is a project that aims to create a drone delivery system.
+
+## Examples
+
+Sign in page:
+
+
+
+Sign up page:
+
+
+
+Dashboard page:
+
+
+
+
+
+Drones page:
+
+
+
+Map page:
+
+
+
+
+
+Profile page:
+
+
+
+
+
+Company page:
+
+
+
+Billing page:
+
+
+
+
+## Installation
+
+To install the project, you need to clone the repository and install the dependencies. You can do this by running the following commands:
+
+```bash
+git clone https://github.com/oroneta/drone-front.git
+cd drone-front
+```
+
+## Execution
+
+To run the project as prod, you need to run the following command:
+
+```bash
+cd docker
+docker compose up -d --build
+```
+
+If you want to run the project as dev, you need to modify the `./docker/.env` file and set:
+
+```conf
+SERVER_ENV = pro # Or set to dev
+```
+
+And then run the following command:
+
+```bash
+cd docker
+docker compose up -d --build --force-recreate --remove-orphans
+```
+
+## Testing
+
+Access to `localhost:80` or `localhost` to see the project running.
+
+```bash
+nc -zv localhost 80
+```
+
+
+## License
+
+This project is licensed under the Apache 2.0 License - see the [LICENSE](./LICENSE) file for details.
+
+Any of this project's code can be used for non-commercial purposes. Any other use must be approved by the project owner.
+
+All rights reserved to Oroneta Project.
diff --git a/doc/img/alarm.png b/doc/img/alarm.png
new file mode 100644
index 0000000..c2ea5d4
Binary files /dev/null and b/doc/img/alarm.png differ
diff --git a/doc/img/billing.png b/doc/img/billing.png
new file mode 100644
index 0000000..7c0eb0a
Binary files /dev/null and b/doc/img/billing.png differ
diff --git a/doc/img/company.png b/doc/img/company.png
new file mode 100644
index 0000000..18a358f
Binary files /dev/null and b/doc/img/company.png differ
diff --git a/doc/img/dashboard.png b/doc/img/dashboard.png
new file mode 100644
index 0000000..75319d6
Binary files /dev/null and b/doc/img/dashboard.png differ
diff --git a/doc/img/drone.png b/doc/img/drone.png
new file mode 100644
index 0000000..4587d54
Binary files /dev/null and b/doc/img/drone.png differ
diff --git a/doc/img/map.png b/doc/img/map.png
new file mode 100644
index 0000000..7aa7d09
Binary files /dev/null and b/doc/img/map.png differ
diff --git a/doc/img/map2.png b/doc/img/map2.png
new file mode 100644
index 0000000..8198b90
Binary files /dev/null and b/doc/img/map2.png differ
diff --git a/doc/img/profile.png b/doc/img/profile.png
new file mode 100644
index 0000000..36c34f4
Binary files /dev/null and b/doc/img/profile.png differ
diff --git a/doc/img/profile2.png b/doc/img/profile2.png
new file mode 100644
index 0000000..73c7a4d
Binary files /dev/null and b/doc/img/profile2.png differ
diff --git a/doc/img/signIn.png b/doc/img/signIn.png
new file mode 100644
index 0000000..fcc9520
Binary files /dev/null and b/doc/img/signIn.png differ
diff --git a/doc/img/signUp.png b/doc/img/signUp.png
new file mode 100644
index 0000000..2ef4875
Binary files /dev/null and b/doc/img/signUp.png differ
diff --git a/src/src/assets/images/droneWelcome.jpg b/src/src/assets/images/droneWelcome.jpg
new file mode 100644
index 0000000..271b545
Binary files /dev/null and b/src/src/assets/images/droneWelcome.jpg differ
diff --git a/src/src/layouts/dashboard/components/WelcomeMark/index.js b/src/src/layouts/dashboard/components/WelcomeMark/index.js
index 2d2e2db..2abddb2 100644
--- a/src/src/layouts/dashboard/components/WelcomeMark/index.js
+++ b/src/src/layouts/dashboard/components/WelcomeMark/index.js
@@ -4,15 +4,22 @@ import { Card, Icon } from "@mui/material";
import VuiBox from "components/VuiBox";
import VuiTypography from "components/VuiTypography";
-import gif from "assets/images/cardimgfree.png";
+import gif from "assets/images/droneWelcome.jpg";
const WelcomeMark = () => {
return (
({
height: "340px",
py: "32px",
- backgroundImage: `url(${gif})`,
+ background: `/* top, transparent black, faked with gradient */
+ linear-gradient(
+ rgba(0, 0, 0, 0.7),
+ rgba(0, 0, 0, 0.7)
+ ),
+ /* bottom, image */
+ url(${gif})`,
borderRadius: "5px",
+ borderLeft: "3px solid #664eff",
backgroundSize: "cover",
backgroundPosition: "50%"
})}>