From 04963caeec64777fbf50bc9cea51f1776da7b48b Mon Sep 17 00:00:00 2001
From: Neeru <161798182+neeru24@users.noreply.github.com>
Date: Sun, 13 Oct 2024 11:21:13 +0530
Subject: [PATCH] Update contactUs.ejs

Signed-off-by: Neeru  <161798182+neeru24@users.noreply.github.com>
---
 views/contactUs.ejs | 75 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 74 insertions(+), 1 deletion(-)

diff --git a/views/contactUs.ejs b/views/contactUs.ejs
index fb489734..25018488 100644
--- a/views/contactUs.ejs
+++ b/views/contactUs.ejs
@@ -10,6 +10,71 @@
         transition: background-color 0.3s ease, color 0.3s ease;
       }
 
+body {
+      position: relative; /* Ensure positioning context for absolute elements */
+      margin: 0; /* Remove default margin */
+      padding: 0; /* Remove default padding */
+      height: 100vh; /* Full height to demonstrate button positioning */
+      background-color: #f0f0f0; /* Optional: background color for visibility */
+    }
+
+    .button {
+      position: absolute; 
+      top: 20px; 
+      right: 20px; 
+      width: 120px;
+      height: 40px;
+      background-color: #000;
+      display: flex;
+      align-items: center;
+      color: white;
+      flex-direction: column;
+      justify-content: center;
+      border: none;
+      padding: 12px;
+      gap: 12px;
+      border-radius: 8px;
+      cursor: pointer;
+    }
+
+    .button::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      left: -4px;
+      top: -1px;
+      margin: auto;
+      width: 128px;
+      height: 48px;
+      border-radius: 10px;
+      background: linear-gradient(-45deg, #e81cff 0%, #40c9ff 100% );
+      z-index: -10;
+      pointer-events: none;
+      transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    }
+
+    .button::after {
+      content: "";
+      z-index: -1;
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(-45deg, #fc00ff 0%, #00dbde 100% );
+      transform: translate3d(0, 0, 0) scale(0.95);
+      filter: blur(20px);
+    }
+
+    .button:hover::after {
+      filter: blur(30px);
+    }
+
+    .button:hover::before {
+      transform: rotate(-180deg);
+    }
+
+    .button:active::before {
+      scale: 0.7;
+    }
+
       input,
       textarea {
         background-color: #f5f5f5;
@@ -88,6 +153,10 @@
     </head>
     <%- include('includes/navbar.ejs') %>
       <main>
+   <button class="button" id="homeButton">
+      Home
+    </button>
+
         <section class="Contact-Us">
           <div class="contact-top" id="slide">
             <h1>Contact Us</h1>
@@ -745,10 +814,14 @@
     chatbotId: "fZnpFqGqi_Ol7GFejzNXo",
     domain: "www.chatbase.co"
     }
+
+    document.getElementById('homeButton').onclick = function() {
+      window.open('https://imagine-ai-17zf.vercel.app/', '_self'); // Opens the URL in the same tab
+    };
     </script>
     <script
     src="https://www.chatbase.co/embed.min.js"
     chatbotId="fZnpFqGqi_Ol7GFejzNXo"
     domain="www.chatbase.co"
     defer>
-    </script>
\ No newline at end of file
+    </script>