PageSourceSearch

https://code24.ro/contact

html code24.ro collected 2026-09-24 15:10:32 UTC 140,746 bytes, 1,831 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ro" class="scroll-smooth">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="csrf-token" content="SHCc3lrFhSUbuBcThHZbgkayRks0jwdHg7sFW5G8">
7    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
8    <meta name="theme-color" content="#356DF1">
9
10    <title>Contact - Code24.ro | Implementează AI în Afacerea Ta</title>
11    <meta name="description" content="Contactează echipa Code24 pentru consultanță AI, integrare marketing automation și soluții AI personalizate pentru business-ul tău.">
12    <meta name="author" content="George Olah">
13    <meta name="keywords" content="cursuri ai romania, training chatgpt, george olah, ai pentru business, automatizare business, ai on fire, code24, curs ai online, chatgpt romania, ai pentru antreprenori, inteligenta artificiala romania, training corporativ ai, asistenti ai, consultanta ai, implementare ai, marketing automation, cursuri chatgpt, ai power team, mentorat ai">
14
15    
16    <meta name="geo.region" content="RO" />
17    <meta name="geo.placename" content="România" />
18    <meta name="geo.position" content="45.9432;24.9668" />
19    <meta name="ICBM" content="45.9432, 24.9668" />
20    <meta name="language" content="ro" />
21
22    
23    <meta property="og:title" content="George Olah - Cursuri AI pentru Business | Code24 România">
24    <meta property="og:description" content="Învață AI practic cu George Olah, 25 ani în tech și fondator a 3 SaaS-uri cu AI agentic. Cursuri, training corporativ și asistenți AI pentru business-ul tău.">
25    <meta property="og:image" content="https://code24.ro/images/george-olah-ai-trainer.webp">
26    <meta property="og:url" content="https://code24.ro/contact">
27    <meta property="og:type" content="website">
28    <meta property="og:site_name" content="Code24">
29    <meta property="og:locale" content="ro_RO">
30
31    
32    <meta name="twitter:card" content="summary_large_image">
33    <meta name="twitter:title" content="George Olah - Cursuri AI pentru Business | Code24 România">
34    <meta name="twitter:description" content="Învață AI practic cu George Olah, 25 ani în tech și fondator a 3 SaaS-uri cu AI agentic. Cursuri, training corporativ și asistenți AI pentru business-ul tău.">
35    <meta name="twitter:image" content="https://code24.ro/images/george-olah-ai-trainer.webp">
36    <meta name="twitter:site" content="@code24ro">
37    <meta name="twitter:creator" content="@GeorgeOlah">
38
39    
40    <link rel="canonical" href="https://code24.ro/contact">
41
42    
43    <link rel="alternate" hreflang="ro" href="https://code24.ro/contact">
44    <link rel="alternate" hreflang="x-default" href="https://code24.ro">
45
46    
47    
48    
49    <link rel="preconnect" href="https://www.googletagmanager.com">
50    <link rel="preconnect" href="https://connect.facebook.net">
51    <link rel="dns-prefetch" href="https://analytics.tiktok.com">
52    <link rel="dns-prefetch" href="https://cdn.brevo.com">
53
54    
55    <link rel="preload" as="style" href="https://code24.ro/build/assets/app-DRPsKh_n.css" /><link rel="modulepreload" as="script" href="https://code24.ro/build/assets/app-Bj43h_rG.js" /><link rel="stylesheet" href="https://code24.ro/build/assets/app-DRPsKh_n.css" data-navigate-track="reload" />
55<script type="1f698beccb3af54349bd69a1-module" src="https://code24.ro/build/assets/app-Bj43h_rG.js" data-navigate-track="reload"></script>
55
56    <style>
57        [x-cloak] { display: none !important; }
58        body { font-family: 'Inter', sans-serif; }
59        .font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif; }
60
61        @keyframes blob {
62            0%, 100% { transform: translate(0, 0) scale(1); }
63            25% { transform: translate(20px, -30px) scale(1.1); }
64            50% { transform: translate(-20px, 20px) scale(1); }
65            75% { transform: translate(30px, 10px) scale(0.9); }
66        }
67
68        @keyframes float {
69            0%, 100% { transform: translateY(0px); }
70            50% { transform: translateY(-20px); }
71        }
72
73        .animate-blob { animation: blob 20s infinite; }
74        .animate-float { animation: float 6s ease-in-out infinite; }
75        .animation-delay-2000 { animation-delay: 2s; }
76        .animation-delay-4000 { animation-delay: 4s; }
77
78        .gradient-text {
79            background: linear-gradient(135deg, #356DF1 0%, #EE8134 100%);
80            -webkit-background-clip: text;
81            -webkit-text-fill-color: transparent;
82        }
83
84        .mobile-menu { display: none; }
85        .mobile-menu.active { display: block; }
86
87        /* Prose Styles for Blog Content */
88        .prose {
89            max-width: 65ch;
90            color: #374151;
91        }
92
93        .prose.max-w-none {
94            max-width: none;
95        }
96
97        /* Headings */
98        .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
99            font-weight: 700;
100            color: #1a1a1a;
101            margin-top: 3rem;
102            margin-bottom: 1.5rem;
103        }
104
105        .prose h2 {
106            font-size: 1.875rem;
107            margin-top: 4rem;
108            margin-bottom: 2rem;
109            padding-bottom: 1rem;
110            border-bottom: 2px solid #e5e7eb;
111        }
112
113        .prose h3 {
114            font-size: 1.5rem;
115            margin-top: 2.5rem;
116            margin-bottom: 1.5rem;
117        }
118
119        /* Paragraphs */
120        .prose p {
121            color: #374151;
122            line-height: 1.75;
123            margin-bottom: 1.5rem;
124        }
125
126        /* Links */
127        .prose a {
128            color: #356DF1;
129            text-decoration: none;
130            font-weight: 500;
131        }
132
133        .prose a:hover {
134            color: #EE8134;
135            text-decoration: underline;
136        }
137
138        /* Strong */
139        .prose strong {
140            font-weight: 700;
141            color: #1a1a1a;
142        }
143
144        /* Lists */
145        .prose ul, .prose ol {
146            margin: 2rem 0;
147            padding-left: 1.625em;
148        }
149
150        .prose ul {
151            list-style-type: disc;
152        }
153
154        .prose ol {
155            list-style-type: decimal;
156        }
157
158        .prose li {
159            color: #374151;
160            line-height: 1.75;
161            margin-top: 0.75rem;
162            margin-bottom: 0.75rem;
163        }
164
165        /* Blockquotes */
166        .prose blockquote {
167            border-left: 4px solid #356DF1;
168            background: #eff6ff;
169            padding: 1rem 1.5rem;
170            margin: 2rem 0;
171            border-radius: 0 0.75rem 0.75rem 0;
172            font-style: italic;
173        }
174
175        /* Code */
176        .prose code {
177            background: #f3f4f6;
178            padding: 0.125rem 0.5rem;
179            border-radius: 0.25rem;
180            font-size: 0.875rem;
181            font-family: 'Courier New', monospace;
182            color: #1f2937;
183        }
184
185        .prose pre {
186            background: #1f2937;
187            color: #f3f4f6;
188            padding: 1.5rem;
189            border-radius: 0.75rem;
190            overflow-x: auto;
191            margin: 2rem 0;
192        }
193
194        .prose pre code {
195            background: transparent;
196            padding: 0;
197            color: inherit;
198            font-size: 1rem;
199        }
200
201        /* Images */
202        .prose img {
203            border-radius: 0.75rem;
204            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
205            margin: 2.5rem 0;
206        }
207
208        /* Horizontal Rule */
209        .prose hr {
210            border: 0;
211            border-top: 1px solid #d1d5db;
212            margin: 3rem 0;
213        }
214
215        /* Prose XL variant */
216        .prose-xl {
217            font-size: 1.125rem;
218            line-height: 1.8;
219        }
220
221        .prose-xl p {
222            line-height: 1.8;
223        }
224
225        .prose-xl h2 {
226            font-size: 2.25rem;
227        }
228
229        .prose-xl h3 {
230            font-size: 1.875rem;
231        }
232
233        /* Line clamping */
234        .line-clamp-2 {
235            overflow: hidden;
236            display: -webkit-box;
237            -webkit-box-orient: vertical;
238            -webkit-line-clamp: 2;
239        }
240        .line-clamp-3 {
241            overflow: hidden;
242            display: -webkit-box;
243            -webkit-box-orient: vertical;
244            -webkit-line-clamp: 3;
245        }
246    </style>
247
248    <style>
249/* ============================================================
250   Code24 Web Design System, sursa canonica
251   Copiază acest bloc în <style>
251 (pagini standalone) sau în
252   @push('styles') (pagini care extind un layout).
253   Exemple canonice live: resources/views/homepage2.blade.php
254   și resources/views/mastermind.blade.php
255   ============================================================ */
256
257:root {
258    --c-ink: #0b1020;       /* text/buton primar (aproape negru) */
259    --c-blue: #356DF1;      /* albastru brand */
260    --c-orange: #EE8134;    /* portocaliu brand */
261    --c-bg: #f6f8fe;        /* fundal „canvas" (alb cald) */
262}
263
264.bg-canvas { background-color: var(--c-bg); }
265
266/* Accent de titlu: gradient portocaliu. Se pune DOAR pe fraza-cheie din titlu,
267   prin <span class="gradient-text">...</span>. NU pe tot titlul. */
268.gradient-text {
269    background: linear-gradient(135deg, #F8A23A 0%, #E1640E 100%);
270    -webkit-background-clip: text;
271    background-clip: text;
272    -webkit-text-fill-color: transparent;
273    color: transparent;
274}
275
276/* Atmosferă: blooms de gradient brand (adâncime). Pune <div class="mesh"></div>
277   ca prim copil al unei secțiuni `relative overflow-hidden`. opacity reglabil pe style. */
278.mesh { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
279.mesh::before, .mesh::after { content: ""; position: absolute; border-radius: 9999px; filter: blur(90px); }
280.mesh::before { width: 46rem; height: 46rem; top: -14rem; right: -8rem; background: radial-gradient(circle at center, rgba(53,109,241,.28), transparent 70%); }
281.mesh::after { width: 40rem; height: 40rem; bottom: -16rem; left: -10rem; background: radial-gradient(circle at center, rgba(238,129,52,.22), transparent 70%); }
282
283/* Grilă tehnică fină, mascată să se stingă. <div class="grid-overlay"></div> */
284.grid-overlay {
285    position: absolute; inset: 0; pointer-events: none;
286    background-image: linear-gradient(to right, rgba(11,16,32,.045) 1px, transparent 1px), linear-gradient(to bottom, rgba(11,16,32,.045) 1px, transparent 1px);
287    background-size: 58px 58px;
288    -webkit-mask-image: radial-gradient(ellipse 75% 55% at 50% 0%, #000 35%, transparent 100%);
289    mask-image: radial-gradient(ellipse 75% 55% at 50% 0%, #000 35%, transparent 100%);
290}
291
292/* Textură de zgomot subtilă. <div class="grain"></div> (mai ales pe secțiuni dark) */
293.grain {
294    position: absolute; inset: 0; pointer-events: none; opacity: .035; mix-blend-mode: multiply;
295    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
296}
297
298/* Etichetă editorială deasupra titlurilor. <span class="kicker">TEXT</span> (în wrapper text-center dacă vrei centrat) */
299.kicker { display: inline-flex; align-items: center; gap: .6rem; font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #64748b; }
300.kicker::before { content: ""; width: 1.75rem; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #F8A23A, #E1640E); }
301
302/* Card glass pentru FUNDAL DESCHIS (ex: chip-uri flotante pe hero light).
303   NU folosi .glass pe fundal inchis: pe dark foloseste bg-white/5 + backdrop-blur-sm. */
304.glass { background: rgba(255,255,255,.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.65); box-shadow: 0 22px 50px -22px rgba(11,16,32,.30); }
305
306/* Cardul standard al brandului + efect de hover (lift). */
307.card-soft { background: #fff; border: 1px solid rgba(15,23,42,.08); box-shadow: 0 1px 2px rgba(11,16,32,.04), 0 16px 40px -24px rgba(11,16,32,.25); }
308.card-lift { transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
309.card-lift:hover { transform: translateY(-5px); box-shadow: 0 1px 2px rgba(11,16,32,.04), 0 30px 60px -28px rgba(11,16,32,.38); }
310
311/* Glow albastru pentru imagini/elemente pe care vrei să le scoți în evidență. */
312.glow-blue { box-shadow: 0 40px 80px -30px rgba(53,109,241,.45); }
313
314/* Reveal la încărcare (staggered cu .reveal / .reveal-2). */
315@keyframes reveal-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
316.reveal { animation: reveal-up .8s cubic-bezier(.2,.7,.2,1) both; }
317.reveal-2 { animation: reveal-up .8s .15s cubic-bezier(.2,.7,.2,1) both; }
318@keyframes float-y { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
319.float-y { animation: float-y 6s ease-in-out infinite; }
320@media (prefers-reduced-motion: reduce) { .reveal, .reveal-2, .float-y { animation: none !important; } }
321</style>
322
323    
324    
324<script data-cfasync="false">
325    window.__deferUntilInteraction = window.__deferUntilInteraction || (function () {
326        var callbacks = [];
327        var fired = false;
328        var events = ['scroll', 'pointerdown', 'keydown', 'touchstart', 'mousemove'];
329        function fire() {
330            if (fired) { return; }
331            fired = true;
332            events.forEach(function (e) { window.removeEventListener(e, fire); });
333            callbacks.forEach(function (cb) { try { cb(); } catch (err) {} });
334            callbacks = [];
335        }
336        events.forEach(function (e) { window.addEventListener(e, fire, { passive: true }); });
337        window.addEventListener('load', function () { setTimeout(fire, 4000); });
338        return function (cb) { fired ? cb() : callbacks.push(cb); };
339    })();
340</script>
340
341
342    
342<script data-cfasync="false">
343    window.__deferUntilInteraction = window.__deferUntilInteraction || (function () {
344        var callbacks = [];
345        var fired = false;
346        var events = ['scroll', 'pointerdown', 'keydown', 'touchstart', 'mousemove'];
347        function fire() {
348            if (fired) { return; }
349            fired = true;
350            events.forEach(function (e) { window.removeEventListener(e, fire); });
351            callbacks.forEach(function (cb) { try { cb(); } catch (err) {} });
352            callbacks = [];
353        }
354        events.forEach(function (e) { window.addEventListener(e, fire, { passive: true }); });
355        window.addEventListener('load', function () { setTimeout(fire, 4000); });
356        return function (cb) { fired ? cb() : callbacks.push(cb); };
357    })();
358</script>
358
359<!-- Microsoft Clarity (deferred until first interaction) -->
360<script type="1f698beccb3af54349bd69a1-text/javascript">
361    window.__deferUntilInteraction(function () {
362        (function(c,l,a,r,i,t,y){
363            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
364            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
365            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
366        })(window, document, "clarity", "script", "vug8abcal4");
367    });
368</script>
368
369    
369<script data-cfasync="false">
370    window.__deferUntilInteraction = window.__deferUntilInteraction || (function () {
371        var callbacks = [];
372        var fired = false;
373        var events = ['scroll', 'pointerdown', 'keydown', 'touchstart', 'mousemove'];
374        function fire() {
375            if (fired) { return; }
376            fired = true;
377            events.forEach(function (e) { window.removeEventListener(e, fire); });
378            callbacks.forEach(function (cb) { try { cb(); } catch (err) {} });
379            callbacks = [];
380        }
381        events.forEach(function (e) { window.addEventListener(e, fire, { passive: true }); });
382        window.addEventListener('load', function () { setTimeout(fire, 4000); });
383        return function (cb) { fired ? cb() : callbacks.push(cb); };
384    })();
385</script>
385
386<!-- Selgora CRM Tracker -->
387<script data-cfasync="false">
388    (function () {
389        function loadTracker() {
390            if (window.__code24SqLoading || window.__sqLoaded) return;
391            window.__code24SqLoading = true;
392            var el = document.createElement('script');
393            el.async = true;
394            el.src = 'https://crm.selgora.com/tracker/v1/sq.min.js';
395            el.setAttribute('data-site', 'cbaed7df-11ef-4c23-9b4a-62411aca356d');
396            el.setAttribute('data-cfasync', 'false');
397            el.onload = function () { window.code24Webinar?.ready(); window.code24AiLaMunca?.ready(); };
398            document.head.appendChild(el);
399        }
400                    window.__deferUntilInteraction(loadTracker);
401            })();
402</script>
402
403</head>
404<body class="bg-white pt-10">
vendor: 86 bytes, lines 404-407
404
405    
406    <noscript>
407        <iframe src="https://www.googletagmanager.com/ns.html?id=
407GTM-T6LGK4DS
vendor: 114 bytes, lines 407-412
407"
408                height="0" width="0" style="display:none;visibility:hidden"></iframe>
409    </noscript>
410    
411
412    
412<a href="/cursuri/ai-la-munca/prezentare"
413   class="fixed top-0 left-0 right-0 z-[60] h-10 flex items-center justify-center gap-2 bg-gradient-to-r from-blue-600 to-orange-500 text-white text-xs sm:text-sm font-medium px-4 hover:opacity-95 transition-opacity">
414    <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke-width="2"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 8 6 4-6 4V8Z"/></svg>
415    <span class="truncate">Video gratuit: <span class="font-bold">De la ChatGPT la Agentic AI</span> - 29 min - Exemple reale - Vezi prezentarea</span>
416    <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
417</a>
418
419<!-- Header -->
420<header class="fixed top-10 left-0 right-0 bg-white/80 backdrop-blur-lg border-b border-gray-100 z-50">
421    <nav class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
422        <div class="flex items-center justify-between h-24 lg:h-28">
423            <a href="/">
424                <img src="/images/code24-png-300x157-3.png"
425                     alt="CODE24 - Cursuri AI pentru Business"
426                     width="300"
427                     height="157"
428                     class="h-12 lg:h-24 w-auto hover:opacity-90 transition-opacity"
429                     fetchpriority="high">
430            </a>
431
432            <div class="hidden lg:flex items-center gap-6">
433                                
434            <a href="/" class="text-gray-700 hover:text-blue-600 transition-colors font-medium text-sm">Home</a>
435                                        
436            <div class="relative h-24 lg:h-28 flex items-center group">
437                <button class="text-gray-700 group-hover:text-blue-600 transition-colors font-medium text-sm flex items-center gap-1">
438                    Produse
439                    <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
440                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
441                    </svg>
442                </button>
443
444                <div class="mega-panel fixed left-0 right-0 top-full bg-white shadow-2xl border-t border-gray-100 opacity-0 invisible -translate-y-1 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 transition-all duration-200 z-40"
445                     style="max-height: calc(100vh - 7rem); overflow-y: auto;">
446                    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
447                        <div class="flex gap-8">
448                            
449                            <div class="flex-1 grid grid-cols-2 gap-8">
450                                                                    <div>
451                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Cursuri</h3>
452                                                                                <ul class="space-y-1">
453                                                                                            <li>
454                                                    <a href="/mastermind" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
455                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
456                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
457                                                                <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"/>
458                                                                    </svg>
459                                                        </div>
460                                                        <div>
461                                                            <div class="flex items-center gap-2">
462                                                                <sp
462an class="font-semibold text-gray-900 text-sm">Mastermind AI</span>
463                                                                                                                                    <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gradient-to-r from-blue-600 to-orange-500 text-white uppercase tracking-wider">Flagship</span>
464                                                                                                                            </div>
465                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Program premium AI pentru antreprenori</div>
466                                                                                                                    </div>
467                                                    </a>
468                                                </li>
469                                                                                            <li>
470                                                    <a href="/cursuri/promptify" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
471                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
472                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
473                                                                <path d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z"/>
474                                                                    </svg>
475                                                        </div>
476                                                        <div>
477                                                            <div class="flex items-center gap-2">
478                                                                <span class="font-semibold text-gray-900 text-sm">Promptify – Curs ChatGPT</span>
479                                                                                                                            </div>
480                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Învață prompt engineering</div>
481                                                                                                                    </div>
482                                                    </a>
483                                                </li>
484                                                                                            <li>
485                                                    <a href="/cursuri/ai-la-munca" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
486                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
487                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
488                                                                <path fill-rule="evenodd" d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.06
4887c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z" clip-rule="evenodd"/>
489                                                                    </svg>
490                                                        </div>
491                                                        <div>
492                                                            <div class="flex items-center gap-2">
493                                                                <span class="font-semibold text-gray-900 text-sm">Agentic AI la muncă</span>
494                                                                                                                            </div>
495                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Program practic de implementare Agentic AI</div>
496                                                                                                                    </div>
497                                                    </a>
498                                                </li>
499                                                                                    </ul>
500                                    </div>
501                                                                    <div>
502                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Unelte AI</h3>
503                                                                                <ul class="space-y-1">
504                                                                                            <li>
505                                                    <a href="/ai-power-team" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
506                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
507                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
508                                                                <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"/>
509                                                                    </svg>
510                                                        </div>
511                                                        <div>
512                                                            <div class="flex items-center gap-2">
513                                                                <span class="font-semibold text-gray-900 text-sm">AI Power Team</span>
514                                                                                                                            </div>
515                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">40 de asistenți AI pentru business</div>
516                                                                                                                    </div>
517                                                    </a>
518                                                </li>
519                                                                                            <li>
520                                                    <a href="/oferta/pachet-premium-financiar-contabil" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
521                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
522                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
523                                                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.414-1.076-2.354-1.253V5z" clip-rule="evenodd"/>
524                                                                    </svg>
525                                                        </div>
526                                                        <div>
527                                                            <div class="flex items-center gap-2">
528                                                                <sp
528an class="font-semibold text-gray-900 text-sm">Pachetul Premium Financiar-Contabil</span>
529                                                                                                                            </div>
530                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">20 de unelte AI pentru contabilitate</div>
531                                                                                                                    </div>
532                                                    </a>
533                                                </li>
534                                                                                            <li>
535                                                    <a href="/oferta/25-fluxuri-ai-contabilitate" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
536                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
537                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
538                                                                <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/>
539                                                                    </svg>
540                                                        </div>
541                                                        <div>
542                                                            <div class="flex items-center gap-2">
543                                                                <span class="font-semibold text-gray-900 text-sm">Ghid: 25 de fluxuri AI</span>
544                                                                                                                            </div>
545                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Contabilitate și financiar · 49 RON</div>
546                                                                                                                    </div>
547                                                    </a>
548                                                </li>
549                                                                                    </ul>
550                                    </div>
551                                                            </div>
552
553                            
554                                                                                            <div class="w-80 flex-shrink-0">
555                                                                            
556                                        <div class="relative h-full overflow-hidden rounded-2xl bg-slate-950 p-6 shadow-xl">
557                                            <div class="pointer-events-none absolute -top-12 -right-12 w-44 h-44 rounded-full bg-blue-500/30 blur-3xl"></div>
558                                            <div class="pointer-events-none absolute -bottom-14 -left-10 w-44 h-44 rounded-full bg-orange-500/25 blur-3xl"></div>
559                                            <div class="relative z-10 flex flex-col h-full">
560                                                
561                                                <div class="mb-4 -mt-1">
562                                                    <svg viewBox="0 0 280 116" fill="none" class="w-full h-24" aria-hidden="true">
563                                                        <defs>
564                                                            <linearGradient id="mmStroke" x1="10" y1="10" x2="270" y2="110" gradientUnits="userSpaceOnUse">
565                                                                <stop stop-color="#5B8DEF"/>
566                                                                <stop offset="1" stop-color="#F8A23A"/>
567                                                            </linearGradient>
568                                                            <radialGradient id="mmCore" cx="0.5" cy="0.5" r="0.5">
569                                                                <stop stop-color="#FBBF6B"/>
570                                                                <stop offset="1" stop-color="#EE8134" stop-opacity="0"/>
571                                                            </radialGradient>
572                                                        </defs>
573                                                        <g stroke="url
573(#mmStroke)" stroke-width="1.3" opacity="0.85">
574                                                            <ellipse cx="140" cy="58" rx="116" ry="34"/>
575                                                            <ellipse cx="140" cy="58" rx="116" ry="34" transform="rotate(62 140 58)"/>
576                                                            <ellipse cx="140" cy="58" rx="116" ry="34" transform="rotate(-62 140 58)"/>
577                                                        </g>
578                                                        <g fill="#fff">
579                                                            <circle cx="26" cy="58" r="3"/>
580                                                            <circle cx="254" cy="58" r="3"/>
581                                                            <circle cx="104" cy="20" r="2.4" opacity="0.9"/>
582                                                            <circle cx="196" cy="96" r="2.4" opacity="0.9"/>
583                                                            <circle cx="70" cy="96" r="1.8" opacity="0.7"/>
584                                                            <circle cx="220" cy="22" r="1.8" opacity="0.7"/>
585                                                        </g>
586                                                        <circle cx="140" cy="58" r="30" fill="url(#mmCore)"/>
587                                                        <circle cx="140" cy="58" r="8.5" fill="#fff"/>
588                                                        <circle cx="140" cy="58" r="8.5" fill="url(#mmStroke)" opacity="0.55"/>
589                                                    </svg>
590                                                </div>
591                                                <span class="inline-flex self-start items-center gap-1.5 text-[10px] font-bold uppercase tracking-[.14em] text-orange-300 bg-white/5 border border-white/15 px-2.5 py-1 rounded-full mb-3">Program flagship</span>
592                                                <h3 class="text-2xl font-extrabold text-white mb-2">Mastermind AI</h3>
593                                                <p class="text-slate-300 text-sm leading-relaxed mb-5">Nu privi AI-ul de pe margine. Construiește cu el, la frontieră, în rețeaua de antreprenori care fac asta zilnic.</p>
594                                                <a href="/mastermind" class="mt-auto group/cta inline-flex items-center justify-center gap-2 w-full rounded-full bg-white text-slate-900 font-bold py-3 px-6 transition-all hover:-translate-y-0.5 hover:shadow-lg text-center">
595                                                    Vezi Mastermind AI
596                                                    <svg class="w-4 h-4 transition-transform group-hover/cta:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
597                                                </a>
598                                                                                                    <p class="text-xs text-slate-400 mt-3 text-center">Program premium · pe bază de aplicație</p>
599                                                                                            </div>
600                                        </div>
601                                                                    </div>
602                                                    </div>
603                    </div>
604                </div>
605            </div>
606                                        
607            <div class="relative h-24 lg:h-28 flex items-center group">
608                <button class="text-gray-700 group-hover:text-blue-600 transition-colors font-medium text-sm flex items-center gap-1">
609                    Servicii
610                    <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
611                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
612                    </svg>
613                </button>
614
615                <div class="mega-panel fixed left-0 right-0 top-full bg-white shadow-2xl border-t border-gray-100 opacity-0 invisible -translate-y-1 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 transition-all duration-200 z-40"
616                     style="max-height: calc(100vh - 7rem); overflow-y: auto;">
617                    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
618                        <div class="flex gap-8">
619                            
620                            <div class="flex-1 grid grid-cols-2 gap-8">
621                                                                    <div>
622                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Transformare</h3>
623                                                                                <ul class="space-y-1">
624                                                                                            <li>
625                                                    <a href="/transformare-ai-organizationala" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
626                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
627                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
628                                                                <path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/>
629                                                                    </svg>
630                                                        </div>
631                                                        <div>
632                                                            <div class="flex items-center gap-2">
633                                                                <sp
633an class="font-semibold text-gray-900 text-sm">Program Transformare AI Organizațională</span>
634                                                                                                                                    <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gradient-to-r from-blue-600 to-orange-500 text-white uppercase tracking-wider">Flagship</span>
635                                                                                                                            </div>
636                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Program multi-fază · enterprise</div>
637                                                                                                                    </div>
638                                                    </a>
639                                                </li>
640                                                                                            <li>
641                                                    <a href="/servicii/implementare-ai" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
642                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
643                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
644                                                                <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"/>
645                                                                    </svg>
646                                                        </div>
647                                                        <div>
648                                                            <div class="flex items-center gap-2">
649                                                                <span class="font-semibold text-gray-900 text-sm">Implementare AI</span>
650                                                                                                                            </div>
651                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Implementare hands-on în fluxurile tale</div>
652                                                                                                                    </div>
653                                                    </a>
654                                                </li>
655                                                                                            <li>
656                                                    <a href="/servicii/automatizare-ai" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
657                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
658                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
659                                                                <path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/>
660                                                                    </svg>
661                                                        </div>
662                                                        <div>
663                                                            <div class="flex items-center gap-2">
664                                                                <sp
664an class="font-semibold text-gray-900 text-sm">Automatizare AI</span>
665                                                                                                                            </div>
666                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Aplicații AI integrate, dincolo de Make/n8n</div>
667                                                                                                                    </div>
668                                                    </a>
669                                                </li>
670                                                                                    </ul>
671                                    </div>
672                                                                    <div>
673                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Expertiză</h3>
674                                                                                <ul class="space-y-1">
675                                                                                            <li>
676                                                    <a href="/servicii/chatgpt-ads" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
677                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
678                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
679                                                                <path d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"/>
680                                                                    </svg>
681                                                        </div>
682                                                        <div>
683                                                            <div class="flex items-center gap-2">
684                                                                <span class="font-semibold text-gray-900 text-sm">ChatGPT Ads</span>
685                                                                                                                            </div>
686                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Setup și administrare lunară</div>
687                                                                                                                    </div>
688                                                    </a>
689                                                </li>
690                                                                                            <li>
691                                                    <a href="/servicii/training-corporativ" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
692                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
693                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
694                                                                <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"/>
695                                                                    </svg>
696                                                        </div>
697                                                        <div>
698                                                            <div class="flex items-center gap-2">
699                                                                <sp
699an class="font-semibold text-gray-900 text-sm">Training Corporativ</span>
700                                                                                                                            </div>
701                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Workshop-uri AI pentru echipe</div>
702                                                                                                                    </div>
703                                                    </a>
704                                                </li>
705                                                                                            <li>
706                                                    <a href="/servicii/consultanta-ai" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
707                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
708                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
709                                                                <path fill-rule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd"/>
710        <path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z"/>
711                                                                    </svg>
712                                                        </div>
713                                                        <div>
714                                                            <div class="flex items-center gap-2">
715                                                                <span class="font-semibold text-gray-900 text-sm">Consultanță AI</span>
716                                                                                                                            </div>
717                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Strategie și roadmap</div>
718                                                                                                                    </div>
719                                                    </a>
720                                                </li>
721                                                                                            <li>
722                                                    <a href="/servicii" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
723                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
724                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
725                                                                <path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/>
726                                                                    </svg>
727                                                        </div>
728                                                        <div>
729                                                            <div class="flex items-center gap-2">
730                                                                <span class="font-semibold text-gray-900 text-sm">Vezi toate serviciile</span>
731                                                                                                                            </div>
732                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Soluții pentru companii</div>
733                                                                                                                    </div>
734                                                    </a>
735                                                </li>
736                                                                                    </ul>
737                                    </div>
738                                                            </div>
739
740                            
741                                                                                            <div class="w-80 flex-shrink-0">
742                                                                        <div class="relative h-full bg-gradient-to-br from-[#FF714B] to-[#C71E64] rounded-2xl p-6 shadow-xl overflow-hidden">
743                                        <div class="absolute top-0 left-0 -mt-4 -ml-4 w-32 h-32 bg-yellow-300 rounded-full opacity-20 blur-2xl"></div>
744                                        <div class="relative z-10 flex flex-col h-full">
745                                            <h3 class="text-2xl font-bold text-white mb-2">Cât economisești cu AI?</h3>
746                                            <p class="text-orange-100 text-sm leading-relaxed mb-4">Află câți bani și cât timp poți economisi în firma ta cu ajutorul AI.</p>
747                                                                                            <ul class="space-y-2 mb-5">
748                                                                                                            <li class="flex items-center text-white text-sm">
749                                                            <svg class="w-4 h-4 text-yellow-300 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
750                                                                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
751                                                            </svg>
752                                                            Calcul pentru rolul tău
753                                                        </li>
754                                                                                                            <li class="flex items-center text-white text-sm">
755                                                            <svg class="w-4 h-4 text-yellow-300 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
756                                                                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
757                                                            </svg>
758                                                            Vezi în cât timp îți iese investiția
759                                                        </li>
760                                                                                                            <li class="flex items-center text-white text-sm">
761                                                            <svg class="w-4 h-4 text-yellow-300 mr-2 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
762                                                                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
763                                                            </svg>
764                                                            Primești un raport clar
765                                                        </li>
766                                                                                                    </ul>
767                                                                                        <a href="/instrumente/ai-roi-calculator" class="mt-auto block w-full bg-white text-[#FF714B] font-bold py-3 px-6 rounded-lg hover:bg-orange-50 transition-all duration-200 shadow-lg hover:shadow-xl transform hover:scale-105 text-center">
768                                                Vezi cât economisești →
769                                            </a>
770                                                                                            <p class="text-xs text-orange-200 mt-3 text-center">Durează 2 minute</p>
771                                                                                    </div>
772                                    </div>
773                                                                    </div>
774                                                    </div>
775                    </div>
776                </div>
777            </div>
778                                        
779            <a href="/studii-de-caz" class="text-gray-700 hover:text-blue-600 transition-colors font-medium text-sm">Rezultate</a>
780                                                
781            <div class="relative h-24 lg:h-28 flex items-center group">
782                <button class="text-gray-700 group-hover:text-blue-600 transition-colors font-medium text-sm flex items-center gap-1">
783                    Resurse Gratuite
784                    <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
785                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
786                    </svg>
787                </button>
788
789                <div class="mega-panel fixed left-0 right-0 top-full bg-white shadow-2xl border-t border-gray-100 opacity-0 invisible -translate-y-1 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 transition-all duration-200 z-40"
790                     style="max-height: calc(100vh - 7rem); overflow-y: auto;">
791                    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
792                        <div class="flex gap-8">
793                            
794                            <div class="flex-1 grid grid-cols-2 gap-8">
795                                                                    <div>
796                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Învață</h3>
797                                                                                <ul class="space-y-1">
798                                                                                            <li>
799                                                    <a href="/blog" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
800                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
801                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
802                                                                <path d="M9 4.804A7.968 7.968 
8020 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z"/>
803                                                                    </svg>
804                                                        </div>
805                                                        <div>
806                                                            <div class="flex items-center gap-2">
807                                                                <span class="font-semibold text-gray-900 text-sm">Blog</span>
808                                                                                                                            </div>
809                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Articole despre AI și automatizare</div>
810                                                                                                                    </div>
811                                                    </a>
812                                                </li>
813                                                                                            <li>
814                                                    <a href="/resurse-gratuite#webinarii" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
815                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
816                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
817                                                                <path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"/>
818                                                                    </svg>
819                                                        </div>
820                                                        <div>
821                                                            <div class="flex items-center gap-2">
822                                                                <span class="font-semibold text-gray-900 text-sm">Webinarii</span>
823                                                                                                                            </div>
824                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Înregistrări training gratuite</div>
825                                                                                                                    </div>
826                                                    </a>
827                                                </li>
828                                                                                            <li>
829                                                    <a href="/resurse-gratuite#ghiduri" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
830                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
831                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
832                                                                <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd"/>
833                                                                    </svg>
834                                                        </div>
835                                                        <div>
836                                                            <div class="flex items-center gap-2">
837                                                                <sp
837an class="font-semibold text-gray-900 text-sm">Ghiduri PDF</span>
838                                                                                                                            </div>
839                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Materiale educaționale gratuite</div>
840                                                                                                                    </div>
841                                                    </a>
842                                                </li>
843                                                                                    </ul>
844                                    </div>
845                                                                    <div>
846                                                                                    <h3 class="text-3xl font-black text-gray-900 uppercase tracking-tight mb-6 pb-3 border-b-2 border-gray-200">Instrumente</h3>
847                                                                                <ul class="space-y-1">
848                                                                                            <li>
849                                                    <a href="/instrumente/ai-roi-calculator" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
850                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
851                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
852                                                                <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"/>
853        <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"/>
854                                                                    </svg>
855                                                        </div>
856                                                        <div>
857                                                            <div class="flex items-center gap-2">
858                                                                <span class="font-semibold text-gray-900 text-sm">Calculator ROI AI</span>
859                                                                                                                            </div>
860                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Cât economisești cu AI</div>
861                                                                                                                    </div>
862                                                    </a>
863                                                </li>
864                                                                                            <li>
865                                                    <a href="/ai-business-score" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
866                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
867                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
868                                                                <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/>
869        <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
870                                                                    </svg>
871                                                        </div>
872                                                        <div>
873                                                            <div class="flex items-center gap-2">
874                                                                <sp
874an class="font-semibold text-gray-900 text-sm">AI Business Score</span>
875                                                                                                                            </div>
876                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Unde merită să implementezi AI</div>
877                                                                                                                    </div>
878                                                    </a>
879                                                </li>
880                                                                                            <li>
881                                                    <a href="/prompt-generator" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
882                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
883                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
884                                                                <path fill-rule="evenodd" d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z" clip-rule="evenodd"/>
885                                                                    </svg>
886                                                        </div>
887                                                        <div>
888                                                            <div class="flex items-center gap-2">
889                                                                <span class="font-semibold text-gray-900 text-sm">Generator de Prompturi</span>
890                                                                                                                            </div>
891                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Creează prompturi instant</div>
892                                                                                                                    </div>
893                                                    </a>
894                                                </li>
895                                                                                            <li>
896                                                    <a href="/resurse/exemple-prompturi-chatgpt" class="group/link flex items-start p-2 rounded-lg hover:bg-gray-50 transition-colors">
897                                                        <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center mr-3">
898                                                            <svg class="w-5 h-5 text-gray-400 group-hover/link:text-blue-600 transition-colors" fill="currentColor" viewBox="0 0 20 20">
899                                                                <path d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z"/>
900                                                                    </svg>
901                                                        </div>
902                                                        <div>
903                                                            <div class="flex items-center gap-2">
904                                                                <span class="font-semibold text-gray-900 text-sm">100+ Exemple Prompturi</span>
905                                                                                                                            </div>
906                                                                                                                            <div class="text-xs text-gray-500 leading-tight mt-0.5">Bibliotecă completă gratuit</div>
907                                                                                                                    </div>
908                                                    </a>
909                                                </li>
910                                                                                    </ul>
911                                    </div>
912                                                            </div>
913
914                            
915                                                                                            <div class="w-80 flex-shrink-0">
916                                                                            
917                                        <div class="relative h-full overflow-hidden rounded-2xl bg-gradient-to-br from-slate-900 via-slate-800 to-blue-900 p-6 shadow-xl">
918                                            <div class="pointer-events-none absolute -top-12 -right-12 w-44 h-44 rounded-full bg-blue-500/30 blur-3xl"></div>
919                                            <div class="pointer-events-none absolute -bottom-14 -left-10 w-44 h-44 rounded-full bg-orange-500/25 blur-3xl"></div>
920                                            <div class="relative z-10 flex flex-col h-full">
921                                                <div class="flex justify-center mb-5 mt-1">
922                                                    <img src="https://code24.ro/images/whitepaper/coperta-ai-agentic.png"
923                                                         alt="De la ChatGPT la AI Agentic — coperta whitepaper Code24"
924                                                         loading="lazy" decoding="async"
925                                                         width="300" height="424"
926                                                         class="w-32 rounded-lg ring-1 ring-white/25 shadow-2xl -rotate-3 transition-transform duration-300 hover:rotate-0">
927                                                </div>
928                                                                                                    <sp
928an class="inline-flex self-start items-center gap-1.5 text-[10px] font-bold uppercase tracking-[.14em] text-orange-300 bg-white/5 border border-white/15 px-2.5 py-1 rounded-full mb-3">Whitepaper · 30 pagini</span>
929                                                                                                <h3 class="text-xl font-extrabold text-white mb-2 leading-tight">De la ChatGPT la AI Agentic</h3>
930                                                <p class="text-slate-300 text-sm leading-relaxed mb-5">Ghidul de adopție AI pentru companii medii și mari. Plan pe etape, riscuri și pași concreți pentru conducere.</p>
931                                                <a href="/whitepaper-ai-agentic" class="mt-auto group/cta inline-flex items-center justify-center gap-2 w-full rounded-full bg-white text-slate-900 font-bold py-3 px-6 transition-all hover:-translate-y-0.5 hover:shadow-lg text-center">
932                                                    Descarcă gratuit
933                                                    <svg class="w-4 h-4 transition-transform group-hover/cta:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
934                                                </a>
935                                                                                                    <p class="text-xs text-slate-400 mt-3 text-center">PDF gratuit, fără card.</p>
936                                                                                            </div>
937                                        </div>
938                                                                    </div>
939                                                    </div>
940                    </div>
941                </div>
942            </div>
943                                        
944            <a href="/contact" class="text-gray-700 hover:text-blue-600 transition-colors font-medium text-sm">Contact</a>
945            
946    
947    <a href="https://selgora.com/login" target="_blank" class="inline-flex items-center gap-2 bg-gradient-to-r from-blue-600 to-indigo-600 text-white px-6 py-2.5 rounded-full font-semibold text-sm hover:from-blue-700 hover:to-indigo-700 transition-all duration-300 shadow-md hover:shadow-lg hover:scale-105">
948        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
949            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
950        </svg>
951        Login
952    </a>
953</div>
954
955
956            <button class="lg:hidden p-2" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleMobileMenu()" data-cf-modified-1f698beccb3af54349bd69a1-="">
957                <svg class="h-6 w-6 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
958                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
959                </svg>
960            </button>
961        </div>
962
963            <div class="mobile-menu lg:hidden pb-6">
964    <div class="flex flex-col gap-4">
965                                                
966                <a href="/" class="text-gray-700 hover:text-blue-600 transition-colors font-medium">Home</a>
967                                                                            <div>
968                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; toggleSubmenu('produse-mobile')" class="w-full text-left text-gray-700 hover:text-blue-600 transition-colors font-medium flex items-center justify-between" data-cf-modified-1f698beccb3af54349bd69a1-="">
969                        Produse
970                        <svg class="w-4 h-4 transform transition-transform" id="produse-mobile-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
971                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
972                        </svg>
973                    </button>
974                    <div id="produse-mobile" class="hidden pl-4 mt-2 flex flex-col gap-2">
975                                                                                    <div class="">
976                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Cursuri</span>
977                                </div>
978                                                                                        <a href="/mastermind" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Mastermind AI</a>
979                                                            <a href="/cursuri/promptify" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Promptify – Curs ChatGPT</a>
980                                                            <a href="/cursuri/ai-la-munca" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Agentic AI la muncă</a>
981                                                                                                                <div class=" pt-2 mt-1 border-t border-gray-100 ">
982                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Unelte AI</span>
983                                </div>
984                                                                                        <a href="/ai-power-team" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">AI Power Team</a>
985                                                            <a href="/oferta/pachet-premium-financiar-contabil" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Pachetul Premium Financiar-Contabil</a>
986                                                            <a href="/oferta/25-fluxuri-ai-contabilitate" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Ghid: 25 de fluxuri AI</a>
987                                                                        </div>
988                </div>
989                                                                            <div>
990                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; toggleSubmenu('servicii-mobile')" class="w-full text-left text-gray-700 hover:text-blue-600 transition-colors font-medium flex items-center justify-between" data-cf-modified-1f698beccb3af54349bd69a1-="">
991                        Servicii
992                        <svg class="w-4 h-4 transform transition-transform" id="servicii-mobile-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
993                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
994                        </svg>
995                    </button>
996                    <div id="servicii-mobile" class="hidden pl-4 mt-2 flex flex-col gap-2">
997                                                                                    <div class="">
998                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Transformare</span>
999                                </div>
1000                                                                                        <a href="/transformare-ai-organizationala" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Program Transformare AI Organizațională</a>
1001                                                            <a href="/servicii/implementare-ai" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Implementare AI</a>
1002                                                            <a href="/servicii/automatizare-ai" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Automatizare AI</a>
1003                                                                                                                <div class=" pt-2 mt-1 border-t border-gray-100 ">
1004                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Expertiză</span>
1005                                </div>
1006                                                                                        <a href="/servicii/chatgpt-ads" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">ChatGPT Ads</a>
1007                                                            <a href="/servicii/training-corporativ" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Training Corporativ</a>
1008                                                            <a href="/servicii/consultanta-ai" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Consultanță AI</a>
1009                                                            <a href="/servicii" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Vezi toate serviciile</a>
1010                                                                        </div>
1011                </div>
1012                                                            
1013                <a href="/studii-de-caz" class="text-gray-700 hover:text-blue-600 transition-colors font-medium">Rezultate</a>
1014                                                                                        <div>
1015                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; toggleSubmenu('resurse-gratuite-mobile')" class="w-full text-left text-gray-700 hover:text-blue-600 transition-colors font-medium flex items-center justify-between" data-cf-modified-1f698beccb3af54349bd69a1-="">
1016                        Resurse Gratuite
1017                        <svg class="w-4 h-4 transform transition-transform" id="resurse-gratuite-mobile-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1018                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1019                        </svg>
1020                    </button>
1021                    <div id="resurse-gratuite-mobile" class="hidden pl-4 mt-2 flex flex-col gap-2">
1022                                                                                    <div class="">
1023                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Învață</span>
1024                                </div>
1025                                                                                        <a href="/blog" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Blog</a>
1026                                                            <a href="/resurse-gratuite#webinarii" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Webinarii</a>
1027                                                            <a href="/resurse-gratuite#ghiduri" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Ghiduri PDF</a>
1028                                                                                                                <div class=" pt-2 mt-1 border-t border-gray-100 ">
1029                                    <span class="text-[11px] font-bold text-gray-400 uppercase tracking-wider">Instrumente</span>
1030                                </div>
1031                                                                                        <a href="/instrumente/ai-roi-calculator" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Calculator ROI AI</a>
1032                                                            <a href="/ai-business-score" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">AI Business Score</a>
1033                                                            <a href="/prompt-generator" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">Generator de Prompturi</a>
1034                                                            <a href="/resurse/exemple-prompturi-chatgpt" class="text-gray-600 hover:text-blue-600 transition-colors text-sm">100+ Exemple Prompturi</a>
1035                                                                        </div>
1036                </div>
1037                                                            
1038                <a href="/contact" class="text-gray-700 hover:text-blue-600 transition-colors font-medium">Contact</a>
1039                        </div>
1040</div>
1041    </nav>
1042</header>
1043
1044    <!-- Main Content -->
1045    <main>
1046            <!-- Hero -->
1047    <section class="relative overflow-hidden bg-canvas pt-32 pb-20">
1048        <div class="mesh"></div>
1049        <div class="grid-overlay"></div>
1050        <div class="grain"></div>
1051
1052        <div class="relative mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 text-center reveal">
1053            <div class="mb-5"><span class="kicker">Contact Code24</span></div>
1054            <h1 class="font-jakarta text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight text-slate-900 mb-6 leading-[1.08]">
1055                Hai să <span class="gradient-text">vorbim despre AI</span> pentru afacerea ta
1056            </h1>
1057            <p class="text-lg text-slate-500 max-w-2xl mx-auto leading-relaxed">
1058                Echipa noastră este gata să te ajute să implementezi AI în business-ul tău. Completează formularul sau contactează-ne direct.
1059            </p>
1060        </div>
1061    </section>
1062
1063    <!-- Cu ce te putem ajuta -->
1064    <section class="relative overflow-hidden bg-white py-24">
1065        <div class="grid-overlay"></div>
1066        <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1067            <div class="text-center mb-14 max-w-3xl mx-auto">
1068                <h2 class="font-jakarta text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 mb-4">
1069                    Cu ce te putem ajuta?
1070                </h2>
1071            </div>
1072
1073            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
1074                <div class="card-soft card-lift rounded-2xl p-7">
1075                    <span class="flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-50 text-blue-600 mb-5">
1076                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1077                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
1078                        </svg>
1079                    </span>
1080                    <h3 class="text-lg font-bold text-slate-900 mb-2">Consultanță AI pentru Business</h3>
1081                    <p class="text-slate-600 text-sm leading-relaxed">Discutăm despre cum AI poate ajuta afacerea ta să crească și îți oferim un plan concret de implementare.</p>
1082                </div>
1083
1084                <div class="card-soft card-lift rounded-2xl p-7">
1085                    <span class="flex h-12 w-12 items-center justify-center rounded-2xl bg-orange-50 text-orange-600 mb-5">
1086                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1087                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
1088                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1089                        </svg>
1090                    </span>
1091                    <h3 class="text-lg font-bold text-slate-900 mb-2">Integrare AI în Marketing</h3>
1092                    <p class="text-slate-600 text-sm leading-relaxed">Te ajutăm să integrezi AI în procesele de marketing și operațiuni pentru automatizare și eficiență sporită.</p>
1093                </div>
1094
1095                <div class="card-soft card-lift rounded-2xl p-7">
1096                    <span class="flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-50 text-blue-600 mb-5">
1097                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1098                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
1099                        </svg>
1100                    </span>
1101                    <h3 class="text-lg font-bold text-slate-900 mb-2">Parteneriate & Colaborări</h3>
1102                    <p class="text-slate-600 text-sm leading-relaxed">Colaborăm pentru dezvoltarea de soluții AI personalizate și parteneriate strategice pe termen lung.</p>
1103                </div>
1104
1105                <div class="card-soft card-lift rounded-2xl p-7">
1106                    <span class="flex h-12 w-12 items-center justify-center rounded-2xl bg-orange-50 text-orange-600 mb-5">
1107                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1108                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
1109                        </svg>
1110                    </span>
1111                    <h3 class="text-lg font-bold text-slate-900 mb-2">Întrebări Generale</h3>
1112                    <p class="text-slate-600 text-sm leading-relaxed">Orice alte întrebări despre programul nostru sau cum să folosești AI eficient în afacerea ta.</p>
1113                </div>
1114            </div>
1115        </div>
1116    </section>
1117
1118    <!-- Formular + Info -->
1119    <section class="relative overflow-hidden bg-canvas py-24">
1120        <div class="mesh" style="opacity:.5"></div>
1121        <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1122            <div class="grid lg:grid-cols-2 gap-12 items-start">
1123                <!-- Formular -->
1124                <div class="card-soft rounded-3xl p-8 lg:p-10">
1125                    <h2 class="font-jakarta text-3xl font-extrabold tracking-tight text-slate-900 mb-2">Trimite-ne un mesaj</h2>
1126                    <p class="text-slate-500 mb-8">Completează formularul și îți vom răspunde în maxim 24 de ore.</p>
1127
1128                    
1129                    
1130                    <form action="https://code24.ro/contact" method="POST" class="space-y-6">
1131                        <input type="hidden" name="_token" value="SHCc3lrFhSUbuBcThHZbgkayRks0jwdHg7sFW5G8" autocomplete="off">                        <!-- Name -->
1132                        <div>
1133                            <label for="name" class="block text-sm font-semibold text-slate-900 mb-2">
1134                                Numele tău <span class="text-red-500">*</span>
1135                            </label>
1136                            <input
1137                                type="text"
1138                                id="name"
1139                                name="name"
1140                                value=""
1141                                required
1142                                class="w-full px-4 py-3 bg-white border border-slate-200 rounded-xl text-slate-900 placeholder-slate-400 focus:ring-2 focus:ring-blue-500/60 focus:border-blue-500 transition-all"
1143                                placeholder="Ion Popescu"
1144                            >
1145                        </div>
1146
1147                        <!-- Email -->
1148                        <div>
1149                            <label for="email" class="block text-sm font-semibold text-slate-900 mb-2">
1150                                Email <span class="text-red-500">*</span>
1151                            </label>
1152                            <input
1153                                type="email"
1154                                id="email"
1155                                name="email"
1156                                value=""
1157                                required
1158                                class="w-full px-4 py-3 bg-white border border-slate-200 rounded-xl text-slate-900 placeholder-slate-400 focus:ring-2 focus:ring-blue-500/60 focus:border-blue-500 transition-all"
1159                                placeholder="[email protected]"
1160                            >
1161                        </div>
1162
1163                        <!-- Subject -->
1164                        <div>
1165                            <label for="subject" class="block text-sm font-semibold text-slate-900 mb-2">
1166                                Subiect <span class="text-red-500">*</span>
1167                            </label>
1168                            <input
1169                                type="text"
1170                                id="subject"
1171                                name="subject"
1172                                value=""
1173                                required
1174                                class="w-full px-4 py-3 bg-white border border-slate-200 rounded-xl text-slate-900 placeholder-slate-400 focus:ring-2 focus:ring-blue-500/60 focus:border-blue-500 transition-all"
1175                                placeholder="Despre implementarea AI în business"
1176                            >
1177                        </div>
1178
1179                        <!-- Message -->
1180                        <div>
1181                            <label for="message" class="block text-sm font-semibold text-slate-900 mb-2">
1182                                Mesaj <span class="text-red-500">*</span>
1183                            </label>
1184                            <textarea
1185                                id="message"
1186                                name="message"
1187                                rows="6"
1188                                required
1189                                class="w-full px-4 py-3 bg-white border border-slate-200 rounded-xl text-slate-900 placeholder-slate-400 focus:ring-2 focus:ring-blue-500/60 focus:border-blue-500 transition-all resize-none"
1190                                placeholder="Scrie-ne despre ce te interesează..."
1191                            ></textarea>
1192                        </div>
1193
1194                        <!-- Opt-in -->
1195                        <div class="flex items-start gap-3">
1196                            <input
1197                                type="checkbox"
1198                                id="newsletter"
1199                                name="newsletter"
1200                                value="1"
1201                                                                class="mt-1 w-4 h-4 text-blue-600 border-slate-300 rounded focus:ring-blue-500"
1202                            >
1203                            <label for="newsletter" class="text-sm text-slate-600">
1204                                Vreau să primesc cele mai recente promoții și evenimente. Mă pot dezabona oricând.
1205                            </label>
1206                        </div>
1207
1208                        <!-- Privacy Policy -->
1209                        <div class="flex items-start gap-3">
1210                            <input
1211                                type="checkbox"
1212                                id="privacy"
1213                                name="privacy"
1214                                required
1215                                class="mt-1 w-4 h-4 text-blue-600 border-slate-300 rounded focus:ring-blue-500"
1216                            >
1217                            <label for="privacy" class="text-sm text-slate-600">
1218                                Prin completarea acestui formular și trimiterea lui, sunt de acord cu 
1218<a href="/politica-confidentialitate" class="text-blue-600 hover:underline">politica de confidențialitate</a>. <span class="text-red-500">*</span>
1219                            </label>
1220                        </div>
1221
1222                        <!-- Submit Button -->
1223                        <button
1224                            type="submit"
1225                            class="group inline-flex w-full items-center justify-center gap-2 rounded-full bg-slate-900 px-8 py-4 text-base font-semibold text-white shadow-[0_20px_45px_-18px_rgba(11,16,32,.7)] transition-all hover:bg-slate-800 hover:-translate-y-0.5"
1226                        >
1227                            Trimite Mesajul
1228                            <svg class="h-5 w-5 transition-transform group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
1229                        </button>
1230                    </form>
1231                </div>
1232
1233                <!-- Info Contact -->
1234                <div class="space-y-8">
1235                    <!-- Date Contact -->
1236                    <div class="card-soft rounded-3xl p-8">
1237                        <h3 class="font-jakarta text-2xl font-extrabold tracking-tight text-slate-900 mb-6">Date de Contact</h3>
1238
1239                        <div class="space-y-6">
1240                            <!-- Email -->
1241                            <div class="flex items-start gap-4">
1242                                <span class="flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-50 text-blue-600">
1243                                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1244                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
1245                                    </svg>
1246                                </span>
1247                                <div>
1248                                    <p class="text-sm text-slate-500 mb-1">Email</p>
1249                                    <a href="/cdn-cgi/l/email-protection#690e0c061b0e0c4706050801290a060d0c5b5d471b06" class="text-lg font-semibold text-slate-900 hover:text-blue-600 transition-colors">
1250                                        <span class="__cf_email__" data-cfemail="5433313b2633317a3b38353c14373b303166607a263b">[email&#160;protected]</span>
1251                                    </a>
1252                                </div>
1253                            </div>
1254
1255                            <!-- WhatsApp -->
1256                            <div class="flex items-start gap-4">
1257                                <span class="flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-2xl bg-green-50 text-green-600">
1258                                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
1259                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>
1260                                    </svg>
1261                                </span>
1262                                <div>
1263                                    <p class="text-sm text-slate-500 mb-1">WhatsApp</p>
1264                                    <a href="https://wa.me/40735530873" target="_blank" rel="noopener noreferrer" class="text-lg font-semibold text-slate-900 hover:text-green-600 transition-colors">
1265                                        0735 530 873
1266                                    </a>
1267                                </div>
1268                            </div>
1269
1270                            <!-- Program -->
1271                            <div class="flex items-start gap-4">
1272                                <span class="flex-shrink-0 flex h-12 w-12 items-center justify-center rounded-2xl bg-orange-50 text-orange-600">
1273                                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1274                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
1275                                    </svg>
1276                                </span>
1277                                <div>
1278                                    <p class="text-sm text-slate-500 mb-1">Program</p>
1279                                    <p class="text-lg font-semibold text-slate-900">Luni - Vineri</p>
1280                                    <p class="text-slate-600">10:00 - 16:00</p>
1281                                </div>
1282                            </div>
1283                        </div>
1284                    </div>
1285
1286                    <!-- Date Firma -->
1287                    <div class="card-soft rounded-3xl p-8">
1288                        <h3 class="font-jakarta text-2xl font-extrabold tracking-tight text-slate-900 mb-6">Date Firmă</h3>
1289
1290                        <div class="space-y-3 text-slate-700">
1291                            <p class="font-semibold text-slate-900 text-lg">Beloyal Tech SRL</p>
1292                            <div class="space-y-2 text-sm">
1293                                <p><span class="font-semibold">CIF:</span> RO44742184</p>
1294                                <p><span class="font-semibold">IBAN:</span> RO56 RNCB 0211 1705 8800 0001</p>
1295
1296                            </div>
1297                        </div>
1298                    </div>
1299
1300                    <!-- CTA Card -->
1301                    <div class="relative overflow-hidden rounded-3xl bg-slate-950 p-8 text-white">
1302                        <div class="mesh"></div>
1303                        <div class="grain"></div>
1304                        <div class="relative">
1305                            <h3 class="font-jakarta text-2xl font-extrabold tracking-tight mb-3">Ai nevoie de consultanță personalizată?</h3>
1306                            <p class="text-slate-300 mb-4 leading-relaxed">Rezervă o sesiune de consultanță AI 1-la-1 cu George Olah și primește un plan concret de implementare pentru afacerea ta.</p>
1307                            <p class="text-white font-semibold mb-6">200 EUR / oră</p>
1308                            <div class="flex flex-col sm:flex-row gap-3">
1309                                <a href="https://code24.ro/servicii/consultanta-ai" class="inline-flex items-center justify-center rounded-full bg-white px-6 py-3 text-base font-semibold text-slate-900 hover:-translate-y-0.5 transition-all text-center">
1310                                    Rezervă Consultanță
1311                                </a>
1312
1313
1314
1315                            </div>
1316                        </div>
1317                    </div>
1318                </div>
1319            </div>
1320        </div>
1321    </section>
1322
1323    <!-- FAQ Rapid -->
1324    <section class="relative overflow-hidden bg-white py-24">
1325        <div class="grid-overlay"></div>
1326        <div class="relative mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
1327            <div class="text-center mb-12 max-w-3xl mx-auto">
1328                <h2 class="font-jakarta text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 mb-4">
1329                    Întrebări Frecvente despre <span class="gradient-text">Contact</span>
1330                </h2>
1331            </div>
1332
1333            <div class="space-y-5">
1334                <div class="card-soft rounded-2xl p-6">
1335                    <h3 class="text-lg font-bold text-slate-900 mb-2">Cât durează până primesc un răspuns?</h3>
1336                    <p class="text-slate-600 leading-relaxed">De obicei răspundem în maxim 24 de ore în zilele lucrătoare. Pentru urgențe, ne poți contacta direct la telefon.</p>
1337                </div>
1338
1339                <div class="card-soft rounded-2xl p-6">
1340                    <h3 class="text-lg font-bold text-slate-900 mb-2">Cum funcționează consultanța personalizată?</h3>
1341                    <p class="text-slate-600 leading-relaxed">Oferim sesiuni de consultanță 1-la-1 cu George Olah la 200 EUR/oră. Poți rezerva direct din calendar (Calendly) și vei primi un plan concret de implementare AI pentru afacerea ta.</p>
1342                </div>
1343
1344                <div class="card-soft rounded-2xl p-6">
1345                    <h3 class="text-lg font-bold text-slate-900 mb-2">Lucrați doar cu afaceri din România?</h3>
1346                    <p class="text-slate-600 leading-relaxed">Nu, lucrăm cu clienți din toată lumea, dar avem expertiza și înțelegerea pieței românești, ceea ce ne face ideali pentru antreprenorii din România.</p>
1347                </div>
1348            </div>
1349        </div>
1350    </section>
1351    </main>
1352
1353    <!-- Footer -->
1354<footer id="contact" class="bg-gray-900 text-gray-300">
1355    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-16">
1356        <div class="grid md:grid-cols-4 gap-12 mb-12">
1357            <div class="md:col-span-2">
1358                <a href="/">
1359                    <img src="/images/code24-png-300x157-3.png"
1360                         alt="CODE24 - Cursuri AI pentru Business"
1361                         width="300"
1362                         height="157"
1363                         loading="lazy"
1364                         class="h-16 w-auto mb-4 hover:opacity-80 transition-opacity"
1365                         style="filter: brightness(0) invert(1);">
1366                </a>
1367                <p class="text-gray-400 mb-6 max-w-md">
1368                    Platforma care ajută antreprenorii români să-și transforme afacerile folosind inteligența artificială.
1369                </p>
1370
1371                <div class="mt-6">
1372                    <h4 class="text-white font-semibold mb-4">Urmărește-ne</h4>
1373                    <div class="flex gap-4">
1374                        <a href="https://www.facebook.com/code24ro" target="_blank" rel="noopener" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors">
1375                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
1376                                <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
1377                            </svg>
1378                        </a>
1379                        <a href="https://www.instagram.com/code24ro/" target="_blank" rel="noopener" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-pink-600 transition-colors">
1380                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
1381                                <path d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.
1381047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"/>
1382                            </svg>
1383                        </a>
1384                        <a href="https://www.youtube.com/@code24ro" target="_blank" rel="noopener" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-red-600 transition-colors">
1385                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
1386                                <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
1387                            </svg>
1388                        </a>
1389                        <a href="https://www.tiktok.com/@ekanmagnia" target="_blank" rel="noopener" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-black transition-colors">
1390                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
1391                                <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
1392                            </svg>
1393                        </a>
1394                        <a href="https://www.linkedin.com/company/code-24-ro/" target="_blank" rel="noopener" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-blue-600 transition-colors">
1395                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
1396                                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
1397                            </svg>
1398                        </a>
1399                    </div>
1400                </div>
1401            </div>
1402
1403            <div>
1404                <h4 class="text-white font-semibold mb-4">Navigare</h4>
1405                <ul class="space-y-3">
1406                    <li><a href="/" class="hover:text-white transition-colors">Home</a></li>
1407                    <li><a href="/despre" class="hover:text-white transition-colors">Despre George Olah</a></li>
1408                    <li><a href="/cursuri" class="hover:text-white transition-colors">Cursuri AI</a></li>
1409                    <li><a href="/servicii" class="hover:text-white transition-colors">Servicii</a></li>
1410                    <li><a href="/ai-power-team" class="hover:text-white transition-colors">AI Power Team</a></li>
1411                    <li><a href="/transformare-ai-organizationala" class="hover:text-white transition-colors">Transformare AI Organizațională</a></li>
1412                    <li><a href="/studii-de-caz" class="hover:text-white transition-colors">Studii de caz</a></li>
1413                    <li><a href="/oferta/pachet-premium-financiar-contabil" class="hover:text-white transition-colors">AI pentru Financiar-Contabil</a></li>
1414                    <li><a href="/blog" class="hover:text-white transition-colors">Blog</a></li>
1415                </ul>
1416            </div>
1417
1418            <div>
1419                <h4 class="text-white font-semibold mb-4">Resurse</h4>
1420                <ul class="space-y-3">
1421                    <li><a href="/resurse-gratuite" class="hover:text-white transition-colors">Resurse gratuite</a></li>
1422                    <li><a href="/resurse/exemple-prompturi-chatgpt" class="hover:text-white transition-colors">100+ Exemple Prompturi</a></li>
1423                    <li><a href="/blog" class="hover:text-white transition-colors">Blog</a></li>
1424                    <li><a href="/asistenti-virtuali" class="hover:text-white transition-colors">Ghid Asistenți Virtuali</a></li>
1425                </ul>
1426
1427                
1428                
1429            </div>
1430        </div>
1431
1432        <div class="border-t border-gray-800 pt-8">
1433            <div class="flex flex-col md:flex-row justify-between items-center gap-4">
1434                <div class="flex flex-wrap justify-center md:justify-start gap-6 text-sm">
1435                    <a href="/politica-confidentialitate" class="hover:text-white transition-colors">Politica privind protectia datelor cu caracter personal</a>
1436                    <a href="/politica-cookie" class="hover:text-white transition-colors">Politica de utilizare cookie-uri</a>
1437                    <a href="/termeni-conditii" class="hover:text-white transition-colors">Termeni si conditii</a>
1438                </div>
1439            </div>
1440            <p class="text-gray-400 text-sm text-center md:text-left mt-4">
1441                &copy; 2024-2026 Code24.ro. Toate drepturile rezervate.
1442            </p>
1443        </div>
1444    </div>
1445</footer>
1446
1447            <dialog id="agentic-ai-exit-popup" class="agentic-ai-exit-popup" aria-labelledby="agentic-ai-exit-popup-title" aria-describedby="agentic-ai-exit-popup-description">
1448    <div class="agentic-ai-exit-popup__content">
1449        <button class="agentic-ai-exit-popup__close" type="button" aria-label="Închide fereastra" data-agentic-ai-close>
1450            <span aria-hidden="true">×</span>
1451        </button>
1452
1453        <div class="agentic-ai-exit-popup__intro">
1454            <p class="agentic-ai-exit-popup__eyebrow">Video gratuit · 29 de minute</p>
1455            <h2 id="agentic-ai-exit-popup-title">Vezi ce înseamnă să lucrezi cu Agentic AI în 2026.</h2>
1456            <p id="agentic-ai-exit-popup-description">Vezi cum folosești agenții AI pentru rapoarte, prezentări și alte sarcini care îți ocupă timpul.</p>
1457
1458            <ul class="agentic-ai-exit-popup__examples" aria-label="Exemple practice">
1459                <li><strong>Excel → dashboard:</strong> organizează datele în indicatori și grafice.</li>
1460                <li><strong>Newsletter săptămânal:</strong> pregătește ediția pentru verificarea și aprobarea ta.</li>
1461            </ul>
1462
1463            <a class="agentic-ai-exit-popup__cta" href="https://code24.ro/cursuri/ai-la-munca/prezentare?utm_source=code24&amp;utm_medium=exit_intent&amp;utm_campaign=agentic_ai">
1464                Vreau să văd video-ul
1465                <span aria-hidden="true">→</span>
1466            </a>
1467        </div>
1468
1469        <img class="agentic-ai-exit-popup__portrait" src="https://code24.ro/images/ai-la-munca/george-olah.webp" alt="George Olah" width="320" height="320" loading="lazy">
1470    </div>
1471</dialog>
1472
1473<style>
1474    .agentic-ai-exit-popup {
1475        box-sizing: border-box;
1476        width: min(700px, calc(100vw - 32px));
1477        max-width: 700px;
1478        max-height: calc(100dvh - 32px);
1479        margin: auto;
1480        overflow: auto;
1481        padding: 0;
1482        border: 0;
1483        border-radius: 24px;
1484        color: #18315f;
1485        background: #fff;
1486        box-shadow: 0 28px 80px rgba(10, 30, 77, .34);
1487    }
1488
1489    .agentic-ai-exit-popup::backdrop { background: rgba(11, 25, 56, .62); }
1490    .agentic-ai-exit-popup *, .agentic-ai-exit-popup *::before, .agentic-ai-exit-popup *::after { box-sizing: border-box; }
1491    .agentic-ai-exit-popup__content { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 225px; min-height: 330px; overflow: hidden; border-radius: inherit; }
1492    .agentic-ai-exit-popup__intro { position: relative; z-index: 1; padding: 42px 18px 38px 42px; }
1493    .agentic-ai-exit-popup__intro::after { position: absolute; z-index: -1; right: -130px; bottom: -150px; width: 300px; height: 300px; border-radius: 50%; background: rgba(53, 109, 241, .09); content: ''; }
1494    .agentic-ai-exit-popup__eyebrow { margin: 0 0 12px; color: #356df1; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
1495    .agentic-ai-exit-popup h2 { max-width: 420px; margin: 0; color: #17336b; font-size: clamp(1.65rem, 3vw, 2.2rem); line-height: 1.12; letter-spacing: -.035em; }
1496    .agentic-ai-exit-popup p { max-width: 410px; margin: 16px 0 0; font-size: 1rem; line-height: 1.5; }
1497    .agentic-ai-exit-popup__examples { display: grid; gap: 8px; margin: 20px 0 25px; padding: 0; list-style: none; font-size: .9rem; line-height: 1.4; }
1498    .agentic-ai-exit-popup__examples li { position: relative; padding-left: 19px; }
1499    .agentic-ai-exit-popup__examples li::before { position: absolute; top: .46em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #ee8134; content: ''; }
1500    .agentic-ai-exit-popup__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 18px; border-radius: 10px; color: #fff; background: #356df1; font-weight: 800; line-height: 1.2; text-decoration: none; transition: background .18s ease, transform .18s ease; }
1501    .agentic-ai-exit-popup__cta:hover { background: #285bd2; transform: translateY(-1px); }
1502    .agentic-ai-exit-popup__cta:focus-visible, .agentic-ai-exit-popup__close:focus-visible { outline: 3px solid #ee8134; outline-offset: 3px; }
1503    .agentic-ai-exit-popup__portrait { align-self: end; width: 100%; height: 100%; min-height: 330px; object-fit: cover; object-position: center top; background: linear-gradient(145deg, #dbe7ff, #9db9f8); }
1504    .agentic-ai-exit-popup__close { position: absolute; z-index: 2; top: 13px; right: 13px; display: grid; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; place-items: center; color: #17336b; background: rgba(255, 255, 255, .9); cursor: pointer; font-size: 1.65rem; line-height: 1; }
1505    .agentic-ai-exit-popup__close:hover { color: #fff; background: #ee8134; }
1506
1507    @media (max-width: 620px) {
1508        .agentic-ai-exit-popup { width: min(440px, calc(100vw - 24px)); border-radius: 20px; }
1509        .agentic-ai-exit-popup__content { display: block; min-height: 0; }
1510        .agentic-ai-exit-popup__intro { padding: 36px 28px 30px; }
1511        .agentic-ai-exit-popup__portrait { display: none; }
1512        .agentic-ai-exit-popup h2 { padding-right: 22px; font-size: 1.7rem; }
1513    }
1514
1515    @media (prefers-reduced-motion: reduce) {
1516        .agentic-ai-exit-popup__cta { transition: none; }
1517    }
1518</style>
vendor: 110 bytes, lines 1518-1520
1518
1519
1520<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1520<script type="1f698beccb3af54349bd69a1-text/javascript">
1521    (() => {
1522        const dialog = document.getElementById('agentic-ai-exit-popup');
1523        if (!dialog || !window.matchMedia) return;
1524
1525        const storageKey = 'agenticAiExitPopupShown';
1526        const canUseExitIntent = window.matchMedia('(hover: hover) and (pointer: fine)');
1527        let shown = false;
1528        let lastFocusedElement = null;
1529
1530        const storageGet = (key) => {
1531            try { return window.sessionStorage.getItem(key); } catch (_) { return null; }
1532        };
1533        const storageSet = (key, value) => {
1534            try { window.sessionStorage.setItem(key, value); } catch (_) { /* Storage may be unavailable. */ }
1535        };
1536        const anotherDialogIsOpen = () => Boolean(document.querySelector('dialog[open]:not(#agentic-ai-exit-popup)'));
1537
1538        const closeDialog = () => {
1539            if (dialog.open) dialog.close();
1540        };
1541        const showDialog = () => {
1542            if (typeof dialog.showModal !== 'function' || dialog.open || shown || storageGet(storageKey) || anotherDialogIsOpen()) return;
1543            lastFocusedElement = document.activeElement;
1544            shown = true;
1545            storageSet(storageKey, '1');
1546            dialog.showModal();
1547        };
1548
1549        dialog.querySelector('[data-agentic-ai-close]').addEventListener('click', closeDialog);
1550        dialog.addEventListener('click', (event) => {
1551            const bounds = dialog.getBoundingClientRect();
1552            if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) closeDialog();
1553        });
1554        dialog.addEventListener('close', () => {
1555            if (lastFocusedElement && typeof lastFocusedElement.focus === 'function' && document.contains(lastFocusedElement)) lastFocusedElement.focus();
1556            lastFocusedElement = null;
1557        });
1558
1559        shown = Boolean(storageGet(storageKey));
1560        if (!canUseExitIntent.matches || shown) return;
1561        document.addEventListener('mouseout', (event) => {
1562            if (canUseExitIntent.matches && event.clientY <= 10 && !event.relatedTarget) showDialog();
1563        });
1564    })();
1565</script>
1565
1566    
1567    <!-- Cookie Consent Banner -->
1568    <div id="cookieConsent" class="fixed bottom-0 left-0 right-0 bg-white border-t border-blue-600 shadow-lg z-50 transform translate-y-full transition-transform duration-500 ease-out">
1569        <div class="w-full px-4 sm:px-6 lg:px-8 py-2.5">
1570            <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
1571                <p class="text-gray-700 text-sm leading-relaxed">
1572                    🍪 Folosim cookie-uri pentru a îmbunătăți experiența ta pe site și pentru a analiza traficul.
1573                    <a href="/politica-cookie" class="text-blue-600 hover:text-blue-700 underline font-medium">Citește politica de cookie-uri</a>
1574                </p>
1575                <div class="flex gap-2 flex-shrink-0">
1576                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; acceptCookies()" class="px-5 py-2 bg-gradient-to-r from-blue-600 to-indigo-600 text-white text-sm rounded-full font-semibold hover:from-blue-700 hover:to-indigo-700 transition-all duration-300 shadow-md hover:shadow-lg whitespace-nowrap" data-cf-modified-1f698beccb3af54349bd69a1-="">
1577                        Acceptă
1578                    </button>
1579                    <button onclick="if (!window.__cfRLUnblockHandlers) return false; declineCookies()" class="px-5 py-2 bg-gray-100 text-gray-700 text-sm rounded-full font-semibold hover:bg-gray-200 transition-all duration-300 whitespace-nowrap" data-cf-modified-1f698beccb3af54349bd69a1-="">
1580                        Refuză
1581                    </button>
1582                </div>
1583            </div>
1584        </div>
1585    </div>
1586
1587    <!-- Scroll to Top Button -->
1588    <button id="scrollToTop" class="fixed bottom-24 right-8 w-14 h-14 bg-gradient-to-r from-blue-600 to-indigo-600 text-white rounded-full shadow-lg hover:shadow-2xl transition-all duration-300 hover:scale-110 flex items-center justify-center group" style="z-index: 999998; opacity: 0; visibility: hidden;">
1589        <svg class="w-6 h-6 group-hover:-translate-y-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1590            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
1591        </svg>
1592    </button>
1593
1594    <!-- Scripts -->
1595    
1595<script type="1f698beccb3af54349bd69a1-text/javascript">
1596        // Cookie Consent Management
1597        function getCookieConsent() {
1598            return localStorage.getItem('cookieConsent');
1599        }
1600
1601        // IMPORTANT: Check consent IMMEDIATELY to prevent banner flash
1602        (function() {
1603            const consent = localStorage.getItem('cookieConsent');
1604            if (consent === 'accepted' || consent === 'declined') {
1605                // Hide banner immediately if user already made a choice
1606                const banner = document.getElementById('cookieConsent');
1607                if (banner) {
1608                    banner.style.display = 'none';
1609                }
1610            }
1611        })();
1612
1613        function setCookieConsent(value) {
1614            localStorage.setItem('cookieConsent', value);
1615            localStorage.setItem('cookieConsentDate', new Date().toISOString());
1616        }
1617
1618        function showCookieBanner() {
1619            const banner = document.getElementById('cookieConsent');
1620            if (banner) {
1621                setTimeout(() => {
1622                    banner.classList.remove('translate-y-full');
1623                }, 500);
1624            }
1625        }
1626
1627        function hideCookieBanner() {
1628            const banner = document.getElementById('cookieConsent');
1629            if (banner) {
1630                banner.style.transition = 'transform 0.3s ease-out, opacity 0.3s ease-out';
1631                banner.style.opacity = '0';
1632                banner.classList.add('translate-y-full');
1633                // Remove from DOM after animation
1634                setTimeout(() => {
1635                    banner.style.display = 'none';
1636                }, 300);
1637            }
1638        }
1639
1640        function acceptCookies() {
1641            // Prevent double-clicks
1642            if (window.cookieConsentProcessing) return;
1643            window.cookieConsentProcessing = true;
1644
1645            setCookieConsent('accepted');
1646            hideCookieBanner();
1647            loadTrackingScripts();
1648        }
1649
1650        function declineCookies() {
1651            // Prevent double-clicks
1652            if (window.cookieConsentProcessing) return;
1653            window.cookieConsentProcessing = true;
1654
1655            setCookieConsent('declined');
1656            hideCookieBanner();
1657        }
1658
1659        function loadTrackingScripts() {
1660            // Google Ads (gtag.js)
1661            var gtagScript = document.createElement('script');
1662            gtagScript.async = true;
1663            gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=AW-16682991227';
1664            document.head.appendChild(gtagScript);
1665            
vendor: 163 bytes, lines 1665-1668
1665window.dataLayer = window.dataLayer || [];
1666            function gtag(){dataLayer.push(arguments);}
1667            gtag('js', new Date());
1668            gtag('config', '
1668AW-16682991227
vendor: 17 bytes, lines 1668-1670
1668');
1669
1670            
1670// Google Tag Manager (GTM will handle Facebook Pixel)
vendor: 388 bytes, lines 1670-1675
1670
1671            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1672            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1673            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1674            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1675            })(window,document,'script','dataLayer','
1675GTM-T6LGK4DS
vendor: 17 bytes, lines 1675-1677
1675');
1676
1677            
1677// Facebook Pixel - Only load if GTM doesn't already handle it
1678            // Note: GTM usually includes Facebook Pixel, so this may be redundant
1679            if (!window.fbq) {
vendor: 543 bytes, lines 1679-1688
1679
1680                !function(f,b,e,v,n,t,s)
1681                {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1682                n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1683                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1684                n.queue=[];t=b.createElement(e);t.async=!0;
1685                t.src=v;s=b.getElementsByTagName(e)[0];
1686                s.parentNode.insertBefore(t,s)}(window, document,'script',
1687                'https://connect.facebook.net/en_US/fbevents.js');
1688                fbq('init', '
1688258103243982694
vendor: 58 bytes, lines 1688-1690
1688');
1689                fbq('track', 'PageView');
1690            
1690}
1691
1692            // Brevo
1693            var brevoScript = document.createElement('script');
1694            brevoScript.src = 'https://cdn.brevo.com/js/sdk-loader.js';
1695            brevoScript.async = true;
1696            brevoScript.onload = function() {
1697                window.Brevo = window.Brevo || [];
1698                Brevo.push(["init", {
1699                    client_key: "p0zpx30jw3tvqdn6wjgqksts",
1700                    email_id: "[email protected]"
1701                }]);
1702            };
1703            document.body.appendChild(brevoScript);
1704
1705            // TikTok Pixel
1706            !function (w, d, t) {
1707                w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
1708                var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
1709                ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
1710                ttq.load('CR6NFN3C77UF4368GNJG');
1711                ttq.page();
1712            }(window, document, 'ttq');
1713
1714            // TikTok Event Helpers
1715            window.ttqSha256 = async function(value) {
1716                if (!value) return '';
1717                var trimmed = String(value).trim().toLowerCase();
1718                if (!trimmed) return '';
1719                var data = new TextEncoder().encode(trimmed);
1720                var hashBuffer = await crypto.subtle.digest('SHA-256', data);
1721                return Array.from(new Uint8Array(hashBuffer)).map(function(b) {
1722                    return b.toString(16).padStart(2, '0');
1723                }).join('');
1724            };
1725            window.ttqIdentifyUser = async function(email, phone, externalId) {
1726                if (typeof ttq === 'undefined') return;
1727                var identifyData = {};
1728                if (email) identifyData.email = await ttqSha256(email);
1729                if (phone) {
1730                    var normalized = String(phone).replace(/[\s\-\(\)]/g, '');
1731                    if (normalized.startsWith('0')) normalized = '+4' + normalized;
1732                    else if (!normalized.startsWith('+')) normalized = '+' + normalized;
1733                    identifyData.phone_number = await ttqSha256(normalized);
1734                }
1735                if (externalId) identifyData.external_id = await ttqSha256(String(externalId));
1736                ttq.identify(identifyData);
1737            };
1738            window.ttqTrackOnce = function(eventName, eventData, dedupeKey) {
1739                if (typeof ttq === 'undefined') return;
1740                if (dedupeKey && sessionStorage.getItem(dedupeKey)) return;
1741                if (dedupeKey) sessionStorage.setItem(dedupeKey, 'true');
1742                ttq.track(eventName, eventData || {});
1743            };
1744            window.ttqTrack = function(eventName, eventData) {
1745                if (typeof ttq === 'undefined') return;
1746                ttq.track(eventName, eventData || {});
1747            };
1748        }
1749
1750        // Check cookie consent on page load and load tracking scripts if needed
1751        window.addEventListener('load', function() {
1752            const consent = getCookieConsent();
1753
1754            if (consent === 'accepted') {
1755                // Load tracking scripts for returning users who accepted
1756                loadTrackingScripts();
1757            } else if (consent === 'declined') {
1758                // User declined, do nothing
1759            } else {
1760                // First-time visitor, show banner
1761                showCookieBanner();
1762            }
1763        });
1764
1765        // Mobile Menu & Navigation
1766        function toggleMobileMenu() {
1767            document.querySelector('.mobile-menu').classList.toggle('active');
1768        }
1769
1770        function toggleSubmenu(submenuId) {
1771            const submenu = document.getElementById(submenuId);
1772            const icon = document.getElementById(submenuId + '-icon');
1773
1774            submenu.classList.toggle('hidden');
1775            icon.classList.toggle('rotate-180');
1776        }
1777
1778        document.querySelectorAll('.mobile-menu a').forEach(link => {
1779            link.addEventListener('click', () => {
1780                document.querySelector('.mobile-menu').classList.remove('active');
1781            });
1782        });
1783
1784        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1785            anchor.addEventListener('click', function (e) {
1786                e.preventDefault();
1787                const target = document.querySelector(this.getAttribute('href'));
1788                if (target) {
1789                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
1790                }
1791            });
1792        });
1793
1794        // Scroll to Top Button
1795        const scrollToTopBtn = document.getElementById('scrollToTop');
1796
1797        if (scrollToTopBtn) {
1798            window.addEventListener('scroll', function() {
1799                if (window.pageYOffset > 300) {
1800                    scrollToTopBtn.style.opacity = '1';
1801                    scrollToTopBtn.style.visibility = 'visible';
1802                } else {
1803                    scrollToTopBtn.style.opacity = '0';
1804                    scrollToTopBtn.style.visibility = 'hidden';
1805                }
1806            });
1807
1808            scrollToTopBtn.addEventListener('click', function() {
1809                window.scrollTo({
1810                    top: 0,
1811                    behavior: 'smooth'
1812                });
1813            });
1814        }
1815    </script>
1815
1816
1817    
1818    <noscript>
1819        <img height="1" width="1" style="display:none"
1820             src="https://www.facebook.com/tr?id=258103243982694&ev=PageView&noscript=1"/>
1821    </noscript>
1822
1823    
1824    
1824<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js" type="1f698beccb3af54349bd69a1-text/javascript"></script>
1824
1825    
1825<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" type="1f698beccb3af54349bd69a1-text/javascript"></script>
vendor: 154 bytes, lines 1825-1829
1825
1826
1827    
1828    
1829<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1f698beccb3af54349bd69a1-|49" defer></script>
1829<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":"8d5f118ec7d746a4ada8bba76d920db9","r":1,"spa":2}' crossorigin="anonymous"></script>
1829
1830</body>
1831</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.