@section('meta_description', 'Get in touch with Zendeet's solutions and sales team. Average response time under 15 minutes.')

@section('content')
<!-- Contact Us Hero -->
<section class="pt-32 pb-20 lg:pt-40 lg:pb-28 bg-gradient-to-b from-primary-50/30 to-background-1 dark:from-background-7/30 dark:to-background-6">
  <div class="main-container text-center max-w-[780px] mx-auto space-y-6">
 
    <h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold text-secondary dark:text-accent tracking-tight">
      We're here to help you <span class="text-primary-500">accelerate revenue</span>
    </h1>
    <p class="text-lg text-secondary/70 dark:text-accent/70 leading-relaxed max-w-[620px] mx-auto">
      Have a question about enterprise deployments, custom AI voice integrations, or high-volume scraping? Our team responds in under 15 minutes.
    </p>
  </div>

  <div class="main-container mt-14 max-w-[900px] mx-auto">
    <div class="bg-background-1 dark:bg-background-7 border border-stroke-1 dark:border-stroke-7 rounded-3xl p-8 sm:p-12 shadow-xl">
      <form class="space-y-6" onsubmit="event.preventDefault(); alert('Thank you for reaching out! Our team will contact you shortly.');">
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
          <div class="space-y-2">
            <label class="text-xs font-bold text-secondary dark:text-accent uppercase tracking-wider">Full Name</label>
            <input type="text" required placeholder="Alex Johnson" class="w-full px-4 py-3 rounded-xl bg-background-2 dark:bg-background-8 border border-stroke-1 dark:border-stroke-7 text-secondary dark:text-accent focus:outline-none focus:border-primary-500 text-sm" />
          </div>
          <div class="space-y-2">
            <label class="text-xs font-bold text-secondary dark:text-accent uppercase tracking-wider">Work Email</label>
            <input type="email" required placeholder="alex@company.com" class="w-full px-4 py-3 rounded-xl bg-background-2 dark:bg-background-8 border border-stroke-1 dark:border-stroke-7 text-secondary dark:text-accent focus:outline-none focus:border-primary-500 text-sm" />
          </div>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
          <div class="space-y-2">
            <label class="text-xs font-bold text-secondary dark:text-accent uppercase tracking-wider">Company Name</label>
            <input type="text" placeholder="Acme Media Inc." class="w-full px-4 py-3 rounded-xl bg-background-2 dark:bg-background-8 border border-stroke-1 dark:border-stroke-7 text-secondary dark:text-accent focus:outline-none focus:border-primary-500 text-sm" />
          </div>
          <div class="space-y-2">
            <label class="text-xs font-bold text-secondary dark:text-accent uppercase tracking-wider">Estimated Monthly Volume</label>
            <select class="w-full px-4 py-3 rounded-xl bg-background-2 dark:bg-background-8 border border-stroke-1 dark:border-stroke-7 text-secondary dark:text-accent focus:outline-none focus:border-primary-500 text-sm">
              <option>Under 5,000 leads / mo</option>
              <option>5,000 - 25,000 leads / mo</option>
              <option>25,000 - 100,000 leads / mo</option>
              <option>100,000+ leads / mo (Enterprise)</option>
            </select>
          </div>
        </div>

        <div class="space-y-2">
          <label class="text-xs font-bold text-secondary dark:text-accent uppercase tracking-wider">How can our solutions team assist you?</label>
          <textarea rows="4" required placeholder="Tell us about your team's sales workflow, target channels, or specific integration requirements..." class="w-full px-4 py-3 rounded-xl bg-background-2 dark:bg-background-8 border border-stroke-1 dark:border-stroke-7 text-secondary dark:text-accent focus:outline-none focus:border-primary-500 text-sm"></textarea>
        </div>

        <button type="submit" class="btn btn-lg btn-primary w-full py-4 text-white font-bold text-base shadow-lg shadow-primary-500/30">
          <span>Send Message &amp; Schedule Call</span>
        </button>
      </form>
    </div>
  </div>
</section>

@endsection

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Us | Zendeet</title>
  <meta name="description" content="Zendeet unifies omnichannel communication, AI voice agents, Google Places lead scraping, Contact Discovery, and visual sales pipelines in one platform.">
  
  <!-- Favicon -->
  <link rel="icon" type="image/png" href="/storage/branding/DZ7ub28d0LQfYFXGSmSRJRE8CtEbYZcZptx84xUv.png">

  <!-- Main Stylesheet compiled with Tailwind CSS v4 from Lead-Capture -->
  <link rel="stylesheet" href="https://zendeet.live/lead-capture-assets/css/main.css">
  
  <!-- Google Fonts: Inter Tight & DM Sans -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter+Tight:ital,wght@0,300..900;1,300..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  
  <script>
    // Theme initialization
    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
      document.documentElement.classList.add('dark');
    } else {
      document.documentElement.classList.remove('dark');
    }
  </script>
  <style>
    /* =========================================================
       PUBLIC LIGHT & DARK MODE CONTRAST & VISIBILITY FIXES
       ========================================================= */
    /* Primary Button: Always bold white text on primary orange */
    .btn-primary, button.btn-primary, a.btn-primary {
      background-color: #ff751f !important;
      color: #ffffff !important;
      border-color: #ff751f !important;
    }
    .btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover {
      background-color: #e65f0e !important;
      color: #ffffff !important;
      border-color: #e65f0e !important;
    }

    /* Secondary Button: Dark background with crisp white text in light mode */
    .btn-secondary, button.btn-secondary, a.btn-secondary {
      background-color: #1a1a1c !important;
      color: #ffffff !important;
      border-color: #1a1a1c !important;
    }
    .btn-secondary:hover, button.btn-secondary:hover, a.btn-secondary:hover {
      background-color: #ff751f !important;
      color: #ffffff !important;
      border-color: #ff751f !important;
    }
    html.dark .btn-secondary, html.dark button.btn-secondary, html.dark a.btn-secondary {
      background-color: #fcfcfc !important;
      color: #1a1a1c !important;
      border-color: #fcfcfc !important;
    }
    html.dark .btn-secondary:hover, html.dark button.btn-secondary:hover, html.dark a.btn-secondary:hover {
      background-color: #ff751f !important;
      color: #ffffff !important;
      border-color: #ff751f !important;
    }

    /* White Button: Clean light card button with dark text in light mode */
    .btn-white, button.btn-white, a.btn-white {
      background-color: #ffffff !important;
      color: #1a1a1c !important;
      border: 1px solid #dfe4eb !important;
    }
    .btn-white:hover, button.btn-white:hover, a.btn-white:hover {
      background-color: #ff751f !important;
      color: #ffffff !important;
      border-color: #ff751f !important;
    }
    html.dark .btn-white, html.dark button.btn-white, html.dark a.btn-white {
      background-color: #181d26 !important;
      color: #fcfcfc !important;
      border: 1px solid #2a333e !important;
    }
    html.dark .btn-white:hover, html.dark button.btn-white:hover, html.dark a.btn-white:hover {
      background-color: #ff751f !important;
      color: #ffffff !important;
      border-color: #ff751f !important;
    }

    /* Badge Visibility & Contrast */
    .badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      border-radius: 9999px;
      line-height: 1.4;
      padding: 4px 14px;
    }
    .badge-primary {
      background-color: rgba(255, 117, 31, 0.12) !important;
      color: #c2410c !important;
      border: 1px solid rgba(255, 117, 31, 0.3) !important;
    }
    .badge-cyan {
      background-color: rgba(14, 165, 233, 0.12) !important;
      color: #0369a1 !important;
      border: 1px solid rgba(14, 165, 233, 0.25) !important;
    }
    .badge-green {
      background-color: rgba(16, 185, 129, 0.12) !important;
      color: #047857 !important;
      border: 1px solid rgba(16, 185, 129, 0.25) !important;
    }
    .badge-yellow {
      background-color: rgba(234, 179, 8, 0.15) !important;
      color: #a16207 !important;
      border: 1px solid rgba(234, 179, 8, 0.35) !important;
    }

    html.dark .badge-primary {
      background-color: rgba(255, 117, 31, 0.2) !important;
      color: #ff9147 !important;
      border: 1px solid rgba(255, 117, 31, 0.3) !important;
    }
    html.dark .badge-cyan {
      background-color: rgba(131, 231, 238, 0.15) !important;
      color: #83e7ee !important;
      border: 1px solid rgba(131, 231, 238, 0.25) !important;
    }
    html.dark .badge-green {
      background-color: rgba(198, 245, 111, 0.15) !important;
      color: #c6f56f !important;
      border: 1px solid rgba(198, 245, 111, 0.25) !important;
    }
    html.dark .badge-yellow {
      background-color: rgba(249, 235, 87, 0.15) !important;
      color: #f9eb57 !important;
      border: 1px solid rgba(249, 235, 87, 0.25) !important;
    }

    /* Light Mode Strict Text Contrast Rules */
    html:not(.dark) body {
      color: #1a1a1c;
      background-color: #fcfcfd;
    }
    html:not(.dark) h1, html:not(.dark) h2, html:not(.dark) h3, html:not(.dark) h4, html:not(.dark) h5, html:not(.dark) h6 {
      color: #1a1a1c;
    }
    html:not(.dark) .text-secondary {
      color: #1a1a1c !important;
    }
    html:not(.dark) .text-secondary\/70, html:not(.dark) .text-secondary\/80 {
      color: rgba(26, 26, 28, 0.75) !important;
    }
    html:not(.dark) .text-secondary\/60 {
      color: rgba(26, 26, 28, 0.65) !important;
    }
    html:not(.dark) .text-secondary\/40 {
      color: rgba(26, 26, 28, 0.5) !important;
    }
  </style>
  </head>
