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 @@ <%- include('includes/navbar.ejs') %>
+ +

Contact Us

@@ -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 + }; \ No newline at end of file +