https://www.conversapp.com.br/

1
2<!DOCTYPE html>
3<html lang="pt-BR" class="dark">
4<head>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <title>ConversApp CRM - Atendimento e IA para seu Escritório</title>
8    <meta name="description" content="A IA que Qualifica Clientes e Fecha Contratos no WhatsApp para Advogados." />
9    <link rel="icon" href="https://i.imgur.com/T4vVJwt.png" type="image/png">
10    
11    <!-- Performance Optimizations -->
12    <link rel="dns-prefetch" href="https://i.imgur.com">
13    <link rel="dns-prefetch" href="https://images.unsplash.com">
14    <link rel="dns-prefetch" href="https://cdn.tailwindcss.com">
15    <link rel="preconnect" href="https://fonts.googleapis.com">
16    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17    
18    <!-- Google Fonts (Optimized) -->
19    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
20
21    <!-- Tailwind CSS -->
22    

22<script src="https://cdn.tailwindcss.com"></script>

22
23    

23<script>
24      tailwind.config = {
25        darkMode: 'class',
26        theme: {
27          extend: {
28            colors: {
29              background: '#050505',
30              surface: '#0A0A0A',
31              surfaceHighlight: '#111111',
32              neon: {
33                DEFAULT: '#25D366',
34                dim: 'rgba(37, 211, 102, 0.1)',
35                glow: 'rgba(37, 211, 102, 0.5)',
36              },
37              border: 'rgba(255, 255, 255, 0.1)',
38            },
39            fontFamily: {
40              sans: ['Inter', 'sans-serif'],
41              mono: ['JetBrains Mono', 'monospace'],
42            },
43            animation: {
44              'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
45              'float': 'float 6s ease-in-out infinite',
46              'slide-up-fade': 'slideUpFade 0.5s cubic-bezier(0.16, 1, 0.3, 1)',
47            },
48            keyframes: {
49              float: {
50                '0%, 100%': { transform: 'translateY(0)' },
51                '50%': { transform: 'translateY(-20px)' },
52              },
53              slideUpFade: {
54                '0%': { transform: 'translateY(20px)', opacity: '0' },
55                '100%': { transform: 'translateY(0)', opacity: '1' },
56              }
57            },
58            backgroundImage: {
59              'grid-pattern': "linear-gradient(to right, #1a1a1a 1px, transparent 1px), linear-gradient(to bottom, #1a1a1a 1px, transparent 1px)",
60            }
61          }
62        }
63      }
64    </script>

64
65
66    <style>
67      html { scroll-behavior: smooth; }
68      body { background-color: #050505; color: #ffffff; overflow-x: hidden; }
69      
70      /* Custom Scrollbar */
71      ::-webkit-scrollbar { width: 8px; }
72      ::-webkit-scrollbar-track { background: #050505; }
73      ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
74      ::-webkit-scrollbar-thumb:hover { background: #25D366; }
75      
76      .glass {
77        background: rgba(10, 10, 10, 0.7);
78        backdrop-filter: blur(12px);
79        -webkit-backdrop-filter: blur(12px);
80        border: 1px solid rgba(255, 255, 255, 0.08);
81      }
82
83      .hide-scrollbar::-webkit-scrollbar { display: none; }
84      .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
85
86      /* Orbital Timeline Animations */
87      @keyframes ping {
88        75%, 100% {
89          transform: scale(2);
90          opacity: 0;
91        }
92      }
93
94      .animate-ping {
95        animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
96      }
97
98      .backdrop-blur-lg {
99        backdrop-filter: blur(16px);
100      }
101    </style>
102

103<script type="importmap">
104{
105  "imports": {
106    "react": "https://aistudiocdn.com/react@^19.2.0",
107    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
108    "react/": "https://aistudiocdn.com/react@^19.2.0/",
109    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
110    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.554.0",
111    "recharts": "https://aistudiocdn.com/recharts@^3.4.1",
112    "clsx": "https://aistudiocdn.com/clsx@^2.1.0",
113    "tailwind-merge": "https://aistudiocdn.com/tailwind-merge@^2.2.1",
114    "class-variance-authority": "https://aistudiocdn.com/class-variance-authority@^0.7.0",
115    "@radix-ui/react-slot": "https://aistudiocdn.com/@radix-ui/react-slot@^1.0.2",
116    "vite": "https://aistudiocdn.com/vite@^7.2.4",
117    "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1",
118    "path": "https://aistudiocdn.com/path@^0.12.7"
119  }
120}
121</script>

121
122  

122<script type="module" crossorigin src="/assets/index-D-hs2-yO.js"></script>

122
123</head>
124<body class="antialiased selection:bg-neon selection:text-black">
125    <div id="root"></div>

126<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5e48e50430b3479299ddf8f6b59c078e","r":1,"spa":2}' crossorigin="anonymous"></script>

126
127</body>
128</html>