<body class="bg-background-1 dark:bg-background-6 text-secondary dark:text-accent font-sans antialiased selection:bg-primary-500 selection:text-white">

  <!-- Site Header -->
  <!-- Master Header -->
<header id="site-header" class="lp:!max-w-[1290px] fixed top-5 left-1/2 z-50 mx-auto w-full max-w-[350px] -translate-x-1/2 rounded-full transition-all duration-500 ease-in-out min-[425px]:max-w-[375px] min-[500px]:max-w-[450px] sm:max-w-[540px] md:max-w-[720px] lg:max-w-[960px] xl:max-w-[1180px]">
  <div class="bg-background-2/90 dark:bg-background-6/90 flex items-center justify-between rounded-full px-4 py-2.5 backdrop-blur-[25px] border border-stroke-1 dark:border-stroke-7 shadow-lg shadow-secondary/5 xl:py-1.5">
    <!-- Brand Logo -->
    <div>
      <a href="https://zendeet.live" class="flex items-center gap-2">
        <img src="/storage/branding/C1JnDhv09Im3GxjUUHYpugIvNRyYuMaUiFnuGGYT.png" alt="Zendeet" class="h-8 md:h-9 w-auto object-contain" />
      </a>
    </div>

    <!-- Desktop Navigation -->
    <nav class="hidden items-center xl:flex">
      <ul class="flex items-center space-x-1">
        <li>
          <a href="https://zendeet.live" class="hover:border-stroke-2 dark:hover:border-stroke-7 text-tagline-2 text-secondary/80 hover:text-secondary dark:text-accent/80 dark:hover:text-accent flex items-center gap-1 rounded-full border border-transparent px-3.5 py-1.5 font-medium transition-all duration-200">
            Home
          </a>
        </li>

        <!-- Features Dropdown -->
        <li class="relative group" id="features-nav-item">
          <button type="button" class="hover:border-stroke-2 dark:hover:border-stroke-7 text-tagline-2 text-secondary/80 hover:text-secondary dark:text-accent/80 dark:hover:text-accent flex items-center gap-1 rounded-full border border-transparent px-3.5 py-1.5 font-medium transition-all duration-200 cursor-pointer">
            <span>Features</span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3.5 transition-transform duration-300 group-hover:rotate-180">
              <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
            </svg>
          </button>
          
          <div class="absolute left-1/2 top-full -translate-x-1/2 pt-3 w-[640px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
            <div class="bg-background-1 dark:bg-background-7 border border-stroke-1 dark:border-stroke-7 rounded-2xl p-5 shadow-xl grid grid-cols-2 gap-3 backdrop-blur-xl">
              <a href="https://zendeet.live/features/omnichannel-inbox" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-primary-50 dark:bg-primary-950/40 text-primary-500 flex items-center justify-center shrink-0">
                  <i class="ns-shape-46 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Omnichannel Inbox</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">WhatsApp, IG, FB, Telegram & Email in one view</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/ai-chatbot" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-primary-100 dark:bg-primary-950/40 text-primary-600 flex items-center justify-center shrink-0">
                  <i class="ns-shape-5 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">AI Chatbot</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">Autonomous 24/7 chatbot & lead qualification</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/ai-voice-agent" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-ns-cyan-light dark:bg-accent/10 text-cyan-700 dark:text-cyan-400 flex items-center justify-center shrink-0">
                  <i class="ns-shape-7 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">AI Voice Agents</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">Human-like inbound voice AI</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/lead-finder" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-ns-yellow-light dark:bg-accent/10 text-amber-700 dark:text-amber-400 flex items-center justify-center shrink-0">
                  <i class="ns-shape-13 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Google Places Finder</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">Discover high-intent local B2B leads</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/lead-enrichment" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-ns-green-light dark:bg-accent/10 text-emerald-700 dark:text-emerald-400 flex items-center justify-center shrink-0">
                  <i class="ns-shape-23 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Contact Discovery</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">Verified emails, phones & company data</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/sales-pipeline" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-primary-100 dark:bg-primary-950/40 text-primary-600 flex items-center justify-center shrink-0">
                  <i class="ns-shape-33 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Sales Deals Kanban</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">Visual pipelines & deal forecasting</div>
                </div>
              </a>

              <a href="https://zendeet.live/features/workflow-automation" class="flex items-start gap-3.5 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <div class="size-9 rounded-lg bg-violet-100 dark:bg-violet-950/40 text-violet-600 flex items-center justify-center shrink-0">
                  <i class="ns-shape-50 text-lg"></i>
                </div>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Visual Workflows</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60 line-clamp-1">No-code trigger-and-action automation</div>
                </div>
              </a>

             
            </div>
          </div>
        </li>

        <li>
          <a href="https://zendeet.live/integrations" class="hover:border-stroke-2 dark:hover:border-stroke-7 text-tagline-2 text-secondary/80 hover:text-secondary dark:text-accent/80 dark:hover:text-accent flex items-center gap-1 rounded-full border border-transparent px-3.5 py-1.5 font-medium transition-all duration-200">
            Integrations
          </a>
        </li>

        <li>
          <a href="https://zendeet.live/pricing" class="hover:border-stroke-2 dark:hover:border-stroke-7 text-tagline-2 text-secondary/80 hover:text-secondary dark:text-accent/80 dark:hover:text-accent flex items-center gap-1 rounded-full border border-transparent px-3.5 py-1.5 font-medium transition-all duration-200">
            Pricing
          </a>
        </li>

        <!-- Resources Dropdown -->
        <li class="relative group" id="resources-nav-item">
          <button type="button" class="hover:border-stroke-2 dark:hover:border-stroke-7 text-tagline-2 text-secondary/80 hover:text-secondary dark:text-accent/80 dark:hover:text-accent flex items-center gap-1 rounded-full border border-transparent px-3.5 py-1.5 font-medium transition-all duration-200 cursor-pointer">
            <span>Resources</span>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3.5 transition-transform duration-300 group-hover:rotate-180">
              <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
            </svg>
          </button>
          
          <div class="absolute left-1/2 top-full -translate-x-1/2 pt-3 w-[280px] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
            <div class="bg-background-1 dark:bg-background-7 border border-stroke-1 dark:border-stroke-7 rounded-2xl p-3 shadow-xl space-y-1 backdrop-blur-xl">
              <a href="https://zendeet.live/blog" class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <i class="ns-shape-47 text-primary-500 text-base"></i>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Blog & Articles</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60">Guides, tutorials & news</div>
                </div>
              </a>
              <a href="https://zendeet.live/comparison" class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <i class="ns-shape-18 text-primary-500 text-base"></i>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Zendeet vs Competitors</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60">See how we stack up</div>
                </div>
              </a>
              <a href="https://zendeet.live/why-us" class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <i class="ns-shape-37 text-primary-500 text-base"></i>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Why Choose Us</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60">Platform advantages</div>
                </div>
              </a>
              <a href="https://zendeet.live/faq" class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-background-3 dark:hover:bg-background-9 transition-colors">
                <i class="ns-shape-40 text-primary-500 text-base"></i>
                <div>
                  <div class="text-sm font-semibold text-secondary dark:text-accent">Help & FAQ</div>
                  <div class="text-xs text-secondary/60 dark:text-accent/60">Answers to common queries</div>
                </div>
              </a>
            </div>
          </div>
        </li>
      </ul>
    </nav>

    <!-- CTAs and Theme Toggle -->
    <div class="hidden items-center gap-3 xl:flex">
      <button id="theme-toggle-btn" class="p-2 rounded-full hover:bg-background-3 dark:hover:bg-background-8 text-secondary/80 dark:text-accent/80 transition-colors cursor-pointer" aria-label="Toggle Theme">
        <svg id="theme-icon-sun" class="size-4 hidden dark:block" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" /></svg>
        <svg id="theme-icon-moon" class="size-4 block dark:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg>
      </button>

              <a href="https://zendeet.live/login" class="text-tagline-2 font-medium text-secondary/90 hover:text-secondary dark:text-accent/90 dark:hover:text-accent px-3 py-1.5 transition-colors">
          Sign In
        </a>
        <a href="https://zendeet.live/register" class="btn btn-sm btn-primary px-5 py-2 text-white font-medium shadow-md hover:scale-105 transition-transform">
          <span>Get Started Free</span>
        </a>
          </div>

    <!-- Mobile Menu Button -->
    <div class="flex items-center gap-2 xl:hidden">
      <button id="mobile-menu-toggle" class="p-2 rounded-xl text-secondary dark:text-accent hover:bg-background-3 dark:hover:bg-background-8 cursor-pointer">
        <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
      </button>
    </div>
  </div>

  <!-- Mobile Drawer -->
  <div id="mobile-menu-drawer" class="hidden xl:hidden mt-2 bg-background-1 dark:bg-background-7 border border-stroke-1 dark:border-stroke-7 rounded-3xl p-5 shadow-2xl backdrop-blur-xl">
    <div class="flex flex-col space-y-3">
      <a href="https://zendeet.live" class="font-medium text-secondary dark:text-accent py-2 border-b border-stroke-1 dark:border-stroke-8">Home</a>
      
      <div class="py-2 border-b border-stroke-1 dark:border-stroke-8">
        <div class="font-semibold text-primary-500 mb-2">Features</div>
        <div class="grid grid-cols-1 gap-2 pl-2 text-sm text-secondary/80 dark:text-accent/80">
          <a href="https://zendeet.live/features/omnichannel-inbox" class="py-1 hover:text-primary-500">Omnichannel Inbox</a>
          <a href="https://zendeet.live/features/ai-chatbot" class="py-1 hover:text-primary-500">Website AI Chatbot</a>
          <a href="https://zendeet.live/features/ai-voice-agent" class="py-1 hover:text-primary-500">AI Voice Agents</a>
          <a href="https://zendeet.live/features/lead-finder" class="py-1 hover:text-primary-500">Google Places Finder</a>
          <a href="https://zendeet.live/features/lead-enrichment" class="py-1 hover:text-primary-500">Contact Discovery</a>
          <a href="https://zendeet.live/features/sales-pipeline" class="py-1 hover:text-primary-500">Sales Deals Kanban</a>
          <a href="https://zendeet.live/features/workflow-automation" class="py-1 hover:text-primary-500">Visual Workflows</a>
        
        </div>
      </div>

      <a href="https://zendeet.live/integrations" class="font-medium text-secondary dark:text-accent py-2 border-b border-stroke-1 dark:border-stroke-8">Integrations</a>
      <a href="https://zendeet.live/pricing" class="font-medium text-secondary dark:text-accent py-2 border-b border-stroke-1 dark:border-stroke-8">Pricing</a>

      <div class="py-2 border-b border-stroke-1 dark:border-stroke-8">
        <div class="font-semibold text-primary-500 mb-2">Resources</div>
        <div class="grid grid-cols-1 gap-2 pl-2 text-sm text-secondary/80 dark:text-accent/80">
          <a href="https://zendeet.live/blog" class="py-1 hover:text-primary-500">Blog & Articles</a>
          <a href="https://zendeet.live/comparison" class="py-1 hover:text-primary-500">Zendeet vs Competitors</a>
          <a href="https://zendeet.live/why-us" class="py-1 hover:text-primary-500">Why Choose Us</a>
          <a href="https://zendeet.live/faq" class="py-1 hover:text-primary-500">Help & FAQ</a>
        </div>
      </div>

      <div class="pt-3 flex flex-col gap-2">
                  <a href="https://zendeet.live/login" class="btn btn-sm btn-white w-full text-center py-2.5"><span>Sign In</span></a>
          <a href="https://zendeet.live/register" class="btn btn-sm btn-primary w-full text-center py-2.5 text-white"><span>Get Started Free</span></a>
              </div>
    </div>
  </div>
