1<!DOCTYPE html><html lang="hu"><head><!-- Google tag (gtag.js) -->
1<script src="https://connect.facebook.net/en_US/fbevents.js" async></script>
vendor: 57 bytes, line 1
1<script src="https://www.googletagmanager.com/gtag/js?id=
1G-6DSXR57P2V
vendor: 17 bytes, line 1
1" async></script>
1<script>window.dataLayer = window.dataLayer || []; 2 function gtag(){dataLayer.push(arguments);} 3 // Default consent state â denied for everything until user consents 4 gtag('consent', 'default', { 5 'ad_storage': 'denied', 6 'ad_user_data': 'denied', 7 'ad_personalization': 'denied', 8 'analytics_storage': 'denied', 9 'functionality_storage': 'granted', 10 'security_storage': 'granted', 11 'wait_for_update': 500 12 }); 13 gtag('js', new Date()); 14 gtag('config', 'G-6DSXR57P2V'); 15 gtag('config', 'AW-18200686633');</script>
15<!-- Meta Pixel Code -->
15<script>!function(f,b,e,v,n,t,s) 16 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 17 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 18 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 19 n.queue=[];t=b.createElement(e);t.async=!0; 20 t.src=v;s=b.getElementsByTagName(e)[0]; 21 s.parentNode.insertBefore(t,s)}(window, document,'script', 22 'https://connect.facebook.net/en_US/fbevents.js'); 23 // Consent gating: revoke tracking by default; consent granted by useCookieConsent 24 fbq('consent', 'revoke'); 25 fbq('init', '1732575011430617'); 26 // NOTE: fbq('track', 'PageView') intentionally NOT called here â fires only after marketing consent</script>
26<!-- End Meta Pixel Code --><meta charset="UTF-8"><meta content="prv_8b717e67eb8025efdf27ac09649ccb77" name="prerender-verify"><link href="/favicon.png" rel="icon" type="image/png"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><title>Ãttermi és Szállodai Szoftver | Com-Passz Kft. 1994 óta</title><meta content="MegbÃzható NTAK-kompatibilis éttermi és szállodai szoftver 1994 óta. Visual Restaurant® és Visual Hotel® â kérjen ingyenes bemutatót még ma!" name="description"><!-- canonical is set per-route via react-helmet-async (see src/components/SEO.tsx) to avoid duplicate canonical tags in prerendered pages --><meta content="Ãttermi és Szállodai Szoftver | Com-Passz Kft. 1994 óta" property="og:title"><meta content="MegbÃzható NTAK-kompatibilis éttermi és szállodai szoftver 1994 óta. Visual Restaurant® és Visual Hotel® â kérjen ingyenes bemutatót még ma!" property="og:description"><meta content="website" property="og:type"><meta content="https://com-passz.hu/" property="og:url"><meta content="https://com-passz.hu/og-image.png" property="og:image"><meta content="Com-Passz Kft." property="og:site_name"><meta content="hu_HU" property="og:locale"><meta content="summary_large_image" name="twitter:card"><meta content="Ãttermi és Szállodai Szoftver | Com-Passz Kft." name="twitter:title"><meta content="MegbÃzható NTAK-kompatibilis éttermi és szállodai szoftver 1994 óta." name="twitter:description"><meta content="https://com-passz.hu/og-image.png" name="twitter:image">
26<script src="/assets/index-DFFozpj7.js" crossorigin="" type="module"></script>
26<link href="/assets/index-tFp2-rmJ.css" rel="stylesheet" crossorigin=""><style type="text/css">:where([data-sonner-toaster][dir=ltr]),:where(html[dir=ltr]){--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}:where([data-sonner-toaster][dir=rtl]),:where(html[dir=rtl]){--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted=true]){transform:translateY(-10px)}@media (hover:none) and (pointer:coarse){:where([data-sonner-toaster][data-lifted=true]){transform:none}}:where([data-sonner-toaster][data-x-position=right]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position=left]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position=center]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position=top]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position=bottom]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled=true]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position=top]){top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position=bottom]){bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise=true]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme=dark]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
26left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled=true]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping=true]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position=top][data-swiping=true]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position=bottom][data-swiping=true]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping=false][data-removed=true]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted=true]){--y:translateY(0);opacity:1}:where([data-sonner-toast][data-expanded=false][data-front=false]){--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded=false][data-front=false][data-styled=true])>*{opacity:0}
26:where([data-sonner-toast][data-visible=false]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted=true][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]){--y:translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]){--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed=true][data-front=false]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translate(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 91%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 91%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 91%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 100%, 12%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 12%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);
26--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}</style></head><body><div id="root"><div style="pointer-events:none" aria-label="Notifications (F8)" role="region" tabindex="-1"><ol class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]" tabindex="-1"></ol></div><section aria-atomic="false" aria-label="Notifications alt+T" aria-live="polite" aria-relevant="additions text" tabindex="-1"></section><div class="fixed inset-x-0 bottom-0 z-[60] border-t border-border bg-background/95 backdrop-blur shadow-[0_-8px_24px_-12px_rgba(0,0,0,0.25)] rounded-t-xl max-h-[50vh] overflow-y-auto" aria-label="Sütik beállÃtásai" role="region"><div class="container mx-auto px-4 lg:px-8 py-4 md:py-5"><div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between"><div class="flex-1 min-w-0"><h2 class="font-heading text-base md:text-lg font-semibold text-foreground mb-1">Fontosnak tartjuk az adatok védelmét</h2><p class="text-sm text-muted-foreground leading-relaxed">A böngészési élmény fokozása, a személyre szabott hirdetések vagy tartalmak megjelenÃtése, valamint a forgalom elemzése érdekében sütiket (cookie) használunk. Az âÃsszes elfogadása" gombra kattintva hozzájárulhat a sütik használatához. <a class="text-primary underline underline-offset-2 hover:text-primary/80" href="/adatkezeles#sutik">További információk</a></p></div><div class="flex flex-col sm:flex-row gap-2 sm:justify-end lg:justify-start lg:flex-shrink-0"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 sm:order-3">Ãsszes elfogadása</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 sm:order-2">Csak a szükségesek</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 sm:order-1">BeállÃtások</button></div></div></div></div><div class="min-h-screen"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="container mx-auto flex items-center justify-between py-4 px-4 lg:px-8"><a class="flex items-center" href="/"><img alt="Com-Passz Kft. â Ãttermi és Szállodai Szoftver" class="h-8 md:h-9 w-auto object-contain" src="/assets/logo-full-
26DI1LHOlq.png"></a><div class="hidden lg:flex items-center gap-12"><a class="text-base font-medium transition-colors text-hero-foreground/80 hover:text-primary" href="/bemutatkozas">Bemutatkozás</a><div class="relative inline-flex shrink-0"><button class="flex items-center gap-1 text-base font-medium transition-colors text-hero-foreground/80 hover:text-primary" aria-expanded="false" aria-haspopup="true" type="button">Termékek<svg class="lucide lucide-chevron-down w-4 h-4 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="text-base font-medium transition-colors text-hero-foreground/80 hover:text-primary" href="/szolgaltatasok">Szolgáltatások</a><a class="text-base font-medium transition-colors text-hero-foreground/80 hover:text-primary" href="/gyik">Gyakori kérdések</a><a class="text-base font-medium transition-colors text-hero-foreground/80 hover:text-primary" href="/kapcsolat">Kapcsolat</a><a class="bg-gradient-orange text-primary-foreground px-5 py-2.5 rounded-lg text-sm font-semibold hover:opacity-90 transition-opacity flex items-center gap-2" href="/arajanlat"><svg class="lucide lucide-file-text w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>Ãrajánlat kérés</a></div><button class="lg:hidden text-hero-foreground min-w-11 min-h-11 flex items-center justify-center" aria-expanded="false" aria-label="Menü megnyitása"><svg class="lucide lucide-menu w-6 h-6" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></nav><section class="relative min-h-[70vh] lg:min-h-[75vh] flex items-center overflow-hidden py-24 lg:py-28"><div class="absolute inset-0"><img alt="Modern éttermi és szállodai szoftver megoldások â Com-Passz" class="w-full h-full object-cover scale-105 origin-top-left" src="/assets/hero-bg-B1kKXIJ0.jpg" decoding="async" loading="eager" fetchpriority="high" height="1080" width="1920"><div class="absolute inset-0 bg-gradient-to-r from-accent/95 via-accent/80 to-accent/40"></div></div><div class="container mx-auto px-4 lg:px-8 relative z-10 pt-16"><div class="max-w-3xl"><div style="opacity:0;transform:translateY(20px)"></div><h1 class="font-heading text-4xl md:text-5xl lg:text-6xl font-bold text-hero-foreground leading-tight mb-5" style="opacity:0;transform:translateY(30px)">Ãttermi és szállodai<br><span class="text-gradient-orange">szoftverek,</span> amik<br>valóban működnek.</h1><p class="text-lg md:text-xl text-hero-muted mb-8 max-w-xl leading-relaxed" style="opacity:0;transform:translateY(30px)">NTAK kompatibilis, megbÃzható megoldások.</p><div class="flex flex-wrap gap-4" style="opacity:0;transform:translateY(30px)"><a class="bg-gradient-orange text-primary-foreground px-8 py-4 rounded-xl text-base font-semibold hover:opacity-90 transition-opacity flex items-center gap-2 shadow-glow" href="/kapcsolat#konzultacio">Ingyenes konzultáció<svg class="lucide lucide-arrow-right w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="border border-hero-foreground/20 text-hero-foreground px-8 py-4 rounded-xl text-base font-semibold hover:bg-hero-foreground/5 transition-colors flex items-center gap-2" href="#ettermi-rendszer"><svg class="lucide lucide-play w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Termékeink</a></div><div class="grid grid-cols-3 gap-3 sm:gap-6 md:gap-10 mt-8 md:mt-10 pt-6 md:pt-7 border-t border-hero-foreground
26/10 max-w-xl" style="opacity:0;transform:translateY(30px)"><div class="min-w-0"><div class="text-xl sm:text-2xl md:text-3xl font-heading font-bold text-gradient-orange">30+</div><div class="text-xs sm:text-sm text-hero-muted mt-1 leading-tight">Ãv tapasztalat</div></div><div class="min-w-0"><div class="text-xl sm:text-2xl md:text-3xl font-heading font-bold text-gradient-orange">1000+</div><div class="text-xs sm:text-sm text-hero-muted mt-1 leading-tight">Elégedett ügyfél</div></div><div class="min-w-0"><div class="text-xl sm:text-2xl md:text-3xl font-heading font-bold text-gradient-orange">24/7</div><div class="text-xs sm:text-sm text-hero-muted mt-1 leading-tight">Ãgyfélszolgálat</div></div></div></div></div></section><section class="py-24 bg-background"><div class="container mx-auto px-4 lg:px-8"><div class="text-center mb-20" style="opacity:0;transform:translateY(20px)"><span class="text-primary font-semibold text-sm tracking-wider uppercase">Termékeink</span><h2 class="font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mt-3">Professzionális szoftverek a <span class="text-gradient-orange">vendéglátásban</span></h2></div><div class="space-y-32"><div class="flex flex-col lg:flex-row gap-12 lg:gap-20 items-center" style="opacity:0;transform:translateY(40px)" id="ettermi-rendszer"><div class="flex-1 w-full"><div class="relative rounded-2xl overflow-hidden shadow-lg"><img alt="Visual Restaurant® éttermi szoftver kezelÅfelülete érintÅképernyÅn" class="w-full h-auto object-cover" src="/assets/product-restaurant-DfMonLLA.jpg" decoding="async" loading="lazy"><div class="absolute inset-0 bg-gradient-to-t from-accent/30 to-transparent"></div></div></div><div class="flex-1"><div class="flex items-center gap-2 mb-4"><svg class="lucide lucide-monitor w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg><span class="text-primary font-semibold text-sm">Ãttermi rendszer</span></div><h3 class="font-heading text-3xl md:text-4xl font-bold text-foreground mb-4">Visual Restaurant®</h3><p class="text-muted-foreground text-lg leading-relaxed mb-8">ÃrintÅképernyÅs éttermi szoftver, amely megkönnyÃti a rendelésfelvételt, az elszámolást és a raktárkészlet kezelését. Legyen szó kis bisztróról vagy nagy étteremrÅl.</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">NTAK kompatibilis adatszolgáltatás</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">ÃrintÅképernyÅs kezelÅfelület</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Pénztárgéppel összeköthetÅ</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
26<span class="text-sm text-foreground/80">Asztalfoglalás és térképkezelés</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">falatozz.hu integráció</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Mobilos pincér alkalmazás</span></div></div><a class="inline-flex items-center gap-2 bg-gradient-orange text-primary-foreground px-6 py-3 rounded-xl font-semibold hover:opacity-90 transition-opacity" href="/ettermi-rendszer">Részletes bemutató<svg class="lucide lucide-arrow-right w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="text-sm text-muted-foreground leading-relaxed mt-8">Megoldás 8 üzlettÃpushoz: éttermek, pizzériák, gyorséttermek, kávézók, büfék, cukrászdák és további vendéglátóhelyek számára. <a class="inline-flex items-center gap-1 text-primary font-medium hover:underline" href="/ettermi-rendszer#megoldasok">Válassza ki az Ãn üzlettÃpusát<svg class="lucide lucide-arrow-right w-3.5 h-3.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></p></div></div><div class="flex flex-col lg:flex-row-reverse gap-12 lg:gap-20 items-center" style="opacity:0;transform:translateY(40px)" id="szallodai-rendszer"><div class="flex-1 w-full"><div class="relative rounded-2xl overflow-hidden shadow-lg"><img alt="Visual Hotel® szállodai szoftver foglalási és recepciós felülete" class="w-full h-auto object-cover" src="/assets/product-hotel-DS7lnL8F.jpg" decoding="async" loading="lazy"><div class="absolute inset-0 bg-gradient-to-t from-accent/30 to-transparent"></div></div></div><div class="flex-1"><div class="flex items-center gap-2 mb-4"><svg class="lucide lucide-hotel w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 22v-6.57"></path><path d="M12 11h.01"></path><path d="M12 7h.01"></path><path d="M14 15.43V22"></path><path d="M15 16a5 5 0 0 0-6 0"></path><path d="M16 11h.01"></path><path d="M16 7h.01"></path><path d="M8 11h.01"></path><path d="M8 7h.01"></path><rect height="20" rx="2" width="16" x="4" y="2"></rect></svg><span class="text-primary font-semibold text-sm">Szállodai rendszer</span></div><h3 class="font-heading text-3xl md:text-4xl font-bold text-foreground mb-4">Visual Hotel®</h3><p class="text-muted-foreground text-lg leading-relaxed mb-8">Front Office szállodai szoftver, amely átláthatóvá teszi a szobafoglalást, a vendégnyilvántartást és a bevételkezelést. Channel Manager illesztÅ modullal.</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-8"><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
26<span class="text-sm text-foreground/80">Automatikus NTAK adatszolgáltatás</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Channel Manager integráció</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Bevétel elÅrejelzÅ modul</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Hátralékos számlák kezelése</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Online foglalási portálok</span></div><div class="flex items-start gap-2"><svg class="lucide lucide-circle-check-big w-5 h-5 text-primary mt-0.5 flex-shrink-0" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-sm text-foreground/80">Visual Hotel & Restaurant csomag</span></div></div><a class="inline-flex items-center gap-2 bg-gradient-orange text-primary-foreground px-6 py-3 rounded-xl font-semibold hover:opacity-90 transition-opacity" href="/szallodai-rendszer">Részletes bemutató<svg class="lucide lucide-arrow-right w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="text-sm text-muted-foreground leading-relaxed mt-8">Megoldás minden szálláshely tÃpushoz: szállodák, fogadók, panziók, motelek, vendégházak és kempingek kezelésére. <a class="inline-flex items-center gap-1 text-primary font-medium hover:underline" href="/szallodai-rendszer#megoldasok">Válassza ki az Ãn szálláshelyét<svg class="lucide lucide-arrow-right w-3.5 h-3.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></p></div></div></div></div></section><section class="py-24 bg-background"><div class="container mx-auto px-4 lg:px-8"><div class="text-center mb-14 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)"><h2 class="font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-foreground"><span class="text-gradient-orange">Extrák</span></h2><p class="text-muted-foreground text-lg leading-relaxed mt-4">Modern hardver megoldások éttermek és szállodák számára: kártyás fizetési eszközök, NAV-kompatibilis pénztárgép, kioszk és egyéb megoldások</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"><a class="group flex flex-col items-center text-center p-6 rounded-2xl border border-border bg-card hover:border-primary/40 hover:shadow-lg hover:-translate-y-1 transition-all h-full" href="/extrak#joker" aria-label="JOKER éttermi pénztárgép â részletek megtekintése" style="opacity:0;transform:translateY(20px)">
26<div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center mb-5 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-printer w-7 h-7 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"></path><rect height="8" rx="1" width="12" x="6" y="14"></rect></svg></div><h3 class="font-heading text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors">JOKER éttermi pénztárgép</h3><p class="text-sm text-muted-foreground leading-relaxed">NAV-kompatibilis hÅpapÃros adóügyi nyomtató</p></a><a class="group flex flex-col items-center text-center p-6 rounded-2xl border border-border bg-card hover:border-primary/40 hover:shadow-lg hover:-translate-y-1 transition-all h-full" href="/extrak#fizetesi-megoldasok" aria-label="Fizetési megoldások â részletek megtekintése" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center mb-5 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-smartphone w-7 h-7 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="20" rx="2" width="14" x="5" y="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><h3 class="font-heading text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Fizetési megoldások</h3><p class="text-sm text-muted-foreground leading-relaxed">POS terminálok és bankkártyás fizetés vendéglátóhelyeknek</p></a><a class="group flex flex-col items-center text-center p-6 rounded-2xl border border-border bg-card hover:border-primary/40 hover:shadow-lg hover:-translate-y-1 transition-all h-full" href="/extrak#kioszk" aria-label="Ãnkiszolgáló kioszk â részletek megtekintése" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center mb-5 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-store w-7 h-7 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg></div><h3 class="font-heading text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Ãnkiszolgáló kioszk</h3><p class="text-sm text-muted-foreground leading-relaxed">Gyors önkiszolgáló rendelésfelvétel a vendégeknek</p></a><a class="group flex flex-col items-center text-center p-6 rounded-2xl border border-border bg-card hover:border-primary/40 hover:shadow-lg hover:-translate-y-1 transition-all h-full" href="/extrak#robotpincer" aria-label="Robotpincér â részletek megtekintése" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center mb-5 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-bot w-7 h-7 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 8V4H8"></path><rect height="12" rx="2" width="16" x="4" y="8"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="font-heading text-lg font-bold text-foreground mb-2 group-hover:text-primary transition-colors">Robotpincér</h3><p class="text-sm text-muted-foreground leading-relaxed">Automatizált étel- és italfelszolgálás vendéglátóhelyeknek</p></a></div><div class="flex justify-center mt-14"><a class="inline-flex items-center gap-2 bg-gradient-orange text-primary-foreground px-6 py-3 rounded-xl font-semibold hover:opacity-90 transition-opacity" href="/extrak" aria-label="Részletes bemutató az Extrákról">Részletes bemutató<svg class="lucide lucide-arrow-right w-4 h-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section class="py-24 bg-background" id="bemutatkozas"><div class="container mx-auto px-4 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><span class="text-primary font-semibold text-sm tracking-wider up
26percase">Ãgyfeleink mondták</span><h2 class="font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mt-3">Több ezer tulajdonos <span class="text-gradient-orange">bÃzik bennünk</span></h2></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="relative p-8 rounded-2xl bg-card border border-border shadow-sm hover:shadow-md transition-shadow" style="opacity:0;transform:translateY(30px)"><svg class="lucide lucide-quote w-8 h-8 text-primary/20 mb-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-foreground/80 leading-relaxed mb-6 text-sm">"A Visual Restaurant teljesen átalakÃtotta az éttermünk működését. A pincéreink gyorsabban dolgoznak, kevesebb a hiba, és az NTAK adatszolgáltatás is automatikusan megy."</p><div><div class="font-heading font-semibold text-foreground">Kovács Péter</div><div class="text-muted-foreground text-sm">Ãtteremtulajdonos, Budapest</div></div></div><div class="relative p-8 rounded-2xl bg-card border border-border shadow-sm hover:shadow-md transition-shadow" style="opacity:0;transform:translateY(30px)"><svg class="lucide lucide-quote w-8 h-8 text-primary/20 mb-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-foreground/80 leading-relaxed mb-6 text-sm">"Több mint 10 éve használjuk a Visual Hotel rendszert. A Channel Manager integráció óta az online foglalások kezelése gyerekjáték lett."</p><div><div class="font-heading font-semibold text-foreground">Nagy Katalin</div><div class="text-muted-foreground text-sm">Szállodaigazgató, Balaton</div></div></div><div class="relative p-8 rounded-2xl bg-card border border-border shadow-sm hover:shadow-md transition-shadow" style="opacity:0;transform:translateY(30px)"><svg class="lucide lucide-quote w-8 h-8 text-primary/20 mb-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-foreground/80 leading-relaxed mb-6 text-sm">"A telefonos support mindig elérhetŠés segÃtÅkész. Ritka, hogy egy szoftver cég ilyen szintű ügyfélszolgálatot nyújtson."</p><div><div class="font-heading font-semibold text-foreground">Szabó András</div><div class="text-muted-foreground text-sm">Pizzéria tulajdonos, Pécs</div></div></div></div></div></section><section class="py-24 section-dark" id="szolgaltatasok"><div class="container mx-auto px-4 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-section-dark-foreground mt-3">Teljes körű <span class="text-gradient-orange">támogatás</span></h2><p class="text-hero-muted mt-4 max-w-2xl mx-auto text-lg">Nem csak szoftvert adunk, hanem partneri kapcsolatot épÃtünk. Támogatjuk vállalkozását a telepÃtéstÅl a mindennapi használatig.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground
26/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#berles"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-monitor w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">Szoftver bérlés</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Rugalmas szoftverbérlési konstrukció, fix havi dÃjjal, folyamatos frissÃtésekkel.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#support"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-headphones w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">Telefonos support</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Gyors és hatékony telefonos ügyfélszolgálat tapasztalt szakemberekkel.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#tavszerviz"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-wrench w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">Távszerviz</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Távolról elérhetÅ szerviz szolgáltatás, percek alatt orvosolható problémák.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground
26/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#felho"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-cloud w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">FelhÅ szolgáltatás</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Biztonságos felhÅ alapú adattárolás és hozzáférés bárhonnan.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#oktatas"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-graduation-cap w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">Oktatás</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Személyre szabott oktatás a szoftverek hatékony használatához.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group relative p-5 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] hover:bg-hero-foreground/[0.06] transition-all duration-300 hover:border-primary/30 flex flex-col h-full" href="/szolgaltatasok#szoftverkovetes"><div class="flex items-center gap-3 mb-3"><div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center flex-shrink-0 group-hover:bg-primary/20 transition-colors"><svg class="lucide lucide-shield-check w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="font-heading text-lg font-semibold text-section-dark-foreground group-hover:text-primary transition-colors whitespace-nowrap">Szoftverkövetés</h3></div><p class="text-hero-muted text-sm leading-relaxed flex-1">Folyamatos fejlesztések, jogszabályi változások automatikus követése.</p><div class="mt-3 flex items-center gap-1 text-sm font-medium text-primary opacity-0 group-hover:opacity-100 transition-opacity">Részletek<svg class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div></div></div></section><section class="py-16 md:py-24 section-dark" id="kapcsolat"><div class="container mx-auto px-4 lg:px-8 max-w-4xl"><div class="text-center mb-14" style="opacity:0;transform:translateY(20px)"><h2 class="font-heading text-3xl md:text-4xl font-bold text-section-dark-foreground mb-4">Kérdése van? <span class="text-gradient-orange">Ãrjon nekünk!</span></h2><p class="text-hero-muted text-lg leading-relaxed max-w-xl mx-auto">Ha bármilyen kérdése van termékeinkkel vagy szolgáltatásainkkal kapcsolatban, keressen minket bizalommal!</p></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6 mb-10"><div class="flex flex-row sm:flex-col items-center sm:text-center p-4 sm:p-6 rounded-2xl border border-hero-foreground
26/10 bg-hero-foreground/[0.03] gap-4 sm:gap-0" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-primary/10 flex items-center justify-center sm:mb-4 flex-shrink-0"><svg class="lucide lucide-phone w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div class="text-left sm:text-center"><div class="text-xs sm:text-sm text-hero-muted mb-0.5">Telefon</div><a class="text-section-dark-foreground text-sm font-semibold hover:text-primary transition-colors" href="tel:+36209419400">+36 20 941 9400</a></div></div><div class="flex flex-row sm:flex-col items-center sm:text-center p-4 sm:p-6 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] gap-4 sm:gap-0" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-primary/10 flex items-center justify-center sm:mb-4 flex-shrink-0"><svg class="lucide lucide-mail w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="16" rx="2" width="20" x="2" y="4"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div class="text-left sm:text-center"><div class="text-xs sm:text-sm text-hero-muted mb-0.5">E-mail</div><a class="text-section-dark-foreground text-sm font-semibold hover:text-primary transition-colors" href="mailto:[email protected]">[email protected]</a></div></div><div class="flex flex-row sm:flex-col items-center sm:text-center p-4 sm:p-6 rounded-2xl border border-hero-foreground/10 bg-hero-foreground/[0.03] gap-4 sm:gap-0" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-primary/10 flex items-center justify-center sm:mb-4 flex-shrink-0"><svg class="lucide lucide-map-pin w-5 h-5 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div class="text-left sm:text-center"><div class="text-xs sm:text-sm text-hero-muted mb-0.5">CÃm</div><span class="text-section-dark-foreground text-sm font-semibold">8640 Fonyód, FÅ u. 31.</span></div></div></div><div class="flex justify-center" style="opacity:0;transform:translateY(20px)"><a class="inline-flex items-center gap-3 bg-hero-foreground/[0.03] border border-hero-foreground/10 rounded-2xl px-8 py-4 hover:border-primary/40 hover:shadow-glow transition-all group" href="/kapcsolat"><span class="font-heading text-base font-semibold text-section-dark-foreground group-hover:text-primary transition-colors">Részletes elérhetÅségek, térkép és support</span><svg class="lucide lucide-arrow-right w-5 h-5 text-hero-muted group-hover:text-primary group-hover:translate-x-1 transition-all" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><footer class="bg-accent py-10 md:py-16"><div class="container mx-auto px-4 lg:px-8"><div class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-8"><div class="col-span-2 md:col-span-1"><img alt="Com-Passz Kft. â Ãttermi és Szállodai Szoftver" class="h-7 md:h-8 w-auto object-contain" src="/assets/logo-full-
26DI1LHOlq.png"><p class="text-hero-muted text-xs md:text-sm mt-2 md:mt-3 leading-relaxed">Ãttermi és szállodai programok 1994 óta. MegbÃzható szoftverek, amelyeket vendéglátósokkal közösen fejlesztünk.</p><div class="mt-6"><h4 class="font-heading font-semibold text-hero-foreground text-sm md:text-base mb-3">Kövessen minket</h4><div class="flex items-center gap-4"><a class="text-primary hover:text-primary/80 hover:scale-110 transition-all duration-200 inline-flex" href="https://www.facebook.com/ComPassz/" aria-label="Com-Passz Facebook oldal" rel="noopener noreferrer" target="_blank"><svg class="lucide lucide-facebook" fill="none" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="28" xmlns="http://www.w3.org/2000/svg"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a class="text-primary hover:text-primary/80 hover:scale-110 transition-all duration-200 inline-flex" href="https://www.instagram.com/compassz.kft/" aria-label="Com-Passz Instagram oldal" rel="noopener noreferrer" target="_blank"><svg class="lucide lucide-instagram" fill="none" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="28" xmlns="http://www.w3.org/2000/svg"><rect height="20" rx="5" width="20" x="2" y="2" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a></div></div></div><div><h4 class="font-heading font-semibold text-hero-foreground text-sm md:text-base mb-3 md:mb-4">Termékek</h4><ul class="space-y-1.5 md:space-y-2 text-xs md:text-sm text-hero-muted"><li><a class="hover:text-primary transition-colors" href="/ettermi-rendszer">Visual Restaurant®</a></li><li><a class="hover:text-primary transition-colors" href="/ettermi-rendszer#kiegeszitok">Visual Restaurant® Light</a></li><li><a class="hover:text-primary transition-colors" href="/ettermi-rendszer#kiegeszitok">Visual Restaurant® MOBIL</a></li><li><a class="hover:text-primary transition-colors" href="/szallodai-rendszer">Visual Hotel®</a></li><li><a class="hover:text-primary transition-colors" href="/szallodai-rendszer">Visual Hotel & Restaurant</a></li><li><a class="hover:text-primary transition-colors" href="/extrak">Extrák</a></li></ul></div><div><h4 class="font-heading font-semibold text-hero-foreground text-sm md:text-base mb-3 md:mb-4">Szolgáltatások</h4><ul class="space-y-1.5 md:space-y-2 text-xs md:text-sm text-hero-muted"><li><a class="hover:text-primary transition-colors" href="/szolgaltatasok#berles">Szoftver bérlés</a></li><li><a class="hover:text-primary transition-colors" href="/szolgaltatasok#support">Telefonos support</a></li><li><a class="hover:text-primary transition-colors" href="/szolgaltatasok#tavszerviz">Távszerviz</a></li><li><a class="hover:text-primary transition-colors" href="/gyik">Gyakori kérdések</a></li><li><a class="hover:text-primary transition-colors" href="/adatkezeles">Adatkezelési szabályzat</a></li><li><button class="hover:text-primary transition-colors text-left" type="button">Cookie beállÃtások</button></li></ul></div><div><h4 class="font-heading font-semibold text-hero-foreground text-sm md:text-base mb-3 md:mb-4">ElérhetÅségek</h4><div class="space-y-2 md:space-y-3 text-xs md:text-sm text-hero-muted"><div class="flex items-center gap-2"><svg class="lucide lucide-phone w-4 h-4 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><a class="hover:text-primary transition-colors" href="tel:+36209419400">+36 20 941 9400</a></div><div class="flex items-center gap-2"><svg class="lucide lucide-mail w-4 h-4 text-primary" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="16" rx="2" width="20" x="2" y="4"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><a class="hover:text-primary transition-colors" href="mailto:[email protected]">[email protected]</a></div><div class="flex items-start gap-2"><svg class="lucide lucide-map-pin w-4 h-4 text-primary mt-0.5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>8640 Fonyód, FÅ u. 31.</span></div></div></div></div>
26<div class="border-t border-hero-foreground/10 mt-8 md:mt-12 pt-6 md:pt-8 text-center text-xs md:text-sm text-hero-muted">© 2026 Com-Passz Kft. Minden jog fenntartva.</div></div></footer></div></div></body></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.