diff --git a/public/synest/favicon.png b/public/synest/favicon.png
new file mode 100644
index 0000000..82c9e4d
Binary files /dev/null and b/public/synest/favicon.png differ
diff --git a/public/synest/logo.svg b/public/synest/logo.svg
new file mode 100644
index 0000000..9ac23b5
--- /dev/null
+++ b/public/synest/logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/synest/theme.css b/public/synest/theme.css
new file mode 100644
index 0000000..e8e32dc
--- /dev/null
+++ b/public/synest/theme.css
@@ -0,0 +1,162 @@
+.login-pf body {
+ background: #f3f4f6;
+}
+
+.login-pf-page {
+ width: 1100px;
+ background: #ffffff;
+ padding: 30px;
+}
+
+body .login-pf-page .card-pf {
+ border: 1px solid #e4e4e7 !important;
+ border-radius: 15px;
+ overflow: hidden;
+ background: none !important;
+}
+
+.login-pf-page .login-pf-header h1 {
+ background: #ffffff !important;
+ color: #000000;
+ border-bottom: 1px solid #e4e4e7 !important;
+}
+
+body .pf-c-form-control {
+ border: 1px solid #e4e4e7 !important;
+ padding: 10px 20px !important;
+ border-radius: 10px !important;
+}
+
+body .pf-c-button.pf-m-primary {
+ font-size: 16px;
+}
+
+.pf-c-button.pf-m-primary {
+ background: #6b6a6a !important;
+}
+
+.pf-c-button.pf-m-primary:hover {
+ opacity: 0.8;
+}
+
+div#kc-content {
+ margin: 0px auto 5px;
+}
+
+div#kc-registration span a:hover {
+ background: rgba(229, 229, 229, 0.48);
+}
+
+#kc-header {
+ background: #ffffff;
+ color: #000000;
+ position: relative;
+}
+
+.app-logo {
+ background-image: url(https://helpbuild.co/wp-content/uploads/2024/02/Rocket-research-amico.svg);
+ background-position: center;
+ background-size: contain !important;
+ width: 400px !important;
+ height: 270px !important;
+ margin-bottom: 0;
+ display: none;
+}
+
+@media screen and (max-width: 600px) {
+ .app-logo {
+ display: none;
+ }
+}
+
+
+body #kc-header {
+ flex: 0 0 500px;
+ max-width: 500px;
+}
+
+#kc-header-wrapper::before {
+ display: none;
+}
+
+.login-pf-page .login-pf-page-header p::before {
+ content: "AI tools for the next generation.
+ font-weight: 700;
+ color: #000;
+ letter-spacing: 0;
+ font-size: 20px;
+}
+
+#kc-header-wrapper p {
+ margin: 0 !important;
+}
+
+.login-main-title::before {
+ content: "Login";
+}
+
+.login-sub-heading::before {
+ content: "Get started.";
+}
+
+#new-to-app::before {
+ content: "New to Synest?";
+}
+
+.register-main-title::before {
+ content: "Create your account";
+}
+.register-sub-heading::before {
+ content: "Join and get started!";
+}
+
+#kc-header-wrapper::before {
+ background: #8a8e9a !important;
+}
+
+div#main-logo {
+ height: 100px;
+ background-size: 190px !important;
+ background: url(logo.svg) no-repeat;
+ width: 190px;
+ order: -1;
+ margin: 0 auto 0;
+}
+
+div#kc-registration span a {
+ padding: 10px 25px !important;
+ min-width: 200px;
+ text-align: center;
+}
+
+@media screen and (max-width: 991px) {
+ body {
+ padding: 0 !important;
+ }
+ .login-pf-page {
+ max-width: 100% !important;
+ border-radius: 0 !important;
+ min-height: 100vh;
+ }
+ body #kc-header {
+ max-width: 100% !important;
+ flex: auto;
+ }
+ #kc-header-wrapper, .app-logo {
+ display: none;
+ }
+}
+
+.kc-social-icon-text {
+ left: 0px;
+}
+
+
+.or-container{
+ margin-top: 35px;
+ margin-bottom: 5px;
+}
+
+.or-container h4 {
+ color: #AA11D1 !important;
+}
diff --git a/public/synest/theme.js b/public/synest/theme.js
new file mode 100644
index 0000000..c97b151
--- /dev/null
+++ b/public/synest/theme.js
@@ -0,0 +1,53 @@
+const fixPolicy = () => {
+ const privacyPolicy = document.getElementById('privacy-policy');
+ if (privacyPolicy) {
+ privacyPolicy.innerHTML = 'By signing up, you agree to our Terms and Conditions and Privacy Policy'
+ }
+}
+
+const swapLinkedIn = () => {
+ var anchor = document.getElementById('social-linkedin-openid-connect');
+
+ if (anchor) {
+ anchor.insertAdjacentHTML('afterbegin', ' ');
+ }
+
+ // Get the span element
+ var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+
+ // Change the text of the span
+ span.textContent = 'Sign in with LinkedIn';
+}
+const renameGoogle = () => {
+ var anchor = document.getElementById('social-google');
+ if (!anchor) return;
+ // Get the span element
+ var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+
+ // Change the text of the span
+ span.textContent = 'Sign in with Google';
+}
+
+const fixLogo = () => {
+ const headerWrapper = document.getElementById('kc-header-wrapper');
+ const header = document.getElementById('kc-header');
+ const loginBtnWrapper = document.getElementById('kc-info-wrapper')
+ const signupBtnWrapper = document.getElementById('kc-registration-container')
+ if (headerWrapper) {
+ headerWrapper.innerHTML = ''
+ }
+
+ if (header) {
+ const logo = document.createElement('div');
+ logo.id = 'main-logo';
+ header.appendChild(logo);
+ }
+
+ // if (loginBtnWrapper) loginBtnWrapper.remove();
+ // if (signupBtnWrapper) signupBtnWrapper.remove();
+}
+
+fixPolicy()
+fixLogo()
+swapLinkedIn()
+renameGoogle()