diff --git a/assets/images/404.png b/assets/images/404.png
new file mode 100644
index 0000000..5246766
Binary files /dev/null and b/assets/images/404.png differ
diff --git a/assets/images/whatsapp-bot.png b/assets/images/whatsapp-bot.png
new file mode 100644
index 0000000..45d8cbb
Binary files /dev/null and b/assets/images/whatsapp-bot.png differ
diff --git a/public/bgimg.jpg b/public/bgimg.jpg
new file mode 100644
index 0000000..26ad5f3
Binary files /dev/null and b/public/bgimg.jpg differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..d8592db
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..e4049f4
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..e20d243
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,92 @@
+body {
+ margin: 0;
+ padding: 0;
+}
+form {
+ display: flex;
+ align-items: center;
+ justify-self: center;
+ flex-direction: column;
+}
+form > input {
+ padding: 10px;
+ border: none;
+ margin: 8px 0;
+ width: 100%;
+ border-radius: 3px;
+ background: rgba( 255, 255, 255, 0.45 );
+box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
+backdrop-filter: blur( 4.5px );
+-webkit-backdrop-filter: blur( 4.5px );
+border-radius: 10px;
+border: 1px none rgba( 255, 255, 255, 0.18 );
+}
+
+button {
+ color: aliceblue;
+ padding: 13px;
+ margin-top: 5px;
+ text-transform: uppercase;
+ background: rgba( 246, 197, 92, 0.45 );;
+box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
+backdrop-filter: blur( 17px );
+-webkit-backdrop-filter: blur( 17px );
+border-radius: 10px;
+border: 1px none rgba( 255, 255, 255, 0.18 );
+}
+.greets {
+ background-color: #f6c55c;
+ height: inherit;
+ width: inherit;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-self: center;
+ background: rgba( 246, 197, 92, 0.45 );
+box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.37);
+border-radius: 10px;
+border: 1px solid rgba( 255, 255, 255, 0.18 );
+}
+.outer-form {
+ height: 480px;
+ width: 550px;
+ display: flex;
+ flex-direction: row;
+ background: rgba( 255, 255, 255, 0.2 );
+box-shadow: 0 0 32px 0 rgba(2, 2, 2, 0.37);
+border-radius: 10px;
+border: 1px solid rgba( 255, 255, 255, 0.18 );
+}
+.form {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: inherit;
+}
+section {
+ height: 100vh;
+ width: auto;
+ display: flex;
+ background-image: url('bgimg.jpg');
+ background-size: cover;
+ align-items: center;
+ justify-content: center;
+}
+p {
+ font-family: 'Ubuntu','Courier New', Courier, monospace;
+ font-weight: 400;
+}
+h1 {
+ font-family: 'Ubuntu','Courier New', Courier, monospace;
+ font-weight: 700;
+ text-align: center;
+}
+@media screen and (max-width:524px) {
+ h1 {
+ font-size: x-large;
+ }
+ .outer-form {
+ height: 300px;
+ width: 450px;
+ }
+ }
diff --git a/src/Commands/Dev/Ban.ts b/src/Commands/Dev/Ban.ts
new file mode 100644
index 0000000..3ae7fed
--- /dev/null
+++ b/src/Commands/Dev/Ban.ts
@@ -0,0 +1,55 @@
+import { Command, BaseCommand, Message } from '../../Structures'
+import { IArgs } from '../../Types'
+
+@Command('ban', {
+ description: 'Bans/unban users',
+ category: 'dev',
+ cooldown: 5,
+ usage: 'ban --action=[ban/unban] [tag/quote users]',
+ exp: 15
+})
+export default class extends BaseCommand {
+ public override execute = async (M: Message, { flags }: IArgs): Promise