diff --git a/package.json b/package.json
index 26c6ef0..01110bc 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "^5.0.1",
     "react-scrollspy": "^3.4.3",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "axios": "^0.24.0"
   },
   "scripts": {
     "start": "react-scripts start -e .env",
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 0d0fd88..dbe8716 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -146,8 +146,8 @@
 
 :root {
     --light-purple: #F6F4FE;
-    --purple: #6A49F2;
-    --bg-purple: #6A49F2;
+    --purple: #1a3544;
+    --bg-purple: #1a3544;
     --dark-purple: #32236F;
     --body-text-purple: #3E3F66;
     --text-white: #ffffff;
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 321b8a4..aea24f3 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -146,8 +146,8 @@
 
 :root {
     --light-purple: #F6F4FE;
-    --purple: #6A49F2;
-    --bg-purple: #6A49F2;
+    --purple: #1a3544;
+    --bg-purple: #1a3544;
     --dark-purple: #32236F;
     --body-text-purple: #3E3F66;
     --text-white: #ffffff;
@@ -1803,7 +1803,7 @@ box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
     position: fixed;
     left: 0;
     top: 0;
-    background-color: rgba(50, 35, 111, 0.95);
+    background-color: rgba(26, 53, 68, 0.95);
     width: 100%;
     height: 100%;
     z-index: 99999;
diff --git a/vendors/service/siteService.js b/vendors/service/siteService.js
new file mode 100644
index 0000000..e69de29