bot-processing/index.html at main · Ridd0/bot-processing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="module" crossorigin="" src="./assets/app-DXlcw0MC.js"></script>
  <link rel="stylesheet" crossorigin="" href="./assets/app-CBQkrHj6.css">
</head>

<body>
  <div id="root" data-server-rendered="true"><div style="background:white;width:100%;margin-top:-50px"><div class="min-h-screentest bg-white py-8" style="overflow:hidden"><style>
        body {
          overflow: hidden;
        }

        @media (max-width: 1300px) {
          .dashboard-container {
            margin: 0 auto;
            transform-origin: top center;
            width: 100%;
          }
        }

        @media (max-width: 1000px) {
          .dashboard-container {
            width: 100%;
          }

          .icon-holder {
            padding: 0;
          }
          .icon-holder .rounded-lg  {
            display: none;
          }
        }

        @media (max-width: 500px) {
          .dashboard-container {
            transform: scale(0.8);
            width: calc(100% / 0.8);
            margin-left: calc(-10% / 0.8) !important;
          }

          .grid {
            gap: 0.25rem !important;
          }

          .col-span-3 {
            grid-column: span 4 !important;
          }

          .col-span-6 {
            grid-column: span 4 !important;
          }

          .grid-cols-4 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          }
        }

        .dashboard-container {
          max-width: 1000px;
          margin: 0 auto;
        }
      </style><div class="dashboard-container"><div class="relative h-[500px]"><div class="absolute inset-0" style="z-index:1"><svg class="absolute inset-0 w-full h-full pointer-events-none" viewBox="0 0 1152 500" preserveAspectRatio="none"><defs><linearGradient id="gradient-active" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#3B82F6" stop-opacity="0.8"></stop><stop offset="50%" stop-color="#3B82F6" stop-opacity="1"></stop><stop offset="100%" stop-color="#3B82F6" stop-opacity="0.8"></stop></linearGradient><linearGradient id="gradient-inactive" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#9CA3AF" stop-opacity="0.6"></stop><stop offset="50%" stop-color="#9CA3AF" stop-opacity="0.8"></stop><stop offset="100%" stop-color="#9CA3AF" stop-opacity="0.6"></stop></linearGradient><linearGradient id="gradient-human" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#FA563B" stop-opacity="0.8"></stop><stop offset="50%" stop-color="#FA563B" stop-opacity="1"></stop><stop offset="100%" stop-color="#FA563B" stop-opacity="0.8"></stop></linearGradient><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"></feGaussianBlur><feMerge><feMergeNode in="coloredBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><path d="M 572 120 L 572 250" fill="none" stroke="url(#gradient-human)" stroke-width="2" filter="url(#glow)" class="transition-all duration-500"></path><path d="M 580 250 L 580 120" fill="none" stroke="url(#gradient-active)" stroke-width="2" filter="url(#glow)" class="transition-all duration-500"></path><path d="M 288 200 C 388 200, 514 300, 576 300" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 200, 864 200" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 288 325 C 388 325, 514 300, 576 300" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 325, 864 325" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 288 420 C 388 420, 514 300, 576 300" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 420, 864 420" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 200, 864 200" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 325, 864 325" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><path d="M 576 300 C 638 300, 764 420, 864 420" fill="none" stroke="url(#gradient-inactive)" stroke-width="1.5" filter="none" class="transition-all duration-500"></path><circle r="3" fill="#FA563B" style="opacity:0;transition:opacity 0.5s ease"><animateMotion dur="2s" repeatCount="indefinite" path="M 572 120 L 572 250" calcMode="linear"></animateMotion></circle><circle r="3" fill="#FA563B" style="opacity:0;transition:opacity 0.5s ease"><animateMotion dur="2s" repeatCount="indefinite" path="M 572 120 L 572 250" begin="-0.7s" calcMode="linear"></animateMotion></circle><circle r="3" fill="#3B82F6" style="opacity:0;transition:opacity 0.5s ease"><animateMotion dur="2s" repeatCount="indefinite" path="M 580 250 L 580 120" calcMode="linear"></animateMotion></circle><circle r="3" fill="#3B82F6" style="opacity:0;transition:opacity 0.5s ease"><animateMotion dur="2s" repeatCount="indefinite" path="M 580 250 L 580 120" begin="-0.7s" calcMode="linear"></animateMotion></circle><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 200 C 388 200, 514 300, 576 300" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 200 C 388 200, 514 300, 576 300" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 200 C 388 200, 514 300, 576 300" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 325 C 388 325, 514 300, 576 300" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 325 C 388 325, 514 300, 576 300" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 325 C 388 325, 514 300, 576 300" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 420 C 388 420, 514 300, 576 300" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 420 C 388 420, 514 300, 576 300" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 288 420 C 388 420, 514 300, 576 300" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 200, 864 200" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 325, 864 325" begin="-2s" calcMode="linear"></animateMotion></circle></g><g><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" begin="-1s" calcMode="linear"></animateMotion></circle><circle r="4" fill="#3B82F6" style="opacity:0"><animateMotion dur="3s" repeatCount="indefinite" path="M 576 300 C 638 300, 764 420, 864 420" begin="-2s" calcMode="linear"></animateMotion></circle></g></svg></div><div class="absolute text-center" style="z-index:3;left:50%;top:40px;transform:translateX(-50%);max-width:192px"><p class="text-gray-800 text-xs font-medium">Getting Real-Time</p><p class="text-blue-600 text-xs font-medium">AI Suggestions</p></div><div class="absolute" style="z-index:3;left:calc(50% - 32px);top:80px;width:64px;height:64px"><img src="./image.webp" alt="User" class="w-16 h-16 rounded-full object-cover border-2 shadow-lg" style="border-color:#FA563B;box-shadow:0 10px 15px -3px rgba(250, 86, 59, 0.2), 0 4px 6px -2px rgba(250, 86, 59, 0.1)"></div><div class="grid grid-cols-12 gap-8 items-start relative h-full pt-20" style="z-index:2"><div class="col-span-3 space-y-6 pt-8"><h2 class="text-lg font-semibold text-gray-800 mb-4 text-center">&nbsp;</h2><div class="
                    relative bg-white/80 backdrop-blur-sm icon-holder rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h3 class="text-gray-800 font-medium text-sm">Zoom</h3><p class="text-gray-500 text-xs">Standby</p></div></div></div><div class="
                    relative bg-white/80 backdrop-blur-sm icon-holder rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h3 class="text-gray-800 font-medium text-sm">Google Meet</h3><p class="text-gray-500 text-xs">Standby</p></div></div></div><div class="
                    relative bg-white/80 backdrop-blur-sm icon-holder rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-pink-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h3 class="text-gray-800 font-medium text-sm">Teams</h3><p class="text-gray-500 text-xs">Standby</p></div></div></div></div><div class="col-span-6 flex justify-center items-center h-full"><div class="relative"><div class="
                  bg-white/90 backdrop-blur-sm rounded-full p-6 border-2 border-blue-500 shadow-lg transition-all duration-300
                  shadow-xl shadow-blue-500/30 animate-pulse-glow
                "><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot text-blue-500 mx-auto"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><div class="absolute top-full mt-4 left-1/2 transform -translate-x-1/2 text-center space-y-2 whitespace-nowrap"><h4 class="text-gray-800 text-sm font-semibold">Your Bot in Real Time</h4><div class="flex items-center justify-center space-x-2"><div class="w-2 h-2 rounded-full transition-colors duration-300 bg-green-500 animate-pulse"></div><span class="text-gray-700 text-xs font-medium">Generating...</span></div></div></div></div><div class="col-span-3 space-y-6 pt-8"><h2 class="text-lg font-semibold text-gray-800 mb-4 text-center">&nbsp;</h2><div class="
                    relative bg-white/80 icon-holder backdrop-blur-sm rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-check-big"><path d="M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.5"></path><path d="m9 11 3 3L22 4"></path></svg></div><div><h3 class="text-gray-800 font-medium text-sm">Jira Tasks</h3><p class="text-gray-500 text-xs">Ready</p></div></div></div><div class="
                    relative bg-white/80 icon-holder backdrop-blur-sm rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><h3 class="text-gray-800 font-medium text-sm">Summarize</h3><p class="text-gray-500 text-xs">Ready</p></div></div></div><div class="
                    relative bg-white/80 icon-holder backdrop-blur-sm rounded-lg p-4 border border-gray-300 shadow-sm transition-all duration-300 h-20

                  "><div class="flex items-center space-x-3 h-full"><div class="p-2 rounded-lg bg-gray-100 text-yellow-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg></div><div><h3 class="text-gray-800 font-medium text-sm">External Follow-ups</h3><p class="text-gray-500 text-xs">Ready</p></div></div></div></div></div></div><div class=" grid grid-cols-4 gap-4"><div class="bg-white/80 backdrop-blur-sm rounded-lg p-3 border border-gray-300 shadow-sm"><div class="flex items-center justify-between"><div><p class="text-gray-500 text-xs">HR Platforms</p><p class="text-xs font-bold text-gray-800">Recruitment Companion</p></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign text-electric-blue"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div></div><div class="bg-white/80 backdrop-blur-sm rounded-lg p-3 border border-gray-300 shadow-sm"><div class="flex items-center justify-between"><div><p class="text-gray-500 text-xs">Fintech</p><p class="text-xs font-bold text-gray-800">Compliance Logger</p></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left text-electric-blue"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></div></div><div class="bg-white/80 backdrop-blur-sm rounded-lg p-3 border border-gray-300 shadow-sm"><div class="flex items-center justify-between"><div><p class="text-gray-500 text-xs">Sales</p><p class="text-xs font-bold text-gray-800">CRM Auto-Updater</p></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-electric-blue"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div></div><div class="bg-white/80 backdrop-blur-sm rounded-lg p-3 border border-gray-300 shadow-sm"><div class="flex items-center justify-between"><div><p class="text-gray-500 text-xs">Dev Tools</p><p class="text-xs font-bold text-gray-800">Refinement Meeting Assistant</p></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot text-electric-blue"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div></div></div></div></div></div></div>
<script>window.__VITE_REACT_SSG_HASH__ = 'da6xu23did'</script>


</body></html>