Contact form

<h3>Contact Us Now</h3>
<p>Send us a message and we'll get back to you as soon as we can. Or you can chat with TeddyAI by clicking the "..." icon in the bottom right corner of your page.</p>

name

email

phone

company

message

Location

<p><a title="info@devcabin.tech" href="mailto:info@devcabin.tech" target="_blank" rel="noopener">info@devcabin.tech</a></p>

Email

Phone

Dev Cabin Technologies

Embed


<div id="cabinbot-widget">
  <button id="cabinbot-button" title="Get Help from CabinBot">
    💬
  </button>
</div>

<style>
#cabinbot-widget {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 999999 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#cabinbot-button {
  background: linear-gradient(135deg, #3B82F6, #8B5CF6) !important;
  color: white !important;
  border: none !important;
  border-radius: 50% !important;
  width: 60px !important;
  height: 60px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
  font-size: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  outline: none !important;
}

#cabinbot-button:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 25px rgba(0,0,0,0.4) !important;
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
}

#cabinbot-button:active {
  transform: scale(0.95) !important;
}

/* Pulse animation */
@keyframes cabinbot-pulse {
  0% { box-shadow: 0 4px 20px rgba(0,0,0,0.3), 0 0 0 0 rgba(59, 130, 246, 0.7); }
  70% { box-shadow: 0 4px 20px rgba(0,0,0,0.3), 0 0 0 10px rgba(59, 130, 246, 0); }
  100% { box-shadow: 0 4px 20px rgba(0,0,0,0.3), 0 0 0 0 rgba(59, 130, 246, 0); }
}

#cabinbot-button {
  animation: cabinbot-pulse 2s infinite !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  #cabinbot-button {
    width: 55px !important;
    height: 55px !important;
    font-size: 22px !important;
    bottom: 15px !important;
    right: 15px !important;
  }
}
</style>

<script>
(function() {
  // Wait for DOM to be ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCabinBot);
  } else {
    initCabinBot();
  }
  
  function initCabinBot() {
    var button = document.getElementById('cabinbot-button');
    if (!button) return;
    
    button.onclick = function() {
      // Open CabinBot in a new window/tab
      var chatWindow = window.open(
        'https://ai-chat-companion-jameson7.replit.app/', 
        'CabinBot', 
        'width=400,height=600,scrollbars=yes,resizable=yes,status=yes'
      );
      
      // Focus the new window if it opened successfully
      if (chatWindow) {
        chatWindow.focus();
      }
    };
    
    // Add tooltip on hover
    var tooltip = document.createElement('div');
    tooltip.id = 'cabinbot-tooltip';
    tooltip.innerHTML = 'Chat with CabinBot';
    tooltip.style.cssText = `
      position: absolute !important;
      bottom: 70px !important;
      right: 0 !important;
      background: rgba(0,0,0,0.8) !important;
      color: white !important;
      padding: 8px 12px !important;
      border-radius: 6px !important;
      font-size: 14px !important;
      white-space: nowrap !important;
      opacity: 0 !important;
      transition: opacity 0.3s ease !important;
      pointer-events: none !important;
      z-index: 1000000 !important;
    `;
    
    document.getElementById('cabinbot-widget').appendChild(tooltip);
    
    button.addEventListener('mouseenter', function() {
      tooltip.style.opacity = '1';
    });
    
    button.addEventListener('mouseleave', function() {
      tooltip.style.opacity = '0';
    });
  }
})();
</script>