https://www.synovea.com/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Synovea - Scale Your Outbound</title>
7    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
8    

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

8
9    <link rel="preconnect" href="https://fonts.googleapis.com">
10    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
12    <link rel="preconnect" href="https://www.loom.com">
13    <link rel="dns-prefetch" href="https://cdn.loom.com">
14    

14<script>
15      tailwind.config = {
16        theme: {
17          extend: {
18            fontFamily: {
19              sans: ['Inter', 'sans-serif'],
20            },
21            colors: {
22              brand: {
23                50: '#f5f3ff',
24                100: '#ede9fe',
25                200: '#ddd6fe',
26                300: '#c4b5fd',
27                400: '#a78bfa',
28                500: '#8b5cf6',
29                600: '#7c3aed',
30                700: '#6d28d9',
31                800: '#5b21b6',
32                900: '#4c1d95',
33                950: '#2e1065',
34              }
35            },
36            animation: {
37              'blob': 'blob 7s infinite',
38            },
39            keyframes: {
40              blob: {
41                '0%': { transform: 'translate(0px, 0px) scale(1)' },
42                '33%': { transform: 'translate(30px, -50px) scale(1.1)' },
43                '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
44                '100%': { transform: 'translate(0px, 0px) scale(1)' },
45              }
46            }
47          }
48        }
49      }
50    </script>

50
51    <style>
52      /* VSL player: lift captions above the control bar + readable styling */
53      .vsl-player video::cue {
54        background: rgba(0, 0, 0, 0.72);
55        color: #fff;
56        font-size: 0.95em;
57        line-height: 1.35;
58      }
59      .vsl-player video::-webkit-media-text-track-container {
60        transform: translateY(-38px);
61      }
62      .vsl-player:fullscreen video::-webkit-media-text-track-container {
63        transform: translateY(-52px);
64      }
65
66      /* Custom Scrollbar for Vercel-like feel */
67      ::-webkit-scrollbar {
68        width: 8px;
69      }
70      ::-webkit-scrollbar-track {
71        background: #f1f1f1;
72      }
73      ::-webkit-scrollbar-thumb {
74        background: #c4b5fd;
75        border-radius: 4px;
76      }
77      ::-webkit-scrollbar-thumb:hover {
78        background: #8b5cf6;
79      }
80      body {
81        -webkit-font-smoothing: antialiased;
82        -moz-osx-font-smoothing: grayscale;
83      }
84    </style>
85
86<link rel="stylesheet" href="/index.css">
87    

87<script id="vtag-ai-js" async src="https://r2.leadsy.ai/tag.js" data-pid="nZJWabZydk0nVZaX" data-version="062024"></script>

87
88  

88<script type="importmap">
89{
90  "imports": {
91    "lucide-react": "https://esm.sh/lucide-react@^0.563.0",
92    "react/": "https://esm.sh/react@^19.2.4/",
93    "react": "https://esm.sh/react@^19.2.4",
94    "framer-motion": "https://esm.sh/framer-motion@^12.30.0",
95    "react-dom/": "https://esm.sh/react-dom@^19.2.4/"
96  }
97}
98</script>

98
99  

99<script type="module" crossorigin src="/assets/index-D0d1Si0X.js"></script>

99
100</head>
101  <body class="bg-white text-slate-900 selection:bg-brand-200 selection:text-brand-900">
102    <div id="root"></div>
103  </body>
104</html>