PageSourceSearch

https://qlickcrm.hu/ertekesites

html qlickcrm.hu collected 2026-10-08 06:07:06 UTC 78,545 bytes, 1,355 lines download raw bytes

1<!DOCTYPE html>
2<html lang="hu">
3<head>
4        <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <title>Értékesítés - QlickCRM</title>
8    <meta name="description" content="QlickCRM értékesítési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. Egyszerűsíti az értékesítési folyamatok követését." />
9    <meta name="author" content="QlickCRM">
10    <meta name="robots" content="index, follow" />
11    <meta name="theme-color" content="#1a1443">
12    <meta name="facebook-domain-verification" content="lndflvhfl8lrzqj6asdik55jr0jq3j" />
13
14    <link rel="schema.dcterms" href="http://purl.org/dc/terms/">
15    <meta name="DC.title" content="Értékesítés - QlickCRM" />
16    <meta name="DC.description" content="QlickCRM értékesítési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. Egyszerűsíti az értékesítési folyamatok követését." />
17    <meta name="DC.creator" content="QlickCRM" />
18    <meta name="DC.publisher" content="QlickCRM" />
19    <meta name="DC.date" content="2024-04-12T09:07:23+02:00" />
20    <meta name="DC.language" content="hu" />
21    <meta name="DC.format" content="text/html" />
22    <meta name="DC.identifier" content="https://qlickcrm.hu/ertekesites" />
23
24    <link rel="icon" href="https://qlickcrm.hu/images/favicon.png">
25    <link rel="apple-touch-icon" href="https://qlickcrm.hu/images/apple-touch-icon-120x120.png">
26
27    
28    <link rel="preconnect" href="https://cdn.trustindex.io" crossorigin>
29    <link rel="preconnect" href="https://www.google.com" crossorigin>
30    
31    
32    <link rel="preload" as="font" type="font/woff2" href="https://qlickcrm.hu/fonts/sora/Sora-ExtraBold.woff2" crossorigin>
33    <link rel="preload" as="font" type="font/woff2" href="https://qlickcrm.hu/fonts/mulish/Mulish-Regular.woff2" crossorigin>
34
35    
36    <noscript>
37        <style>[data-aos]{opacity:1 !important;transform:none !important;}</style>
38    </noscript>
39
40    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
41
42    
43    <link rel="preload" as="style" href="https://qlickcrm.hu/build/assets/app-D2yTWWHx.css" /><link rel="modulepreload" href="https://qlickcrm.hu/build/assets/app-Cba6N_Ge.js" /><link rel="stylesheet" href="https://qlickcrm.hu/build/assets/app-D2yTWWHx.css" data-navigate-track="reload" />
43<script type="module" src="https://qlickcrm.hu/build/assets/app-Cba6N_Ge.js" data-navigate-track="reload"></script>
43
44    
45    <link rel="canonical" href="https://qlickcrm.hu/ertekesites" />
46        
47    <meta property="og:locale" content="hu_HU" />
48    <meta property="og:type" content="website" />
49    <meta property="og:title" content="Értékesítési folyamatok támogatása" />
50    <meta property="og:description" content="QlickCRM értékesítési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. Egyszerűsíti az értékesítési folyamatok követését." />
51    <meta property="og:url" content="https://qlickcrm.hu/ertekesites" />
52    <meta property="og:site_name" content="QlickCRM" />
53    <meta property="article:publisher" content="https://www.facebook.com/qlickcrm" />
54    <meta property="article:modified_time" content="2024-04-12T09:07:23+02:00" />
55    <meta property="og:image" content="https://qlickcrm.hu/images/og/ertekesites-og.jpg" />
56    <meta property="og:image:width" content="1200" />
57    <meta property="og:image:height" content="630" />
58    <meta property="og:image:type" content="image/jpeg" />
59    <meta property="og:image:alt" content="Értékesítési folyamatok támogatása" />
60    <meta name="twitter:card" content="summary_large_image" />
61    <meta name="twitter:title" content="Értékesítés - QlickCRM" />
62    <meta name="twitter:description" content="QlickCRM értékesítési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. Egyszerűsíti az értékesítési folyamatok követését." />
63    <meta name="twitter:image" content="https://qlickcrm.hu/images/og/ertekesites-og.jpg" />
64    <meta name="p:domain_verify" content="f923dd562a15a6e437306f5d37f0447e"/>
65
66    <meta name="csrf-token" content="NcRlw0EXzDs6HX1ft8APniYatY8oZ8NRWqdKwlVr">
67    
67<script async src="https://cdn.trustindex.io/assets/js/richsnippet.js?125b2d128055gd86"></script>
67
68    
69    
69<script>
70        window.dataLayer = window.dataLayer || [];
71        function gtag(){dataLayer.push(arguments);}
72        window.gtag = gtag;
73        gtag('consent', 'default', {
74            'ad_storage': 'denied',
75            'ad_user_data': 'denied',
76            'ad_personalization': 'denied',
77            'analytics_storage': 'denied',
78            'functionality_storage': 'granted',
79            'security_storage': 'granted',
80            'wait_for_update': 500
81        });
82
83        // Előzetes consent update VISSZATÉRŐ látogatóknál — szinkron módon,
84        // a GA/GTM és bármilyen inline gtag('event', ...) hívás ELŐTT fut.
85        // Biztosítja, hogy a /sikeres-demo-regisztracio oldalon a lead conversion
86        // event granted állapotban érkezik (nem denied, nem conversion-modeling).
87        (function() {
88            try {
89                var raw = localStorage.getItem("qlick_cookie_consent");
90                if (!raw) return;
91                var c = JSON.parse(raw);
92                if (!c || c.version !== 1) return;
93                if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return;
94                var cat = c.categories || {};
95                gtag('consent', 'update', {
96                    analytics_storage: cat.analytics ? 'granted' : 'denied',
97                    ad_storage: cat.marketing ? 'granted' : 'denied',
98                    ad_user_data: cat.marketing ? 'granted' : 'denied',
99                    ad_personalization: cat.marketing ? 'granted' : 'denied'
100                });
101            } catch (e)
102        })();
103    </script>
103
104
105            
105<script defer src="https://api.signaljoe.com/signaljoe.js" data-key="pk_write_aZbj9I5NUZBAUrzJytaTOQC1fFGxp4TsHf5x4e407jHDFyya" data-disable="errors"></script>
105
106        
106<script>
107            gtag('js', new Date());
108            gtag('config', "G-ZV69LM5FMN");
109            gtag('config', "AW-11305643851");
110        </script>
vendor: 72 bytes, lines 110-111
110
111        <script async src="https://www.googletagmanager.com/gtag/js?id=
111G-ZV69LM5FMN
vendor: 20 bytes, lines 111-112
111"></script>
112        
112<script>
113            // Google Tag Manager (denied default állapotban is tölthet)
vendor: 388 bytes, lines 113-118
113
114            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
115            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
116            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
117            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
118            })(window,document,'script','dataLayer',"
118GTM-WM58CBW3
vendor: 12 bytes, lines 118-119
118");
119        
119</script>
119
120
121        <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 121-122
121
122        <script async src="https://www.googletagmanager.com/gtag/js?id=
122AW-11305643851
vendor: 20 bytes, lines 122-123
122"></script>
123        
123<script>
124        
vendor: 152 bytes, lines 124-128
124window.dataLayer = window.dataLayer || [];
125        function gtag(){dataLayer.push(arguments);}
126        gtag('js', new Date());
127
128        gtag('config', '
128AW-11305643851
vendor: 12 bytes, lines 128-129
128');
129        
129</script>
129
130    
131    
132        
132<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://qlickcrm.hu/#organization","name":"QlickCRM","url":"https://qlickcrm.hu/","logo":{"@type":"ImageObject","url":"https://qlickcrm.hu/images/qlickcrm-logo.png"},"sameAs":["https://www.facebook.com/qlickcrm","https://www.linkedin.com/company/qlickcrm","https://www.instagram.com/qlickcrm/","https://www.tiktok.com/@qlickcrm","https://www.youtube.com/@qlickcrm"]}</script>
132
133    
133<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://qlickcrm.hu/#website","url":"https://qlickcrm.hu/","name":"QlickCRM","description":"Egyszerű CRM rendszer vállalkozásoknak","inLanguage":"hu","publisher":{"@id":"https://qlickcrm.hu/#organization"}}</script>
vendor: 71 bytes, lines 133-134
133
134    <script async src="https://www.google.com/recaptcha/api.js?render=
1346LeeJrMqAAAAACWdUkud3OktRpiQQ3nWaHyg1LRE
vendor: 16 bytes, lines 134-135
134"></script>
135    
135<script defer src="https://qlickcrm.com/qlickcrm-form.js"></script>
135
136            
136<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezdőlap","item":"https://qlickcrm.hu"},{"@type":"ListItem","position":2,"name":"Funkciók","item":"https://qlickcrm.hu/crm-rendszer-funkciok"},{"@type":"ListItem","position":3,"name":"Értékesítés","item":"https://qlickcrm.hu/ertekesites"}]}</script>
136
137
138</head>
139<body  itemscope="itemscope" itemtype="https://schema.org/WebPage">
140            <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 140-141
140
141        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
141GTM-WM58CBW3
vendor: 91 bytes, lines 141-142
141" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
142        
142<!-- End Google Tag Manager (noscript) -->
143        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1529652591172666&ev=PageView&noscript=1"/></noscript>
144    
145    
146    <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:rounded-full focus:bg-accent-500 focus:text-white focus:px-4 focus:py-2 focus:font-semibold">
147        Ugrás a tartalomhoz
148    </a>
149
150    
151    <div x-data="{ mobileOpen: false, funkciokOpen: false, tamogatasOpen: false }" x-cloak>
152    <header class="sticky top-0 z-40 bg-surface/80 backdrop-blur-md border-b border-border !py-0">
153        <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8">
154            <div class="relative flex items-center justify-between h-[72px] lg:h-[88px]">
155                
156                <div class="flex items-center">
157                    <a href="https://qlickcrm.hu" class="flex items-center" aria-label="QlickCRM főoldal">
158                        <img src="https://qlickcrm.hu/images/logo.svg" alt="QlickCRM - Magyar CRM rendszer" class="h-12 md:h-14 w-auto" />
159                    </a>
160                </div>
161
162                
163                <nav role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement"
164                     class="hidden lg:flex self-stretch items-center gap-0 text-left ml-4 xl:ml-16 mr-auto">
165                    
166                    <div class="self-stretch flex items-center"
167                         @mouseenter="funkciokOpen = true"
168                         @mouseleave="funkciokOpen = false">
169                        <a href="https://qlickcrm.hu/crm-rendszer-funkciok"
170                           @click.prevent="funkciokOpen = !funkciokOpen"
171                           class="inline-flex items-center gap-1 px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap"
172                           :aria-expanded="funkciokOpen">
173                            CRM rendszer
174                            <svg :class="funkciokOpen ? 'rotate-180' : ''" class="size-4 transition"
175  xmlns="http://www.w3.org/2000/svg"
176  width="24"
177  height="24"
178  viewBox="0 0 24 24"
179  fill="none"
180  stroke="currentColor"
181  stroke-width="2"
182  stroke-linecap="round"
183  stroke-linejoin="round"
184  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
185>
186  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
187  <path d="M6 9l6 6l6 -6" />
188</svg>                        </a>
189                        <div x-show="funkciokOpen"
190                             x-transition:enter="transition ease-out duration-150"
191                             x-transition:enter-start="opacity-0 -translate-y-1"
192                             x-transition:enter-end="opacity-100 translate-y-0"
193                             x-transition:leave="transition ease-in duration-100"
194                             x-transition:leave-start="opacity-100"
195                             x-transition:leave-end="opacity-0"
196                             class="absolute top-full left-0 pt-2 w-[1000px] max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-3rem)] lg:max-w-[calc(100vw-4rem)] text-left"
197                             style="display: none;">
198                            <div class="rounded-3xl bg-surface border border-border shadow-elevated p-8">
199                                
200                                <div>
201                                    <p class="text-overline uppercase font-semibold text-accent-500 mb-4 text-left">Funkciók</p>
202                                    <div class="grid grid-cols-4 gap-x-8 gap-y-3 text-left">
203                                        <a href="https://qlickcrm.hu/ertekesites" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Értékesítés támogatás</a>
204                                        <a href="https://qlickcrm.hu/ugyfelkezelo-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Ügyfélkezelés</a>
205                                        <a href="https://qlickcrm.hu/projektmenedzsment" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Projektmenedzsment</a>
206                                        <a href="https://qlickcrm.hu/feladatkezelo-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Feladatkezelés</a>
207                                        <a href="https://qlickcrm.hu/ugyfelszolgalati-rendszer" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Ügyfélszolgálat</a>
208                                        <a href="https://qlickcrm.hu/munkaido-nyilvantartas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Munkaidő nyilvántartás</a>
209                                        <a href="https://qlickcrm.hu/email-kezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">E-mail kezelés</a>
210                                        <a href="https://qlickcrm.hu/riportok" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">
210Riportok</a>
211                                        <a href="https://qlickcrm.hu/termekek-szolgaltatasok-szamlazas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Termékek, szolgáltatások és számlázás</a>
212                                        <a href="https://qlickcrm.hu/crm-folyamatkezeles-automatizalas" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Folyamat automatizálás</a>
213                                        <a href="https://qlickcrm.hu/webaruhaz-integracio" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">E-kereskedelem</a>
214                                        <a href="https://qlickcrm.hu/crm-rendszer-integraciok" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Integrációk</a>
215                                        <a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition text-left">Jogosultság kezelés</a>
216                                    </div>
217                                </div>
218
219                                
220                                <div class="mt-8 pt-6 border-t border-border">
221                                    <p class="text-overline uppercase font-semibold text-accent-500 mb-3 text-left">Hasznos tudnivalók</p>
222                                    <div class="grid grid-cols-4 gap-x-8 gap-y-3 text-left">
223                                        <a href="https://qlickcrm.hu/blog/mi-az-a-crm-mi-a-crm-rendszer-jelentese" class="text-base font-medium text-foreground hover:text-accent-500 transition">Mi az a CRM rendszer?</a>
224                                        <a href="https://qlickcrm.hu/blog/mik-egy-crm-rendszer-elonyei-hogyan-teszi-hatekonyabba-ceged-mukodeset" class="text-base font-medium text-foreground hover:text-accent-500 transition">CRM rendszer előnyei</a>
225                                        <a href="https://qlickcrm.hu/blog/hogyan-tortenik-a-qlickcrm-bevezetese" class="text-base font-medium text-foreground hover:text-accent-500 transition">Bevezetés támogatás</a>
226                                        <a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-base font-medium text-foreground hover:text-accent-500 transition">Adatkezelés és biztonság</a>
227                                    </div>
228                                </div>
229                            </div>
230                        </div>
231                    </div>
232
233                    
234                    <div class="relative self-stretch flex items-center"
235                         @mouseenter="tamogatasOpen = true"
236                         @mouseleave="tamogatasOpen = false">
237                        <button type="button"
238                           @click="tamogatasOpen = !tamogatasOpen"
239                           class="inline-flex items-center gap-1 px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap"
240                           :aria-expanded="tamogatasOpen">
241                            Támogatás
242                            <svg :class="tamogatasOpen ? 'rotate-180' : ''" class="size-4 transition"
243  xmlns="http://www.w3.org/2000/svg"
244  width="24"
245  height="24"
246  viewBox="0 0 24 24"
247  fill="none"
248  stroke="currentColor"
249  stroke-width="2"
250  stroke-linecap="round"
251  stroke-linejoin="round"
252  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
253>
254  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
255  <path d="M6 9l6 6l6 -6" />
256</svg>                        </button>
257                        <div x-show="tamogatasOpen"
258                             x-transition:enter="transition ease-out duration-150"
259                             x-transition:enter-start="opacity-0 -translate-y-1"
260                             x-transition:enter-end="opacity-100 translate-y-0"
261                             x-transition:leave="transition ease-in duration-100"
262                             x-transition:leave-start="opacity-100"
263                             x-transition:leave-end="opacity-0"
264                             class="absolute top-full left-0 pt-2 w-64 max-w-[calc(100vw-2rem)] text-left"
265                             style="display: none;">
266                            <div class="rounded-3xl bg-surface border border-border shadow-elevated p-6">
267                                <div class="flex flex-col gap-2 text-left">
268                                    <a href="https://qlickcrm.hu/crm-rendszer-valtas" class="text-base font-medium text-foreground hover:text-accent-500 transition">CRM rendszert váltanál?</a>
269                                    <a href="https://help.qlickcrm.com" target="_blank" rel="noopener" class="text-base font-medium text-foreground hover:text-accent-500 transition">Tudásbázis</a>
270                                    <!-- <a href="https://qlickcrm.hu/webinarok" class="text-base font-medium text-foreground hover:text-accent-500 transition">Webinárok</a>
271                                    <a href="https://help.qlickcrm.com/videok" target="_blank" rel="noopener" class="text-base font-medium text-foreground hover:text-accent-500 transition">Oktató videók</a> -->
272                                    <a href="https://qlickcrm.hu/blog" class="text-base font-medium text-foreground hover:text-accent-500 transition">Blog</a>
273                                </div>
274                            </div>
275                        </div>
276                    </div>
277
278                    <a href="https://qlickcrm.hu/crm-rendszer-arak" itemprop="url"
279                       class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap">
280                        Díjcsomagok
281                    </a>
282                    <a href="https://qlickcrm.hu/rolunk" itemprop="url"
283                       class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap">
284                        Rólunk
285                    </a>
286                    <a href="https://qlickcrm.hu/kapcsolat" itemprop="url"
287                       class="px-2 xl:px-3 py-2 rounded-xl text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition whitespace-nowrap">
288                        Elérhetőségek
289                    </a>
290                </nav>
291
292                
293                <div class="hidden lg:flex items-center gap-3">
294                    <a href="https://app.qlickcrm.com" target="_blank" rel="nofollow noopener"
295                       class="text-[15px] xl:text-base font-medium text-foreground hover:text-accent-500 transition px-2 xl:px-3 py-2 whitespace-nowrap">
296                        Belépés
297                    </a>
298                    <a
299        href="https://qlickcrm.hu/crm-rendszer-demo"
300        class="ui-btn ui-btn-cta ui-btn-md"
301            >
302                Ingyenes regisztráció
303        <svg class="size-4"
304  xmlns="http://www.w3.org/2000/svg"
305  width="24"
306  height="24"
307  viewBox="0 0 24 24"
308  fill="none"
309  stroke="currentColor"
310  stroke-width="2"
311  stroke-linecap="round"
312  stroke-linejoin="round"
313  class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"
314>
315  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
316  <path d="M5 12l14 0" />
317  <path d="M13 18l6 -6" />
318  <path d="M13 6l6 6" />
319</svg>    </a>
320                </div>
321
322                
323                <button
324                    @click="mobileOpen = true"
325                    class="lg:hidden inline-flex items-center justify-center size-10 rounded-xl text-foreground hover:bg-brand-50 transition"
326                    aria-label="Menü megnyitása"
327                >
328                    <svg class="size-6"
329  xmlns="http://www.w3.org/2000/svg"
330  width="24"
331  height="24"
332  viewBox="0 0 24 24"
333  fill="none"
334  stroke="currentColor"
335  stroke-width="2"
336  stroke-linecap="round"
337  stroke-linejoin="round"
338  class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"
339>
340  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
341  <path d="M4 6l16 0" />
342  <path d="M4 12l16 0" />
343  <path d="M4 18l16 0" />
344</svg>                </button>
345            </div>
346        </div>
347    </header>
348
349    
350    <div
351        x-show="mobileOpen"
352        x-transition.opacity
353        @keydown.escape.window="mobileOpen = false"
354        class="lg:hidden fixed inset-0 z-50"
355        style="display: none;"
356    >
357            <div class="absolute inset-0 bg-brand-950/60 backdrop-blur-sm" @click="mobileOpen = false"></div>
358            <div
359                x-show="mobileOpen"
360                x-transition:enter="transition ease-out duration-200"
361                x-transition:enter-start="translate-x-full"
362                x-transition:enter-end="translate-x-0"
363                x-transition:leave="transition ease-in duration-150"
364                x-transition:leave-start="translate-x-0"
365                x-transition:leave-end="translate-x-full"
366                class="absolute right-0 top-0 bottom-0 w-full max-w-sm bg-surface overflow-y-auto"
367            >
368                <div class="flex items-center justify-between p-4 border-b border-border">
369                    <a href="https://qlickcrm.hu" aria-label="QlickCRM főoldal">
370                        <img src="https://qlickcrm.hu/images/logo.svg" alt="QlickCRM" class="h-8 w-auto" />
371                    </a>
372                    <button
373                        @click="mobileOpen = false"
374                        class="inline-flex items-center justify-center size-10 rounded-xl text-foreground hover:bg-brand-50 transition"
375                        aria-label="Menü bezárása"
376                    >
377                        <svg class="size-6"
378  xmlns="http://www.w3.org/2000/svg"
379  width="24"
380  height="24"
381  viewBox="0 0 24 24"
382  fill="none"
383  stroke="currentColor"
384  stroke-width="2"
385  stroke-linecap="round"
386  stroke-linejoin="round"
387  class="icon icon-tabler icons-tabler-outline icon-tabler-x"
388>
389  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
390  <path d="M18 6l-12 12" />
391  <path d="M6 6l12 12" />
392</svg>                    </button>
393                </div>
394                <nav class="p-4 space-y-1">
395                    <details class="group">
396                        <summary class="flex items-center justify-between px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition cursor-pointer list-none">
397                            <span>CRM rendszer</span>
398                            <svg class="size-5 transition group-open:rotate-180"
399  xmlns="http://www.w3.org/2000/svg"
400  width="24"
401  height="24"
402  viewBox="0 0 24 24"
403  fill="none"
404  stroke="currentColor"
405  stroke-width="2"
406  stroke-linecap="round"
407  stroke-linejoin="round"
408  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
409>
410  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
411  <path d="M6 9l6 6l6 -6" />
412</svg>                        </summary>
413                        <div class="pl-4 mt-1 mb-2 space-y-1 border-l border-border ml-3">
414                            <a href="https://qlickcrm.hu/crm-rendszer-funkciok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Összes funkció</a>
415                            <a href="https://qlickcrm.hu/ertekesites" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Értékesítés</a>
416                            <a href="https://qlickcrm.hu/ugyfelkezelo-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Ügyfélkezelés</a>
417                            <a href="https://qlickcrm.hu/projektmenedzsment" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Projektmenedzsment</a>
418                            <a href="https://qlickcrm.hu/feladatkezelo-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Feladatkezelés</a>
419                            <a href="https://qlickcrm.hu/ugyfelszolgalati-rendszer" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Ügyfélszolgálat</a>
420                            <a href="https://qlickcrm.hu/riportok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Riportok</a>
421                            <a href="https://qlickcrm.hu/crm-folyamatkezeles-automatizalas" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Automatizálás</a>
422                            <a href="https://qlickcrm.hu/crm-rendszer-integraciok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Integrációk</a>
423                        </div>
424                    </details>
425
426                    <details class="group">
427                        <summary class="flex items-center justify-between px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition cursor-pointer list-none">
428                            <span>Támogatás</span>
429                            <svg class="size-5 transition group-open:rotate-180"
430  xmlns="http://www.w3.org/2000/svg"
431  width="24"
432  height="24"
433  viewBox="0 0 24 24"
434  fill="none"
435  stroke="currentColor"
436  stroke-width="2"
437  stroke-linecap="round"
438  stroke-linejoin="round"
439  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"
440>
441  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
442  <path d="M6 9l6 6l6 -6" />
443</svg>                        </summary>
444                        <div class="pl-4 mt-1 mb-2 space-y-1 border-l border-border ml-3">
445                            <a href="https://qlickcrm.hu/crm-rendszer-valtas" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">CRM rendszer váltóknak</a>
446                            <a href="https://help.qlickcrm.com" target="_blank" rel="noopener" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Tudásbázis</a>
447                            <a href="https://qlickcrm.hu/webinarok" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Webinárok</a>
448                            <a href="https://help.qlickcrm.com/videok" target="_blank" rel="noopener" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Oktató videók</a>
449                            <a href="https://qlickcrm.hu/blog" class="block px-3 py-2 rounded-lg text-body-s font-medium text-muted hover:text-accent-500 transition">Blog</a>
450                        </div>
451                    </details>
452
453                    <a href="https://qlickcrm.hu/crm-rendszer-arak" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">Díjcsomagok</a>
454                    <a href="https://qlickcrm.hu/rolunk" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">Rólunk</a>
455                    <a href="https://qlickcrm.hu/kapcsolat" class="block px-3 py-3 rounded-xl text-body-l font-medium hover:bg-brand-50 transition">Elérhetőségek</a>
456                </nav>
457
458                <div class="p-4 border-t border-border space-y-3">
459                    <a
460        href="https://qlickcrm.hu/crm-rendszer-demo"
461        class="ui-btn ui-btn-cta ui-btn-lg w-full"
462            >
463                Ingyenes regisztráció
464        <svg class="size-5"
465  xmlns="http://www.w3.org/2000/svg"
466  width="24"
467  height="24"
468  viewBox="0 0 24 24"
469  fill="none"
470  stroke="currentColor"
471  stroke-width="2"
472  stroke-linecap="round"
473  stroke-linejoin="round"
474  class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"
475>
476  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
477  <path d="M5 12l14 0" />
478  <path d="M13 18l6 -6" />
479  <path d="M13 6l6 6" />
480</svg>    </a>
481                    <a
482        href="https://app.qlickcrm.com"
483        class="ui-btn ui-btn-outline ui-btn-lg w-full"
484            >
485                Belépés
486            </a>
487                </div>
488            </div>
489        </div>
490    
491
492    <main id="main-content" class="!pt-0">
493        
494
495<section class="relative overflow-hidden bg-gradient-to-b from-accent-50/30 via-surface to-surface">
496    <div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden">
497        <div class="absolute -top-32 -right-20 size-[500px] rounded-full bg-gradient-cta opacity-10 blur-3xl"></div>
498        <div class="absolute top-20 -left-40 size-[360px] rounded-full bg-brand-300 opacity-15 blur-3xl"></div>
499    </div>
500
501    <div class="relative max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 pt-10 md:pt-14 lg:pt-20 pb-14 text-center">
502        <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-surface border border-border text-overline uppercase font-semibold text-accent-500 mb-5">
503            <svg class="size-3.5"
504  xmlns="http://www.w3.org/2000/svg"
505  width="24"
506  height="24"
507  viewBox="0 0 24 24"
508  fill="none"
509  stroke="currentColor"
510  stroke-width="2"
511  stroke-linecap="round"
512  stroke-linejoin="round"
513  class="icon icon-tabler icons-tabler-outline icon-tabler-trending-up"
514>
515  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
516  <path d="M3 17l6 -6l4 4l8 -8" />
517  <path d="M14 7l7 0l0 7" />
518</svg>            Értékesítés
519        </div>
520        <h1 class="font-display font-extrabold text-display-l lg:text-display-xl tracking-tight text-foreground max-w-4xl mx-auto">
521            <span class="textGradient">Sikeresebb</span> értékesítés QlickCRM segítségével!
522        </h1>
523        <p class="mt-6 text-lead text-muted max-w-3xl mx-auto">
524            CRM rendszerünk értékesítési modulja nyilvántartja, hogy kinek, mikor, mit és mennyit adtál el. Egyszerűsíti az árajánlatok, szerződések összeállítását és kiküldését, az utánkövetést, továbbá hatékonyan támogatja az összetettebb értékesítési folyamatokat is, így megkönnyítve az értékesítők munkáját.
525        </p>
526        <div class="mt-8 [&_.ti-widget]:!flex [&_.ti-widget]:justify-center">
527            
527<script defer async src='https://cdn.trustindex.io/loader.js?7a1c5d1341de558219863838fab'></script>
527        </div>
528        <div class="mt-8">
529            <a
530        href="https://qlickcrm.hu/crm-rendszer-demo"
531        class="ui-btn ui-btn-cta ui-btn-lg"
532            >
533                Próbáld ki ingyen
534        <svg class="size-5"
535  xmlns="http://www.w3.org/2000/svg"
536  width="24"
537  height="24"
538  viewBox="0 0 24 24"
539  fill="none"
540  stroke="currentColor"
541  stroke-width="2"
542  stroke-linecap="round"
543  stroke-linejoin="round"
544  class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"
545>
546  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
547  <path d="M5 12l14 0" />
548  <path d="M13 18l6 -6" />
549  <path d="M13 6l6 6" />
550</svg>    </a>
551        </div>
552    </div>
553</section>
554
555
556
557<section class="py-12 md:py-20">
558    <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 space-y-16 md:space-y-24 lg:space-y-28">
559                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
560                <div class="lg:col-span-5 ">
561                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
562                        Nincs több elfelejtett érdeklődő vagy kihagyott értékesítési lehetőség
563                    </h2>
564                    <p class="mt-6 text-body-l text-muted">
565                        Irányítsd be a különböző csatornákon érkező érdeklődéseket a QlickCRM-be, hogy az összes értékesítési lehetőség egy felületen legyen áttekinthető, illetve kezelhető. A rendszerünk többek között képes az <strong class="text-foreground font-semibold">e-mailben, weboldalon keresztül, illetve a különböző közösségi média platformokról érkező megkereséseket is rögzíteni</strong>.
566                    </p>
567                </div>
568                <div class="lg:col-span-7 ">
569                    <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-kep1.png" alt="CRM rendszer értékesítés"
570                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
571                </div>
572            </div>
573                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
574                <div class="lg:col-span-5 lg:order-2">
575                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
576                        Minden információ, ami az értékesítéshez szükséges csak egy karnyújtásnyira
577                    </h2>
578                    <p class="mt-6 text-body-l text-muted">
579                        A QlickCRM-ben minden értékesítés és a hozzákapcsolódó ügyfél információ egy helyen nyilvántartható és kezelhető. Egyszerűen át tudod tekinteni, hogy melyik partnernek miből és mennyit adtatok el, valamint az értékesítések különböző paraméterei alapján könnyedén szűrni lehet az érdeklődők, illetve sikeres vagy éppen sikertelen értékesítések között.
580                    </p>
581                </div>
582                <div class="lg:col-span-7 lg:order-1">
583                    <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-kep7.png" alt="CRM rendszer értékesítés"
584                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
585                </div>
586            </div>
587                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
588                <div class="lg:col-span-5 ">
589                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
590                        Levelezz akár közvetlenül az értékesítési adatlapról az érdeklődővel
591                    </h2>
592                    <p class="mt-6 text-body-l text-muted">
593                        Az egyes értékesítésekkel kapcsolatos elektronikus levelezést közvetlenül az értékesítési adatlapról intézheted. <strong class="text-foreground font-semibold">Nem csak küldeni tudsz e-mailt (pl: ajánlatot vagy szerződést), hanem az érdeklődő válasz levele is időrendbe be tud teljesen automatikusan kerülni a CRM-be.</strong> Így tényleg, minden információ és kommunikáció egyetlen helyen elérhető lesz.
594                    </p>
595                </div>
596                <div class="lg:col-span-7 ">
597                    <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-email-kep2.png" alt="CRM rendszer e-mail kezelés"
598                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
599                </div>
600            </div>
601                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
602                <div class="lg:col-span-5 lg:order-2">
603                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
604                        Az árajánlatot vagy magát a szerződést akár a Ql
604ickCRM-ben is összeállíthatod
605                    </h2>
606                    <p class="mt-6 text-body-l text-muted">
607                        Tedd hatékonyabbá az árajánlatok, illetve szerződések összeállítását a QlickCRM-el! Hozz létre ajánlat vagy dokumentum sablonokat, melyek segítségével egy új árajánlat vagy szerződés elkészítése, illetve pdf fájlba történő exportálása tényleg csak pár kattintás.
608                    </p>
609                </div>
610                <div class="lg:col-span-7 lg:order-1">
611                    <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-arajanlat-kep3.png" alt="CRM rendszer szerződés vagy árajánlat készítés"
612                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
613                </div>
614            </div>
615                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
616                <div class="lg:col-span-5 ">
617                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
618                        Hozzáadhatod az eladott terméket vagy szolgáltatást az értékesítéshez
619                    </h2>
620                    <p class="mt-6 text-body-l text-muted">
621                        Töltsd fel <strong class="text-foreground font-semibold">termékeidet, illetve szolgáltatásaidat akár közvetlenül a QlickCRM-be</strong>, így lehetőséged nyílik az értékesítéshez történő hozzárendelésükre is. <strong class="text-foreground font-semibold">Pár kattintással akár számlázhatod is ezeket a hozzáadott tételeket</strong> a Számlázz.hu, illetve Billingo integrációnknak köszönhetően.
622                    </p>
623                </div>
624                <div class="lg:col-span-7 ">
625                    <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-termekek-szolgaltatasok-kep4.png" alt="CRM rendszer termékek és szolgáltatások"
626                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
627                </div>
628            </div>
629                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
630                <div class="lg:col-span-5 lg:order-2">
631                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
632                        Az utánkövetés egyszerűbbé válik, sőt akár automatizálhatod is a folyamatot
633                    </h2>
634                    <p class="mt-6 text-body-l text-muted">
635                        Sok apró hasznos eszköz, funkció van, amivel igyekszünk egyszerűbbé tenni az érdeklődők utánkövetését. Nem szeretnéd elfelejteni visszahívni az érdeklődőt? Hozz létre emlékeztetőt! Szeretnéd, ha szabadságod alatt is küldene a rendszer érdeklődő e-maileket? Hozz létre ütemezett leveleket! <strong class="text-foreground font-semibold">Sőt akár a teljes értékesítési, utánkövetési folyamatot megtámogathatod automatizmusokkal</strong>, így téve eredményesebbé az értékesítést.
636                    </p>
637                </div>
638                <div class="lg:col-span-7 lg:order-1">
639                    <img src="https://qlickcrm.hu/images/pages/sales/crm-ertekesites-utankovetes-kep5.png" alt="CRM rendszer értékesítés utánkövetés"
640                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
641                </div>
642            </div>
643                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
644                <div class="lg:col-span-5 ">
645                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
646                        Kíváncsi vagy, hogy az egyes marketing kampányok mennyi értékesítést eredményeztek?
647                    </h2>
648                    <p class="mt-6 text-body-l text-muted">
649                        Jó lenne tudni, hogy a különböző közösségi média vagy hírlevél kampányok mennyi érdeklődőt, sikeres vagy sikertelen értékesítést eredményeztek? A C
649RM rendszerben létrehozott és a weboldalba ágyazott űrlap segítségével az érdeklődők forrása is rögzítve lesz az értékesítési adatlaphoz, mely így riportolhatóvá válik a QlickCRM-ben.
650                    </p>
651                </div>
652                <div class="lg:col-span-7 ">
653                    <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-riportok-kep7.png" alt="CRM rendszer értékesítési riportok"
654                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
655                </div>
656            </div>
657                                <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-center">
658                <div class="lg:col-span-5 lg:order-2">
659                    <h2 class="font-display font-bold text-h1 tracking-tight text-foreground">
660                        Egyszerű és érthető riportokkal tesszük átláthatóvá az értékesítés teljesítményét
661                    </h2>
662                    <p class="mt-6 text-body-l text-muted">
663                        A különböző riportok segítenek áttekinteni a kiválasztott időszak, munkatárs vagy ügyfél sikeres, illetve sikertelen értékesítéseiről. Megtudhatod tehát azt is, hogy az egyes marketing kampányok mennyi megkeresést eredményeztek vagy például az egyes ügyfelek mit és mennyit vásároltak tőled.
664                    </p>
665                </div>
666                <div class="lg:col-span-7 lg:order-1">
667                    <img src="https://qlickcrm.hu/images/pages/sales/crm-rendszer-ertekesites-riportok-kep6.png" alt="CRM rendszer értékesítési riportok"
668                         class="w-full h-auto rounded-3xl drop-shadow-[0_20px_40px_rgba(26,20,67,0.12)]" />
669                </div>
670            </div>
671            </div>
672</section>
673
674
675<section class="bg-brand-950 text-white">
676    <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 lg:py-28">
677        <div class="grid grid-cols-1 md:grid-cols-12 gap-6 md:gap-10 items-end mb-10 md:mb-14">
678            <div class="md:col-span-8">
679                <h2 class="font-display font-bold text-h1 tracking-tight text-white">
680                    Értékesítési csatornáidat kösd össze a QlickCRM-el: <span class="textGradient"><span id="counter">7500</span>+ integráció</span>
681                </h2>
682            </div>
683            <div class="md:col-span-4 flex md:justify-end">
684                <a
685        href="https://qlickcrm.hu/crm-rendszer-integraciok"
686        class="ui-btn ui-btn-outline-white ui-btn-md" data-aos="flip-up" data-aos-delay="50" data-aos-duration="500"
687            >
688                További integrációk
689        <svg class="size-4"
690  xmlns="http://www.w3.org/2000/svg"
691  width="24"
692  height="24"
693  viewBox="0 0 24 24"
694  fill="none"
695  stroke="currentColor"
696  stroke-width="2"
697  stroke-linecap="round"
698  stroke-linejoin="round"
699  class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"
700>
701  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
702  <path d="M5 12l14 0" />
703  <path d="M13 18l6 -6" />
704  <path d="M13 6l6 6" />
705</svg>    </a>
706            </div>
707        </div>
708
709                    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 items-center">
710                                    <div class="flex items-center justify-center p-6 md:p-8 rounded-2xl bg-white/5 hover:bg-white/10 transition opacity-80 hover:opacity-100">
711                        <picture>
712                            <source srcset="https://qlickcrm.hu/storage/integrations/1742369049_bip.webp" type="image/webp">
713                            <img src="https://qlickcrm.hu/storage/integrations/1742369049_bip.png"
714                                 loading="lazy" decoding="async"
715                                 class="max-h-20 w-auto" alt="Bip! Kampány integráció logó">
716                        </picture>
717                    </div>
718                            </div>
719            </div>
720</section>
721
722
723<section class="ui-section-tone-muted py-16 md:py-24 lg:py-32">
724    <div class="max-w-8xl mx-auto px-4 sm:px-6 lg:px-8">
725        
726        <div class="text-center max-w-3xl mx-auto mb-10">
727        <h2 class="font-display font-bold text-h1 tracking-tight mb-4">
728            Nézd meg, <span class="text-accent-500">mit mondanak</span> ügyfeleink a QlickCRM-ről!
729        </h2>
730        <p class="text-lead text-muted">Ki tudná jobban bemutatni a QlickCRM előnyeit, mint azok, akik nap mint nap használják.</p>
731    </div>
732    
732<script defer async src='https://cdn.trustindex.io/loader.js?e24717e19ece28080746309c051'></script>
732
733    </div>
734</section>
735
736
737
738    </main>
739
740    
741    <footer class="bg-brand-950 text-white">
742        <div class="max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-20">
743            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-10 lg:gap-12">
744                
745                <div class="lg:col-span-4">
746                    <img src="https://qlickcrm.hu/images/QlickCRM-logo-footer-white-v2.svg" alt="QlickCRM logo" class="h-10 w-auto mb-6" />
747                    <p class="text-body-s text-white/80 max-w-sm">
748                        Magyar nyelvű CRM rendszer kis- és középvállalkozásoknak. Értékesítés, ügyfélkezelés, projektmenedzsment egyetlen felületen.
749                    </p>
750                </div>
751
752                
753                <div class="lg:col-span-3">
754                    <h4 class="font-display font-semibold text-white mb-4 text-body-l">Információk</h4>
755                    <nav>
756                        <ul class="space-y-3 text-body-s list-none p-0 m-0">
757                            <li><a href="https://doc.qlickcrm.hu" target="_blank" rel="noopener" class="text-white/80 hover:text-accent-400 transition">Fejlesztőknek (API)</a></li>
758                            <li><a href="https://qlickcrm.hu/qlickcrm-partner-ajanloi-program" class="text-white/80 hover:text-accent-400 transition">Viszonteladóknak</a></li>
759                            <li><a href="https://qlickcrm.hu/crm-biztonsag-es-adatkezeles" class="text-white/80 hover:text-accent-400 transition">Biztonság és adatkezelés</a></li>
760                            <li><a href="https://qlickcrm.hu/qlickcrm-brand" class="text-white/80 hover:text-accent-400 transition">QlickCRM brand</a></li>
761                            <li><a href="https://qlickcrm.hu/karrier" class="text-white/80 hover:text-accent-400 transition">Karrier</a></li>
762                        </ul>
763                    </nav>
764                </div>
765
766                
767                <div class="lg:col-span-3">
768                    <h4 class="font-display font-semibold text-white mb-4 text-body-l">Elérhetőségek</h4>
769                    <ul class="space-y-3 text-body-s list-none p-0 m-0">
770                        <li>
771                            <a href="tel:+3617004170" class="inline-flex items-center gap-2 text-white/80 hover:text-accent-400 transition">
772                                <svg class="size-4"
773  xmlns="http://www.w3.org/2000/svg"
774  width="24"
775  height="24"
776  viewBox="0 0 24 24"
777  fill="none"
778  stroke="currentColor"
779  stroke-width="2"
780  stroke-linecap="round"
781  stroke-linejoin="round"
782  class="icon icon-tabler icons-tabler-outline icon-tabler-phone"
783>
784  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
785  <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
786</svg>                                +36 1 700 4170
787                            </a>
788                        </li>
789                        <li>
790                            <a href="https://qlickcrm.hu/kapcsolat" class="inline-flex items-center gap-2 text-white/80 hover:text-accent-400 transition">
791                                <svg class="size-4"
792  xmlns="http://www.w3.org/2000/svg"
793  width="24"
794  height="24"
795  viewBox="0 0 24 24"
796  fill="none"
797  stroke="currentColor"
798  stroke-width="2"
799  stroke-linecap="round"
800  stroke-linejoin="round"
801  class="icon icon-tabler icons-tabler-outline icon-tabler-mail"
802>
803  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
804  <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" />
805  <path d="M3 7l9 6l9 -6" />
806</svg>                                Írj nekünk
807                            </a>
808                        </li>
809                    </ul>
810                </div>
811
812                
813                <div class="lg:col-span-2">
814                    <h4 class="font-display font-semibold text-white mb-4 text-body-l">Kövess minket</h4>
815                    <div class="flex items-center gap-3 flex-wrap">
816                        <a href="https://www.facebook.com/qlickcrm" target="_blank" rel="noopener" aria-label="Facebook"
817                           class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition">
818                            <svg class="size-5"
819  xmlns="http://www.w3.org/2000/svg"
820  width="24"
821  height="24"
822  viewBox="0 0 24 24"
823  fill="none"
824  stroke="currentColor"
825  stroke-width="2"
826  stroke-linecap="round"
827  stroke-linejoin="round"
828  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-facebook"
829>
830  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
831  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
832</svg>                        </a>
833                        <a href="https://www.linkedin.com/company/qlickcrm" target="_blank" rel="noopener" aria-label="LinkedIn"
834                           class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition">
835                            <svg class="size-5"
836  xmlns="http://www.w3.org/2000/svg"
837  width="24"
838  height="24"
839  viewBox="0 0 24 24"
840  fill="none"
841  stroke="currentColor"
842  stroke-width="2"
843  stroke-linecap="round"
844  stroke-linejoin="round"
845  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-linkedin"
846>
847  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
848  <path d="M8 11v5" />
849  <path d="M8 8v.01" />
850  <path d="M12 16v-5" />
851  <path d="M16 16v-3a2 2 0 1 0 -4 0" />
852  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10" />
853</svg>                        </a>
854                        <a href="https://www.instagram.com/qlickcrm/" target="_blank" rel="noopener" aria-label="Instagram"
855                           class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition">
856                            <svg class="size-5"
857  xmlns="http://www.w3.org/2000/svg"
858  width="24"
859  height="24"
860  viewBox="0 0 24 24"
861  fill="none"
862  stroke="currentColor"
863  stroke-width="2"
864  stroke-linecap="round"
865  stroke-linejoin="round"
866  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-instagram"
867>
868  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
869  <path d="M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4l0 -8" />
870  <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />
871  <path d="M16.5 7.5v.01" />
872</svg>                        </a>
873                        <a href="https://www.tiktok.com/@qlickcrm" target="_blank" rel="noopener" aria-label="TikTok"
874                           class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition">
875                            <svg class="size-5"
876  xmlns="http://www.w3.org/2000/svg"
877  width="24"
878  height="24"
879  viewBox="0 0 24 24"
880  fill="none"
881  stroke="currentColor"
882  stroke-width="2"
883  stroke-linecap="round"
884  stroke-linejoin="round"
885  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tiktok"
886>
887  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
888  <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917" />
889</svg>                        </a>
890                        <a href="https://www.youtube.com/@qlickcrm" target="_blank" rel="noopener" aria-label="YouTube"
891                           class="size-10 inline-flex items-center justify-center rounded-full bg-white/10 text-white/90 hover:bg-accent-500 hover:text-white transition">
892                            <svg class="size-5"
893  xmlns="http://www.w3.org/2000/svg"
894  width="24"
895  height="24"
896  viewBox="0 0 24 24"
897  fill="none"
898  stroke="currentColor"
899  stroke-width="2"
900  stroke-linecap="round"
901  stroke-linejoin="round"
902  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-youtube"
903>
904  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
905  <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8" />
906  <path d="M10 9l5 3l-5 3l0 -6" />
907</svg>                        </a>
908                    </div>
909                </div>
910            </div>
911
912            
913            <div class="mt-12 pt-8 border-t border-white/10 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 text-body-s text-white/70">
914                <p>© 2026 QlickCRM — Minden jog fenntartva</p>
915                <ul class="flex flex-wrap items-center gap-x-6 gap-y-2 list-none p-0 m-0">
916                    <li><a href="https://qlickcrm.hu/altalanos-szerzodesi-feltetelek" class="text-white/70 hover:text-accent-400 transition">ÁSZF</a></li>
917                    <li><a href="https://qlickcrm.hu/impresszum" class="text-white/70 hover:text-accent-400 transition">Impresszum</a></li>
918                    <li><a href="https://qlickcrm.hu/adatkezelesi-tajekoztato" class="text-white/70 hover:text-accent-400 transition">Adatkezelés</a></li>
919                    <li><a href="https://qlickcrm.hu/suti-tajekoztato" class="text-white/70 hover:text-accent-400 transition">Süti tájékoztató</a></li>
920                    <li>
921                        <button type="button"
922                                onclick="window.dispatchEvent(new CustomEvent('qlick:open-cookie-sett
922ings'))"
923                                class="text-white/70 hover:text-accent-400 transition bg-transparent border-0 p-0 cursor-pointer">
924                            Süti beállítások
925                        </button>
926                    </li>
927                </ul>
928            </div>
929        </div>
930    </footer>
931    </div>
932
933    <link rel="stylesheet" href="https://qlickcrm.hu/css/aos.css">
934    
934<script src="/livewire/livewire.min.js?id=e949cd11"   data-csrf="NcRlw0EXzDs6HX1ft8APniYatY8oZ8NRWqdKwlVr" data-update-uri="/livewire/update" data-navigate-once="true"></script>
934
935            
935<script defer src="https://qlickcrm.hu/js/script.js"></script>
935
936        
936<script defer src="https://qlickcrm.hu/js/form.js"></script>
936
937        
937<script defer src="https://qlickcrm.hu/js/aos.js"></script>
937
938
939    
940    
940<script>
941    (function () {
942        function marketingConsent() {
943            try {
944                var cfg = window.qlickCookiesConfig || {};
945                var raw = localStorage.getItem(cfg.storageKey || 'qlick_cookie_consent');
946                if (!raw) return false;
947                var c = JSON.parse(raw);
948                if (!c || typeof c !== 'object') return false;
949                if (cfg.version != null && c.version !== cfg.version) return false;
950                if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return false;
951                return !!(c.categories && c.categories.marketing);
952            } catch (e) { return false; }
953        }
954        window.qlickMarketingConsent = marketingConsent;
955
956        function fbclidFromVisitor() {
957            try {
958                var json = window.getVisitorDataJson && window.getVisitorDataJson();
959                if (!json) return '';
960                var d = JSON.parse(json);
961                return (d && d.fbclid) ? d.fbclid : '';
962            } catch (e) { return ''; }
963        }
964
965        function sync() {
966            var consent = marketingConsent();
967            var fbclid = fbclidFromVisitor();
968
969            // Sima POST / fetch űrlapok rejtett mezői
970            try {
971                document.querySelectorAll('input[name="marketing_consent"]').forEach(function (el) {
972                    el.value = consent ? '1' : '0';
973                });
974                document.querySelectorAll('input[name="fbclid"]').forEach(function (el) {
975                    if (!el.value) el.value = fbclid;
976                });
977            } catch (e) {}
978
979            // Livewire demo form
980            try {
981                if (window.Livewire && typeof window.Livewire.find === 'function') {
982                    document.querySelectorAll('.demo-request-form').forEach(function (form) {
983                        var root = form.closest('[wire\\:id]');
984                        if (!root) return;
985                        var cmp = window.Livewire.find(root.getAttribute('wire:id'));
986                        if (cmp && typeof cmp.set === 'function') {
987                            cmp.set('marketingConsent', consent, false); // false = deferred: a form-submit kéréssel szinkronizál, nincs külön hálózati kör
988                        }
989                    });
990                }
991            } catch (e) {}
992        }
993
994        if (document.readyState === 'loading') {
995            document.addEventListener('DOMContentLoaded', sync);
996        } else {
997            sync();
998        }
999        window.addEventListener('qlick:consent-change', sync);
1000        document.addEventListener('livewire:initialized', sync);
1001        document.addEventListener('livewire:navigated', sync);
1002    })();
1003    </script>
1003
1004
1005    
1006    
1007    <div x-data="qlickCookieConsent()"
1008     x-cloak
1009     @qlick:open-cookie-settings.window="openSettings()"
1010     class="qlick-cookie-root">
1011
1012    
1013    <div x-show="barOpen"
1014         x-transition:enter="transition ease-out duration-300"
1015         x-transition:enter-start="opacity-0 translate-y-6"
1016         x-transition:enter-end="opacity-100 translate-y-0"
1017         x-transition:leave="transition ease-in duration-200"
1018         x-transition:leave-start="opacity-100 translate-y-0"
1019         x-transition:leave-end="opacity-0 translate-y-6"
1020         class="fixed inset-x-0 bottom-0 z-[60] p-3 sm:p-4"
1021         role="region"
1022         aria-label="Süti hozzájárulás">
1023        <div class="mx-auto max-w-[1320px] bg-brand-950 text-white border border-white/10 shadow-elevated rounded-2xl p-5 md:p-6
1024                    flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
1025            <p class="text-body text-white/85 flex-1 min-w-0 mb-0">
1026                Weboldalunk sütiket használ a zavartalan működéshez, a látogatottság elemzéséhez
1027                és a személyre szabott tartalmakhoz.
1028                Részletek a
1029                <a href="https://qlickcrm.hu/suti-tajekoztato" class="text-accent-400 font-semibold hover:underline">süti tájékoztatóban</a>.
1030            </p>
1031            <div class="flex flex-col sm:flex-row gap-2.5 shrink-0">
1032                <button
1033        type="button"
1034                class="ui-btn ui-btn-cta ui-btn-md" x-on:click="acceptAll()"
1035    >
1036                Elfogadás
1037            </button>
1038                <button
1039        type="button"
1040                class="ui-btn ui-btn-outline-white ui-btn-md" x-on:click="rejectAll()"
1041    >
1042                Elutasítás
1043            </button>
1044                <button
1045        type="button"
1046                class="ui-btn ui-btn-outline-white ui-btn-md" x-on:click="openSettings()"
1047    >
1048                Beállítások
1049            </button>
1050            </div>
1051        </div>
1052    </div>
1053
1054    
1055    
1056    <div x-show="open"
1057         x-transition:enter="transition ease-out duration-200"
1058         x-transition:enter-start="opacity-0"
1059         x-transition:enter-end="opacity-100"
1060         x-transition:leave="transition ease-in duration-150"
1061         x-transition:leave-start="opacity-100"
1062         x-transition:leave-end="opacity-0"
1063         class="fixed inset-0 bg-brand-950/90 backdrop-blur-md z-[60]"
1064         aria-hidden="true"></div>
1065
1066    
1067    <div x-show="open"
1068         x-transition:enter="transition ease-out duration-200"
1069         x-transition:enter-start="opacity-0 scale-95"
1070         x-transition:enter-end="opacity-100 scale-100"
1071         x-transition:leave="transition ease-in duration-150"
1072         x-transition:leave-start="opacity-100 scale-100"
1073         x-transition:leave-end="opacity-0 scale-95"
1074         class="fixed inset-0 z-[60] flex items-center justify-center p-4"
1075         role="dialog"
1076         aria-modal="true"
1077         aria-labelledby="qlick-cookie-title"
1078         aria-describedby="qlick-cookie-desc">
1079        <div class="relative w-full max-w-2xl bg-surface rounded-3xl shadow-elevated p-6 md:p-8 max-h-[90vh] overflow-y-auto">
1080            <div>
1081                <h2 id="qlick-cookie-title" class="font-display font-bold text-h3 tracking-tight text-foreground mb-3">
1082                    Süti beállítások
1083                </h2>
1084                <p id="qlick-cookie-desc" class="text-body text-muted mb-5">
1085                    Kategóriánként szabályozhatod, milyen sütiket engedélyezel. A szükséges sütik az oldal működéséhez
1086                    elengedhetetlenek, ezért nem kapcsolhatók ki.
1087                </p>
1088
1089                <div class="space-y-3 mb-6">
1090                                                                    <div :class="&#039;border-emerald-300 bg-emerald-50/30&#039;"
1091                             class="p-4 rounded-2xl border-2 transition-all">
1092                            <div class="flex items-start justify-between gap-4">
1093                                <div class="flex-1 min-w-0">
1094                                    <h3 class="text-body font-semibold text-foreground">Szükséges</h3>
1095                                    <p class="text-body-s text-muted mt-1">Az oldal alapvető működéséhez szükséges sütik (bejelentkezés, CSRF védelem, űrlap biztonság, alapszolgáltatások). Nem kapcsolható ki.</p>
1096                                </div>
1097                                <div class="shrink-0 pt-0.5">
1098                                                                            <sp
1098an class="inline-flex items-center h-6 px-2.5 rounded-full text-xs font-medium bg-emerald-100 text-emerald-800">
1099                                            Mindig aktív
1100                                        </span>
1101                                                                    </div>
1102                            </div>
1103                        </div>
1104                                                                    <div :class="categories[&#039;analytics&#039;] ? &#039;border-accent-500 ring-2 ring-accent-500/20 bg-accent-50/30&#039; : &#039;border-border bg-surface-muted/40&#039;"
1105                             class="p-4 rounded-2xl border-2 transition-all">
1106                            <div class="flex items-start justify-between gap-4">
1107                                <div class="flex-1 min-w-0">
1108                                    <h3 class="text-body font-semibold text-foreground">Analitikai</h3>
1109                                    <p class="text-body-s text-muted mt-1">Anonimizált látogatottsági statisztika (Google Analytics) a tartalom és a felhasználói élmény fejlesztéséhez.</p>
1110                                </div>
1111                                <div class="shrink-0 pt-0.5">
1112                                                                            <button type="button"
1113                                                role="switch"
1114                                                :aria-checked="categories['analytics'] ? 'true' : 'false'"
1115                                                @click="categories['analytics'] = !categories['analytics']"
1116                                                :class="categories['analytics'] ? 'bg-accent-500' : 'bg-slate-300'"
1117                                                class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/40 focus-visible:ring-offset-2"
1118                                                aria-label="Analitikai kategória kapcsoló">
1119                                            <span :class="categories['analytics'] ? 'translate-x-6' : 'translate-x-1'"
1120                                                  class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform shadow-sm"></span>
1121                                        </button>
1122                                                                    </div>
1123                            </div>
1124                        </div>
1125                                                                    <div :class="categories[&#039;marketing&#039;] ? &#039;border-accent-500 ring-2 ring-accent-500/20 bg-accent-50/30&#039; : &#039;border-border bg-surface-muted/40&#039;"
1126                             class="p-4 rounded-2xl border-2 transition-all">
1127                            <div class="flex items-start justify-between gap-4">
1128                                <div class="flex-1 min-w-0">
1129                                    <h3 class="text-body font-semibold text-foreground">Marketing</h3>
1130                                    <p class="text-body-s text-muted mt-1">Személyre szabott hirdetések és remarketing (Google Ads, Meta Pixel) a releváns ajánlatokért.</p>
1131                                </div>
1132                                <div class="shrink-0 pt-0.5">
1133                                                                            <button type="button"
1134                                                role="switch"
1135                                                :aria-checked="categories['marketing'] ? 'true' : 'false'"
1136                                                @click="categories['marketing'] = !categories['marketing']"
1137                                                :class="categories['marketing'] ? 'bg-accent-500' : 'bg-slate-300'"
1138                                                class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/40 focus-visible:ring-offset-2"
1139                                                aria-label="Marketing kategória kapcsoló">
1140                                            <span :class="categories['marketing'] ? 'translate-x-6' : 'translate-x-1'"
1141                                                  class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform shadow-sm"></span>
1142                                        </button>
1143                                                                    </div>
1144                            </div>
1145                        </div>
1146                                    </div>
1147
1148                <div class="flex flex-col sm:flex-row gap-3 flex-wrap">
1149                    <button
1150        type="button"
1151                class="ui-btn ui-btn-cta ui-btn-md" x-on:click="acceptAll()"
1152    >
1153                Minden süti elfogadása
1154            </button>
1155                    <button
1156        type="button"
1157                class="ui-btn ui-btn-outline ui-btn-md" x-on:click="rejectAll()"
1158    >
1159                Mindet elutasít
1160            </button>
1161                    <button
1162        type="button"
1163                class="ui-btn ui-btn-outline ui-btn-md" x-on:click="saveSelected()"
1164    >
1165                Kiválasztottak mentése
1166            </button>
1167                </div>
1168            </div>
1169        </div>
1170    </div>
1171</div>
1172
1173<script>
1174(function () {
1175    'use strict';
1176
1177    // Config a Blade-ből — nem változik runtime-ban
1178    window.qlickCookiesConfig = Object.freeze({
1179        storageKey: "qlick_cookie_consent",
1180        version: 1,
1181        expiryDays: 180,
1182        fbPixelId: "1529652591172666",
1183        hotjarId: "6523808",
1184        hotjarEnabled: false,
1185        consentModeEnabled: true,
1186    });
1187
1188    /**
1189     * LocalStorage consent olvasás — érvényes-e (verzió + lejárat)?
1190     */
1191    function readConsent() {
1192        try {
1193            const raw = localStorage.getItem(window.qlickCookiesConfig.storageKey);
1194            if (!raw) return null;
1195            const c = JSON.parse(raw);
1196            if (!c || typeof c !== 'object') return null;
1197            if (c.version !== window.qlickCookiesConfig.version) return null;
1198            if (typeof c.expiresAt === 'number' && Date.now() > c.expiresAt) return null;
1199            return c;
1200        } catch (e) {
1201            return null;
1202        }
1203    }
1204
1205    function writeConsent(status, categories) {
1206        const now = Date.now();
1207        const payload = {
1208            version: window.qlickCookiesConfig.version,
1209            timestamp: now,
1210            expiresAt: now + (window.qlickCookiesConfig.expiryDays * 24 * 60 * 60 * 1000),
1211            status: status,
1212            categories: Object.assign({ necessary: true, analytics: false, marketing: false }, categories || {}),
1213        };
1214        try {
1215            localStorage.setItem(window.qlickCookiesConfig.storageKey, JSON.stringify(payload));
1216        } catch (e) { /* quota / private mode → silent */ }
1217        applyConsent(payload);
1218        try {
1219            window.dispatchEvent(new CustomEvent('qlick:consent-change', { detail: payload }));
1220        } catch (e) {}
1221        return payload;
1222    }
1223
1224    // ==== Service injektorok (csak consent után) ====
1225    let fbPixelInjected = false;
1226    let hotjarInjected = false;
1227
1228    function injectFacebookPixel() {
1229        if (fbPixelInjected) return;
1230        const id = window.qlickCookiesConfig.fbPixelId;
1231        if (!id) return;
1232        fbPixelInjected = true;
1233        try {
1234            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
1235            window.fbq('init', id);
1236            window.fbq('track', 'PageView');
1237        } catch (e) { console.warn('FB Pixel inject hiba:', e); }
1238    }
1239
1240    function injectHotjar() {
1241        if (hotjarInjected) return;
1242        if (!window.qlickCookiesConfig.hotjarEnabled) return;
1243        const id = window.qlickCookiesConfig.hotjarId;
1244        if (!id) return;
1245        hotjarInjected = true;
1246        try {
1247            (function(h,o,t,j,a,r){
1248                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
1249                h._hjSettings={hjid: parseInt(id, 10), hjsv: 6};
1250                a=o.getElementsByTagName('head')[0];
1251                r=o.createElement('script');r.async=1;
1252                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
1253                a.appendChild(r);
1254            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
1255        } catch (e) { console.warn('Hotjar inject hiba:', e); }
1256    }
1257
1258    /**
1259     * Consent alkalmazása: GCM update + programmatic script inject.
1260     * Biztonsági back-stop: minden hívás try/catch-ben — a consent feldolgozás
1261     * hibája semmiképp nem törheti a további oldal-működést.
1262     */
1263    function applyConsent(c) {
1264        try {
1265            const cat = c && c.categories ? c.categories : {};
1266
1267            // Google Consent Mode v2 — explicit granted/denied mindkét irányban.
1268            // Így a GCM akkor is megkapja a változást, ha a user későbbi visszavonáskor
1269            // kikapcsolja a korábban engedélyezett kategóriát.
1270            if (window.qlickCookiesConfig.consentModeEnabled && typeof window.gtag === 'function') {
1271                window.gtag('consent', 'update', {
1272                    analytics_storage: cat.analytics ? 'granted' : 'denied',
1273                    ad_storage: cat.marketing ? 'granted' : 'denied',
1274                    ad_user_data: cat.marketing ? 'granted' : 'denied',
1275                    ad_personalization: cat.marketing ? 'granted' : 'denied',
1276                });
1277            }
1278
1279            // Marketing: Facebook Pixel + Hotjar programmatic load
1280            if (cat.marketing) {
1281                injectFacebookPixel();
1282                injectHotjar();
1283            }
1284        } catch (e) {
1285            // Soha ne blokkoljon — csak logoljunk
1286            try { console.warn('applyConsent hiba:', e); } catch (_) {}
1287        }
1288    }
1289
1290    // Belépési pont — Alpine komponens
1291    window.qlickCookieConsent = function () {
1292        return {
1293            barOpen: false,            // vékony alsó sáv (első látogatás, nem blokkoló)
1294            open: false,               // részletes beállítás modal (KIZÁRÓLAG user-kattintásra)
1295            categories: { necessary: true, analytics: false, marketing: false },
1296
1297            init() {
1298                // Első renderkor: ha van érvényes consent, alkalmazzuk és nem jelenik meg semmi
1299                const existing = readConsent();
1300                if (existing) {
1301                    // A mentett kategóriákat betöltjük az Alpine state-be (későbbi újraszabályozáshoz)
1302                    this.categories = Object.assign({ necessary: true, analytics: false, marketing: false }, existing.categories || {});
1303                    applyConsent(existing);
1304                    return;
1305                }
1306                // Első látogatás: NEM teljes képernyős modal, hanem egy nem-blokkoló alsó sáv.
1307                // Nincs body scroll-lock — a tartalom és a görgetés végig elérhető marad.
1308                this.$nextTick(() => {
1309                    this.barOpen = true;
1310                });
1311            },
1312
1313            openSettings() {
1314                // Nyitás az alsó sáv „Beállítások" gombjáról / footer linkről / cookie-policy oldalról.
1315                const existing = readConsent();
1316                if (existing) {
1317                    this.categories = Object.assign({ necessary: true, analytics: false, marketing: false }, existing.categories || {});
1318                }
1319                // A részletes beállítás user-indított modal — itt már indokolt a scroll-lock.
1320                this.open = true;
1321                document.body.classList.add('overflow-hidden');
1322            },
1323
1324            acceptAll() {
1325                this.categories = { necessary: true, analytics: true, marketing: true };
1326                writeConsent('accepted', this.categories);
1327                this.close();
1328            },
1329
1330            rejectAll() {
1331                this.categories = { necessary: true, analytics: false, marketing: false };
1332                writeConsent('rejected', this.categories);
1333                this.close();
1334            },
1335
1336            saveSelected() {
1337                this.categories.necessary = true; // mindig igaz
1338                writeConsent('customized', this.categories);
1339                this.close();
1340            },
1341
1342            close() {
1343                this.barOpen = false;
1344                this.open = false;
1345                document.body.classList.remove('overflow-hidden');
1346            },
1347        };
1348    };
1349})();
1350</script>
1350
1351
1352    
1353    
1353<script defer async src='https://cdn.trustindex.io/loader-cert.js?4ff2d3355311612a75167a3af05'></script>
1353
1354</body>
1355</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.