</header>

  <!-- Main Page Content -->
  <main class="min-h-screen">
      </main>

  <!-- Site Footer -->
  <!-- Master Footer -->
<footer class="dark:bg-background-8 relative overflow-hidden bg-white border-t border-stroke-1 dark:border-stroke-7 pt-16 pb-12">
  <div class="main-container">
    <div class="grid grid-cols-12 justify-between gap-x-0 gap-y-12 lg:gap-x-8 xl:gap-x-12">
      <!-- Col 1: Brand Info -->
      <div class="col-span-12 lg:col-span-4 space-y-5">
        <a href="https://zendeet.live" class="inline-block">
          <img src="https://zendeet.live/lead-capture-assets/images/logo/logo.png" alt="Zendeet" class="h-9 w-auto object-contain" />
        </a>
        <p class="text-secondary/70 dark:text-accent/70 text-sm leading-relaxed max-w-[320px]">
          Zendeet is the unified autonomous AI CRM & revenue acceleration platform that captures, enriches, qualifies, and converts leads across voice, chat, and email.
        </p>
        <div class="flex items-center gap-4 pt-2">
          <a href="https://twitter.com" target="_blank" rel="noopener" class="size-9 rounded-full bg-background-3 dark:bg-background-9 text-secondary dark:text-accent flex items-center justify-center hover:bg-primary-500 hover:text-white transition-colors"><i class="ns-shape-56 text-sm"></i></a>
          <a href="https://linkedin.com" target="_blank" rel="noopener" class="size-9 rounded-full bg-background-3 dark:bg-background-9 text-secondary dark:text-accent flex items-center justify-center hover:bg-primary-500 hover:text-white transition-colors"><i class="ns-shape-45 text-sm"></i></a>
          <a href="https://facebook.com" target="_blank" rel="noopener" class="size-9 rounded-full bg-background-3 dark:bg-background-9 text-secondary dark:text-accent flex items-center justify-center hover:bg-primary-500 hover:text-white transition-colors"><i class="ns-shape-35 text-sm"></i></a>
          <a href="https://github.com" target="_blank" rel="noopener" class="size-9 rounded-full bg-background-3 dark:bg-background-9 text-secondary dark:text-accent flex items-center justify-center hover:bg-primary-500 hover:text-white transition-colors"><i class="ns-shape-28 text-sm"></i></a>
        </div>
      </div>

      <!-- Col 2: Features -->
      <div class="col-span-6 md:col-span-3 lg:col-span-2">
        <div class="text-sm font-semibold uppercase tracking-wider text-secondary dark:text-accent mb-4">Platform Features</div>
        <ul class="space-y-2.5 text-sm">
          <li><a href="https://zendeet.live/features/omnichannel-inbox" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Omnichannel Inbox</a></li>
          <li><a href="https://zendeet.live/features/ai-chatbot" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Website AI Chatbot</a></li>
          <li><a href="https://zendeet.live/features/ai-voice-agent" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">AI Voice Agents</a></li>
          <li><a href="https://zendeet.live/features/lead-finder" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Google Places Finder</a></li>
          <li><a href="https://zendeet.live/features/lead-enrichment" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Contact Discovery</a></li>
          <li><a href="https://zendeet.live/features/sales-pipeline" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Sales Deals Kanban</a></li>
          <li><a href="https://zendeet.live/features/workflow-automation" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Visual Workflows</a></li>
         
        </ul>
      </div>

      <!-- Col 3: Resources -->
      <div class="col-span-6 md:col-span-3 lg:col-span-3">
        <div class="text-sm font-semibold uppercase tracking-wider text-secondary dark:text-accent mb-4">Solutions & Resources</div>
        <ul class="space-y-2.5 text-sm">
          <li><a href="https://zendeet.live/pricing" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Pricing & Plans</a></li>
          <li><a href="https://zendeet.live/integrations" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Integrations Marketplace</a></li>
          <li><a href="https://zendeet.live/comparison" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Zendeet vs Competitors</a></li>
          <li><a href="https://zendeet.live/why-us" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Why Choose Us</a></li>
          <li><a href="https://zendeet.live/blog" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Public Blog & Guides</a></li>
          <li><a href="https://zendeet.live/faq" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Help Center & FAQ</a></li>
        </ul>
      </div>

      <!-- Col 4: Company & Legal -->
      <div class="col-span-6 md:col-span-3 lg:col-span-3">
        <div class="text-sm font-semibold uppercase tracking-wider text-secondary dark:text-accent mb-4">Company & Legal</div>
        <ul class="space-y-2.5 text-sm">
          <li><a href="https://zendeet.live/about" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">About Us</a></li>
          <li><a href="https://zendeet.live/contact" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Contact Support</a></li>
          <li><a href="https://zendeet.live/terms" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Terms of Service</a></li>
          <li><a href="https://zendeet.live/privacy" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Privacy Policy</a></li>
          <li><a href="https://zendeet.live/refund-policy" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Refund Policy</a></li>
          <li><a href="https://zendeet.live/cookie-policy" class="text-secondary/70 hover:text-primary-500 dark:text-accent/70 dark:hover:text-primary-500 transition-colors">Cookie Policy</a></li>
        </ul>
      </div>
    </div>

    <!-- Bottom Copyright -->
    <div class="mt-12 pt-6 border-t border-stroke-1 dark:border-stroke-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-secondary/60 dark:text-accent/60">
      <div>&copy; 2026 Zendeet Technologies Inc. All rights reserved.</div>
      <div class="flex items-center gap-6">
        <a href="https://zendeet.live/terms" class="hover:underline">Terms</a>
        <a href="https://zendeet.live/privacy" class="hover:underline">Privacy</a>
        <a href="https://zendeet.live/cookie-policy" class="hover:underline">Cookies</a>
      </div>
    </div>
  </div>
