https://www.promobuilder.ai/

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>PROMOBUILDER AI</title>
7    

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

7
8    <link rel="preconnect" href="https://fonts.googleapis.com">
9    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
11    <link rel="icon" type="image/png" href="https://www.dropbox.com/scl/fi/bsaq0kxmfyhv0bj2ts3if/promobuilder-favicon.png?rlkey=wugzrn8fg3jqkxgj03lla43r2&st=t3d7ozjw&raw=1" />
12    <link rel="preload" as="image" href="https://www.dropbox.com/scl/fi/bsaq0kxmfyhv0bj2ts3if/promobuilder-favicon.png?rlkey=wugzrn8fg3jqkxgj03lla43r2&st=t3d7ozjw&raw=1" />
13    <link rel="preload" as="image" href="https://www.dropbox.com/scl/fi/6uqnz3lblzg3f0o76yvow/promo-opel.png?rlkey=29uskqvuxbn2oe2kaxwf868sp&st=az42el3d&raw=1" fetchpriority="high" />
14    <link rel="preload" as="video" href="https://www.dropbox.com/scl/fi/ilvsfu4fqf1yq984hsdri/Secuencia-02.webm?rlkey=f6ftnwf11j8dp61x4tyw0a6gs&st=q8dic1kg&raw=1" />
15    <style>
16        :root {
17            --bg-primary: #1a1e2e;
18            --bg-secondary: #2D375A;
19            --accent-orange: #FF7E5F;
20            --accent-pink: #FF3D68;
21        }
22        body {
23            font-family: 'Montserrat', sans-serif;
24            background-color: var(--bg-primary);
25            color: white;
26            margin: 0;
27            padding: 0;
28            overflow-x: hidden;
29        }
30        .gradient-text {
31            background: linear-gradient(90deg, #FF7E5F, #FEB47B, #FF3D68);
32            -webkit-background-clip: text;
33            -webkit-text-fill-color: transparent;
34        }
35        .btn-gradient {
36            background: linear-gradient(90deg, #FF7E5F, #FF3D68);
37        }
38        .glass-card {
39            background: rgba(255, 255, 255, 0.03);
40            backdrop-filter: blur(12px);
41            border: 1px solid rgba(255, 255, 255, 0.08);
42        }
43        .glass-card-pro {
44            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
45            backdrop-filter: blur(20px);
46            border: 1px solid rgba(255, 255, 255, 0.15);
47        }
48        .custom-shadow {
49            box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5);
50        }
51        ::-webkit-scrollbar {

52            width: 8px;
53        }
54        ::-webkit-scrollbar-track {
55            background: #1a1e2e;
56        }
57        ::-webkit-scrollbar-thumb {
58            background: #2D375A;
59            border-radius: 10px;
60        }
61        ::-webkit-scrollbar-thumb:hover {
62            background: #FF7E5F;
63        }
64        @keyframes marquee {
65            0% { transform: translateX(0); }
66            100% { transform: translateX(-50%); }
67        }
68        @keyframes float {
69            0%, 100% { transform: translateY(0); }
70            50% { transform: translateY(-10px); }
71        }
72
73        html, body {
74            /* Custom Promobuilder Pill Cursor (#FF7E5F) */
75            cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxMCIgeT0iMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjI4IiByeD0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE2IDE2KSIgZmlsbD0iI0ZGN0U1RiIvPjwvc3ZnPg==') 8 8, auto !important;
76        }
77
78        a, button, [role="button"], .cursor-pointer {
79            /* Custom Promobuilder Plus Cursor (#FF7E5F) */
80            cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxMCIgeT0iMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjI4IiByeD0iNiIgZmlsbD0iI0ZGN0U1RiIvPjxyZWN0IHg9IjIiIHk9IjEwIiB3aWR0aD0iMjgiIGhlaWdodD0iMTIiIHJ4PSI2IiBmaWxsPSIjRkY3RTVGIi8+PC9zdmc+') 16 16, pointer !important;
81        }
82    </style>
83
84<link rel="stylesheet" href="/index.css">
85<!-- Google tag (gtag.js) -->

85
86<script async src="https://www.googletagmanager.com/gtag/js?id=

86G-GCQYH7JQNJ

86"></script>

87<script>
88  window.dataLayer = window.dataLayer || [];
89  function gtag(){window.dataLayer.push(arguments);}
90  window.gtag = gtag;
91  gtag('js', new Date());
92
93  gtag('config', 'G-GCQYH7JQNJ');
94</script>

94

95<script type="importmap">
96{
97  "imports": {
98    "@google/genai": "https://esm.sh/@google/genai@^1.41.0",
99    "react/": "https://esm.sh/react@^19.2.4/",
100    "react": "https://esm.sh/react@^19.2.4",
101    "react-dom/": "https://esm.sh/react-dom@^19.2.4/",
102    "lucide-react": "https://esm.sh/lucide-react@^0.574.0"
103  }
104}
105</script>

105
106  

106<script type="module" crossorigin src="/assets/index-Dds56M0t.js"></script>

106

107<script>
108if ('serviceWorker' in navigator) {
109  window.addEventListener('load' , () => {
110    navigator.serviceWorker.register('./_service-worker.js')
111      .then(registration => {
112        console.log('Service Worker registered successfully with scope:', registration.scope);
113      })
114      .catch(error => {
115        console.error('Service Worker registration failed:', error);
116      });
117  });
118} else {
119  console.log('Service workers are not supported in this browser.');
120}
121</script>

121<script src="/_websocket-interceptor.js?v=1" defer></script>

121</head>
122<body>
123    <div id="root"></div>
124</body>
125</html>