</footer>

  <!-- Theme and Interactivity Script -->
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      // Theme toggle
      const themeToggleBtn = document.getElementById('theme-toggle-btn');
      if (themeToggleBtn) {
        themeToggleBtn.addEventListener('click', () => {
          if (document.documentElement.classList.contains('dark')) {
            document.documentElement.classList.remove('dark');
            localStorage.setItem('color-theme', 'light');
          } else {
            document.documentElement.classList.add('dark');
            localStorage.setItem('color-theme', 'dark');
          }
        });
      }

      // Mobile Menu Drawer Toggle
      const mobileToggle = document.getElementById('mobile-menu-toggle');
      const mobileDrawer = document.getElementById('mobile-menu-drawer');
      if (mobileToggle && mobileDrawer) {
        mobileToggle.addEventListener('click', () => {
          mobileDrawer.classList.toggle('hidden');
        });
      }

      // Header Scroll Shrink
      const header = document.getElementById('site-header');
      if (header) {
        window.addEventListener('scroll', () => {
          if (window.scrollY > 80) {
            header.classList.add('!top-2');
          } else {
            header.classList.remove('!top-2');
          }
        });
      }
    });
  </script>
  
  <!-- Zendeet Multimodal AI Voice & Live Chat Widget -->
  
  <script src="https://zendeet.live/widget.js" data-workspace-id="1" data-name="Zendeet AI" data-color="#ff751f" data-theme="light" defer></script>
  
  </body>
</html>