1<!DOCTYPE html> 2<html lang="ro" itemscope itemtype="http://schema.org/Article"> 3<head>
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 4(window,'AW-1038202640','google_tags_first_party');</script>
4<script async src="/pe2f/"></script>
4 5
5<script> 6 window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 gtag('set', 'developer_id.dY2E1Nz', true); 10 11 </script>
11 12 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 13 14 <title>Gomag | Platforma eCommerce pentru Creare Magazin Online care Vinde</title> 15 <meta name="description" content="Cauti o platforma eCommerce? Testeaza Gomag, platforma multi channel pentru magazine online B2C si B2B, pe care ruleaza peste 5000 de magazine online." /> 16 17 <!-- OG Tags --> 18 <meta property="og:image" content="https://www.gomag.ro/site/plugins/app/ui/frontend/gfx/og/home.jpg" /> 19 <meta property="og:title" content="Gomag - Iti oferim un magazin online pregatit sa te ajute sa vinzi." /> 20 21 <link rel="icon" href="/site/plugins/app/ui/frontend/gfx/g.png"> 22 23 <meta name="viewport" content="width=device-width, initial-scale=1"> 24 <meta name="google-site-verification" content="kkezA3YejTQ0AonqBk27L0uEGbRnWjY4KhEtTOCY3hU" /> 25 <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,300,600,400&subset=latin,latin-ext' rel='stylesheet' type='text/css'> 26 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/bootstrap.min.css?v=1"> 27 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/reset.css"> 28 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/fa-icons.css?v=3"> 29 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/simple-line-icons.css"> 30 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/main.css?v=154"> 31 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/easy-responsive-tabs.css"> 32 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/mediaQ.css?v=72"> 33 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/jquery.fancybox.css"> 34 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/tip-twitter/tip-twitter.css"> 35 36 <meta name="google-site-verification" content="dmaA4dIk7eY7cCJMjoTddRM3Q2G8bQNBJraNpU8jpaY" /> 37 38
38<script src="/site/plugins/app/ui/frontend/js/jquery-2.1.4.min.js"></script>
38 39
40<script src="https://script.tapfiliate.com/tapfiliate.js" type="text/javascript" async></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript"> 42 (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){ (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap'); 43 44 tap('create', '9384-d70d73', { integration: "javascript" }); 45 tap('detect'); 46 47 function tapConv(clientId) 48 { 49 if(clientId) 50 { 51 tap('trial', clientId); 52 } 53 } 54</script>
54 55 56 57</head> 58<body> 59 60
60<script> 61 function fbqConv() 62 { 63 fbq('track', 'Lead'); 64 } 65 </script>
65 66 67
67<script type="text/javascript"> 68 var trackcmp_email = ''; 69 var trackcmp = document.createElement("script"); 70 trackcmp.async = true; 71 trackcmp.type = 'text/javascript'; 72 trackcmp.src = '//trackcmp.net/visit?actid=65759552&e='+encodeURIComponent(trackcmp_email)+'&r='+encodeURIComponent(document.referrer)+'&u='+encodeURIComponent(window.location.href); 73 var trackcmp_s = document.getElementsByTagName("script"); 74 if (trackcmp_s.length) { 75 trackcmp_s[0].parentNode.appendChild(trackcmp); 76 } else { 77 var trackcmp_h = document.getElementsByTagName("head"); 78 trackcmp_h.length && trackcmp_h[0].appendChild(trackcmp); 79 } 80 </script>
80 81
81<script> 82 window.dataLayer = window.dataLayer || []; 83 function gtag(){dataLayer.push(arguments);} 84 85 gtag('consent', 'default', { 86 'ad_storage': 'granted', 87 'ad_user_data': 'granted', 88 'ad_personalization': 'granted', 89 'analytics_storage': 'granted' 90 }); 91 92 </script>
92 93 <!-- Google Tag Manager -->
vendor: 63 bytes, lines 93-94
93 94 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
94GTM-KLJJ7T
vendor: 85 bytes, lines 94-96
94" 95 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 96
96<script>
vendor: 325 bytes, lines 96-100
96(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 97 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 98 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 99 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 100 })(window,document,'script','dataLayer','
100GTM-KLJJ7T
vendor: 3 bytes, line 100
100');
100</script>
100 101 <!-- End Google Tag Manager --> 102 <div id="wrapper"> 103 104
104<script> 105 document.onclick = setDocumentCookie; 106 function consentGranted() { 107 gtag('consent', 'update', { 108 'ad_storage': 'granted', 109 'ad_user_data': 'granted', 110 'ad_personalization': 'granted', 111 'analytics_storage': 'granted' 112 }); 113 } 114 function consentDenied() { 115 gtag('consent', 'update', { 116 'ad_storage': 'denied', 117 'ad_user_data': 'denied', 118 'ad_personalization': 'denied', 119 'analytics_storage': 'denied' 120 }); 121 } 122 function setDocumentCookie(agreement) { 123 var dc = document.cookie; 124 var prefix = "agreement="; 125 var privacyCookieExists = dc.indexOf("; " + prefix); 126 127 if (privacyCookieExists == -1) { 128 129 var value = agreement != undefined && (agreement == '1' || agreement == '-1') ? agreement : 1; 130 var d = new Date(); 131 d.setTime(d.getTime() + (365*24*60*60*1000)); 132 var expires = "expires="+ d.toUTCString(); 133 document.cookie = "agreement="+value+"; "+expires; 134 if(value == '-1') 135 { 136 consentDenied(); 137 } 138 else 139 { 140 consentGranted(); 141 } 142 $('.cookiePolicyGomag').addClass('hide'); 143 } 144 } 145 </script>
145 146
146<script> 147 $(window).scroll(function() { 148 var scroll = $(window).scrollTop(); 149 150 if (scroll >= 100) { 151 $(".main-header").addClass("scrollheader"); 152 } else { 153 $(".main-header").removeClass("scrollheader"); 154 } 155 }); 156 </script>
156 157 158 <style> 159 @media screen and ( max-width:767px ) { 160 .cookiePolicyGomag{padding:10px!important;font-size:11px;} 161 .cookie-accept{position:relative!important;height:auto!important;margin-top:10px!important;} 162 .cc-holder{padding-right:0!important;} 163 .btn.btn-cmd{font-size:12px;line-height:25px!important;margin-bottom:0;} 164 } 165 </style> 166 <div class="cookiePolicyGomag" style="background:#0c346a;color:#fff;padding: 25px 15px; border-bottom: 1px solid #6b85aa;"> 167 <div class="cc-holder" style="position: relative;max-width: 1080px;margin: 0 auto;padding-right: 170px;"> 168 <span class="cc-content" style="font-size: 13px;line-height:1.5;">Acest website sau tool-urile externe folosesc cookie-uri necesare pentru buna lui functionare, in scopurile descrise in politica de cookie-uri. Pentru a afla mai multe despre acestea si despre modul in care poti sa revoci acordul pentru cookie-urile folosite, te rugam sa consulti <a href="https://www.gomag.ro/politica-de-cookies" style="color:#fff;text-decoration:underline;"><strong>Politica de Cookies</strong></a>. Prin inchiderea acestui mesaj de notificare, derularea paginii, accesarea link-urilor sau continuarea navigarii in website in orice fel, iti dai acceptul pentru folosirea de cookie-uri.</span> 169 170 <div class="cookie-accept" style="position: absolute;top: 0;bottom: 0;right: 0;height: 71px;margin: auto;text-align:center;"> 171 <a href="javascript:void(0)" 172 onClick="setDocumentCookie();" 173 class="main-btn" 174 style="background: #6c86ab;color: #fff;width: auto;height: 35px;padding: 0 15px;font-size: .915em;line-height: 35px;">Sunt de acord</a><br/> 175 <a href="javascript:void(0)" 176 onClick="setDocumentCookie(-1);" 177 class="" 178 style="color: #cccccc;width: auto;height: 35px;padding: 0 15px;font-size: 11px;line-height: 35px;text-decoration: underline;">Nu sunt de acord</a> 179 </div> 180 181 </div> 182 </div> 183 184 185 186 <header class="main-header clearfix"> 187 <div class="container-h"> 188 <a href="https://www.gomag.ro" id="logo" aria-label="logo" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'Image', 'gaEventAction': 'Logo', 'gaEventLabel': 'Logo Gomag'});"> 189 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 190 viewBox="0 0 100.8 33.5" style="enable-background:new 0 0 100.8 33.5; height: 48px;" xml:space="preserve"> 191 <style type="text/css"> 192 .st0{fill:#FFFFFF;} 193 .st1{fill:#E42226;} 194 </style> 195 <path id="XMLID_25_" class="svg-color st0" d="M33.5,7c1,0,1.8,0.1,2.6,0.4c0.8,0.3,1.4,0.6,2,1.2c0.6,0.5,1,1.2,1.3,1.9 196 c0.3,0.8,0.5,1.7,0.5,2.7c0,1.4-0.2,2.8-0.6,4.1c-0.4,1.3-1,2.5-1.7,3.5c-0.8,1-1.7,1.8-2.9,2.4c-1.1,0.6-2.5,0.9-4,0.9 197 c-1,0-1.8-0.1-2.6-0.4c-0.8-0.3-1.5-0.6-2-1.2c-0.6-0.5-1-1.2-1.3-1.9c-0.3-0.8-0.5-1.7-0.5-2.7c0-1.4,0.2-2.8,0.6-4.1 198 c0.4-1.3,1-2.5,1.7-3.5c0.8-1,1.7-1.8,2.9-2.4S32,7,33.5,7z M33.1,10.3c-0.5,0-1,0.1-1.5,0.3c-0.4,0.2-0.9,0.5-1.2,0.9 199 c-0.4,0.4-0.7,0.8-0.9,1.3c-0.3,0.5-0.5,1-0.7,1.6c-0.2,0.6-0.3,1.1-0.4,1.7c-0.1,0.6-0.1,1.2-0.1,1.7c0,0.9,0.2,1.7,0.6,2.2 200 c0.4,0.5,1.1,0.8,2,0.8c0.5,0,1-0.1,1.5-0.3c0.4-0.2,0.9-0.5,1.2-0.9c0.4-0.4,0.7-0.8,0.9-1.3c0.3-0.5,0.5-1,0.7-1.6 201 c0.2-0.6,0.3-1.1,0.4-1.7c0.1-0.6,0.1-1.2,0.1-1.8c0-0.9-0.2-1.6-0.7-2.2C34.7,10.5,34.1,10.3,33.1,10.3z"/> 202 <path id="XMLID_23_" class="svg-color st0" d="M55.7,10.1c0.7-0.9,1.5-1.6,2.5-2.1c0.9-0.5,1.9-0.7,3-0.7c0.7,0,1.3,0.1,1.8,0.3 203 c0.5,0.2,1,0.5,1.4,0.8c0.4,0.4,0.7,0.8,0.9,1.3c0.2,0.5,0.3,1.1,0.3,1.8c0,0.4,0,0.9-0.1,1.4c-0.1,0.5-0.2,1-0.3,1.5l-2,9.6h-4 204 l2-9.6c0.1-0.5,0.2-1,0.2-1.3c0-0.3,0.1-0.6,0.1-0.8c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.2-0.4-0.3-0.5c-0.1-0.2-0.3-0.3-0.5-0.4 205 c-0.2-0.1-0.5-0.1-0.8-0.1c-0.7,0-1.3,0.2-1.9,0.6c-0.6,0.4-1.1,0.9-1.5,1.6c-0.2,0.3-0.4,0.7-0.6,1.1c-0.2,0.4-0.3,0.9-0.4,1.5 206 l-1.8,8.5h-4l2-9.6c0.1-0.5,0.2-1,0.2-1.3c0-0.3,0.1-0.6,0.1-0.8c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.2-0.4-0.3-0.5 207 c-0.1-0.2-0.3-0.3-0.5-0.4c-0.2-0.1-0.5-0.1-0.8-0.1c-0.6,0-1.2,0.2-1.8,0.5c-0.6,0.3-1,0.8-1.5,1.3c-0.3,0.4-0.5,0.8-0.7,1.3 208 c-0.2,0.5-0.4,1-0.5,1.7l-1.8,8.6h-4l3.4-16.3h3.4v2.1h0.1C47,9.4,47.3,9,47.6,8.7C48,8.5,48.4,8.2,48.8,8c0.4-0.2,0.9-0.4,1.4-0.5 209 c0.5-0.1,1-0.2,1.5-0.2c1,0,1.8,0.2,2.5,0.7C54.9,8.4,55.4,9.1,55.7,10.1L55.7,10.1z"/> 210 <path id="XMLID_20_" class="svg-color st0" d="M79.9,19.8c0,0.3,0.1,0.5,0.2,0.6c0.2,0.1,0.4,0.2,0.7,0.2c0.3,0,0.7,0,1.2-0.1l-0.7,3.2 211 c-0.7,0.1-1.4,0.2-2,0.2c-0.9,0-1.6-0.2-2.1-0.6c-0.5-0.4-0.8-1-0.9-1.8h-0.1c-0.8,1-1.6,1.6-2.5,2.1c-0.9,0.4-1.8,0.6-2.6,0.6 212 c-0.7,0-1.4-0.1-2-0.4c-0.6-0.3-1.1-0.6-1.5-1.1s-0.7-1.1-0.9-1.8c-0.2-0.7-0.3-1.5-0.3-2.3c0-0.9,0.1-1.8,0.2-2.7 213 c0.2-0.9,0.4-1.8,0.7-2.6c0.3-0.8,0.7-1.6,1.1-2.4c0.4-0.7,1-1.4,1.5-1.9c0.6-0.5,1.2-1,2-1.3C72.7,7.2,73.5,7,74.3,7 214 c0.8,0,1.5,0.2,2.2,0.5c0.7,0.3,1.3,0.8,1.8,1.5h0.1L79,7.4h3.4l-2.4,11.3c0,0.2-0.1,0.4-0.1,0.6C79.9,19.6,79.9,19.7,79.9,19.8z 215 M77.6,11.5c-0.1-0.1-0.2-0.3-0.4-0.4c-0.2-0.2-0.4-0.3-0.6-0.4s-0.5-0.2-0.7-0.3c-0.3-0.1-0.5-0.1-0.8-0.1c-0.5,0-1,0.1-1.4,0.4 216 c-0.4,0.3-0.8,0.6-1.2,1c-0.3,0.4-0.6,0.9-0.9,1.4c-0.2,0.5-0.5,1.1-0.6,1.7c-0.2,0.6-0.3,1.2-0.4,1.7c-0.1,0.6-0.1,1.1-0.1,1.6 217 c0,1,0.1,1.7,0.4,2.1c0.3,0.4,0.7,0.7,1.3,0.7c0.6,0,1.1-0.2,1.7-0.6c0.6-0.4,1.1-0.9,1.5-1.6c0.3-0.4,0.6-1,0.8-1.5 218 c0.2-0.6,0.4-1.2,0.6-2L77.6,11.5z"/> 219 <path id="XMLID_17_" class="svg-color st0" d="M92.8,22.2c-0.6,0.7-1.2,1.3-2,1.7c-0.7,0.4-1.5,0.6-2.4,0.6c-0.7,0-1.4-0.1-2-0.4 220 c-0.6-0.3-1.1-0.6-1.5-1.1c-0.4-0.5-0.7-1.1-0.9-1.8c-0.2-0.7-0.3-1.5-0.3-2.3c0-0.9,0.1-1.8,0.2-2.7c0.2-0.9,0.4-1.8,0.7-2.6 221 c0.3-0.8,0.7-1.6,1.1-2.4c0.4-0.7,1-1.4,1.5-1.9c0.6-0.5,1.2-1,2-1.3c0.7-0.3,1.5-0.5,2.4-0.5c0.8,0,1.5,0.2,2.2,0.5 222 c0.7,0.3,1.3,0.8,1.8,1.5h0.1l0.6-1.6h3.4l-3.4,16.5c-0.3,1.4-0.7,2.6-1.2,3.6c-0.5,1-1.2,1.9-2,2.5c-0.8,0.7-1.7,1.2-2.8,1.5 223 c-1.1,0.3-2.3,0.5-3.7,0.5c-1,0-1.9-0.1-2.9-0.2c-1-0.2-1.9-0.4-2.7-0.7l0.7-3.3c0.7,0.3,1.4,0.5,2.2,0.7c0.8,0.2,1.6,0.3,2.4,0.3 224 c1,0,1.8-0.1,2.5-0.3c0.7-0.2,1.3-0.6,1.7-1c0.5-0.5,0.9-1,1.2-1.7c0.3-0.7,0.6-1.5,0.8-2.4C92.6,23,92.7,22.5,92.8,22.2L92.8,22.2z 225 M94.8,11.8c-0.1-0.1-0.2-0.3-0.4-0.4c-0.2-0.2-0.4-0.3-0.6-0.4c-0.2-0.1-0.5-0.2-0.7-0.3c-0.3-0.1-0.5-0.1-0.8-0.1 226 c-0.5,0-1,0.1-1.5,0.4c-0.4,0.3-0.8,0.6-1.2,1c-0.3,0.4-0.6,0.9-0.9,1.4c-0.2,0.5-0.4,1.1-0.6,1.7c-0.2,0.6-0.3,1.2-0.4,1.7 227 c-0.1,0.6-0.1,1.1-0.1,1.6c0,1,0.1,1.7,0.4,2.1c0.3,0.4,0.7,0.7,1.3,0.7c0.5,0,1.1-0.2,1.6-0.5c0.5-0.3,1-0.8,1.5-1.4 228 c0.7-0.9,1.2-2.2,1.5-3.7L94.8,11.8z"/> 229 <path id="XMLID_30_" class="st1" d="M14.7,13c2.4,0,6.1,0,8.5,0c-0.5,4.9-2.3,9.3-6.1,10.6c-4.1,1.4-8,0.6-10.2-2 230 c-1.6-1.9-1.7-4.1-1.7-6.4c0-1.5,0-2.9-0.1-4.5C4.9,8.9,3.8,6.4,2.6,4.7c2.6,0.8,5.5,5,
2306,8.2c0.3,1.5,0.4,2.9,0.6,4.4 231 c0.3,2.3,1.5,3.7,3.7,3.8c2.5,0.1,4.6-0.7,5.3-2.9c0.2-0.6,0.3-1.2,0.5-2c-1.5,0-2.9,0-4.5,0"/> 232 <path id="XMLID_28_" class="svg-color st0" d="M9.5,12.7C9.1,10,7.6,8.2,7.6,8.2s0,0,1.5-1.7c3.6-4,9.6-4.4,14-2.5c-0.1,0.4-0.8,3.2-0.8,3.2 233 s-0.2,0-2-0.4C15.8,5.8,12.3,7.5,9.5,12.7z"/> 234 <path id="XMLID_16_" class="st1" d="M14.3,25.1c1.5,0.1,2.7-0.2,3.9-0.8c0.2,1.3-0.1,2.2-1.4,2.5C15.6,27,14.7,26.6,14.3,25.1z"/> 235 <path id="XMLID_5_" class="st1" d="M12.2,25.1c-1.5,0-2.7-0.3-3.8-1c-0.3,1.3,0,2.2,1.2,2.5C10.8,27,11.8,26.6,12.2,25.1z"/> 236 </svg> 237 </a> 238 <div class="menu-trigger"> 239 <span class="bar-top"></span> 240 <span class="bar-middle"></span> 241 <span class="bar-bottom"></span> 242 </div> 243 244 <style> 245 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); 246 body{margin:0;} 247 #wrapper {max-width:100%!important;} 248 .main-menu .menu-drop .separator { 249 margin-top: 25px; 250 padding-left: 12px; 251 font-size: 12px; 252 font-weight: 800; 253 color: #e42226; 254 height: 20px; 255 } 256 .main-menu ul li a:hover, .main-menu ul li a.active {color:#1c4586} 257 .main-menu {float:none;} 258 .main-menu .left-mm {float:left; margin-left: 40px;} 259 .main-menu ul li {margin-left:18px} 260 .main-menu ul li a .icons {margin-left:8px;} 261 .main-menu .right-mm {float:right;display:flex;align-items:center;} 262 .main-menu .right-mm li {margin-left:35px;} 263 .main-menu .right-mm li a {padding:0;margin:0} 264 265 266 /* Modificari header - footer */ 267 /*html {scroll-behavior: smooth}*/ 268 /*.main-header {--margin:calc(100% - 1350px);background:linear-gradient(90deg,#fff calc(var(--margin)/2 + 930px),#EFF5FF calc(var(--margin)/2 + 930px),#EFF5FF 200px);position:static} 269 .main-header.open {background:#EFF5FF}*/ 270 .main-header.scrollheader {position:sticky;box-shadow: 0 0 12px #00000012;background:#fff} 271 .main-header{background:#Fff} 272 .main-header .container-h {max-width:1400px;} 273 .main-header #logo .svg-color{fill:#132E5D} 274 .main-menu>ul>li>a {color:#131415;font-weight:600} 275 .main-menu>ul>li>a:hover {color:#131415;} 276 #menuPhoneNo .fa-phone:before {border: solid 2px #E42226;border-radius: 50%;padding: 10px 12px;margin-right: 8px;} 277 278 .demo-btn {transition:all 250ms;background:#E42226} 279 .demo-btn:hover, .main-footer .nl-col input[type=submit]:hover {transform: translateY(-1px);box-shadow:0 3px 10px 1px #00000030} 280 281 footer.main-footer {background: linear-gradient(160deg, rgb(20 50 102) 0%, rgb(13 31 66) 100%);} 282 .main-footer .container-h {max-width:1350px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap} 283 .footer-link li{margin-bottom: 6px;} 284 .footer-link li a {color:#D6E0FA;font-size:14px;line-height:30px;font-weight:300;transition:text-decoration 500ms} 285 .footer-link li a:hover {text-decoration:underline} 286 .footer-col .title {color:#fff;font-size:18px;line-height:21.6px;font-weight:600} 287 p.copyright {color:#f2f2f250; padding-top: 40px;} 288 .footer-social {display: flex!important;flex-wrap: wrap;justify-content: center;gap: 4px;text-align: center!important;} 289 .footer-social a {width:50px;height:50px;line-height:50px;font-size: 19px;color: #fff;background: #ffffff20;border-radius: 50%;transition-duration: .4s;} 290 .footer-social a:hover {background:#F0F3FF;color:#0C346A} 291 .footer-social a .fa{font-weight: 300;} 292 .main-footer .nl-col input[type=email] {max-width:60%!important;width:auto!important;height:44px;line-height: 44px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #ffffff20;border:none;appearance:none;-webkit-appearance:none;color:#d6e0fa;margin-right:8px} 293 .main-footer .nl-col input[type=email]::placeholder {color:#B9C4DF;font-size:13px;font-weight:300;font-family:"Poppins";font-weight:300} 294 .main-footer .nl-col input[type=submit] {width:auto;height:44px;background:#DB2121;font-weight:600;font-size:15px;padding:0 18px;margin:0;transition:all 250ms} 295 .main-footer hr {max-width: 1320px;width: 95%;border-top: solid 1px #f2f2f250;margin-top:40px;margin-bottom: 40px;} 296 .main-footer .social-col {margin-top:20px;} 297 .main-footer .contact-col {width:35%} 298 299 @media screen and (min-width:1350px){ 300 /*.main-header {--margin:calc(100% - 1350px);background:linear-gradient(90deg,#fff calc(var(--margin)/2 + 930px),#EFF5FF calc(var(--margin)/2 + 930px),#EFF5FF 200px);}*/ 301 } 302 303 @media screen and (max-width: 1350px) { 304 .main-header, .main-header.open {background:#0C346A!important} 305 .main-header #logo .svg-color{fill:#fff} 306 .main-menu>ul>li>a {color:#b6c4d8} 307 .main-menu {display:none;} 308 .menu-trigger {display:block;} 309 .main-menu>ul>li>a:hover {color:#fff} 310 } 311 312 @media screen and (max-width: 1190px){ 313 .main-footer .nl-col input[type=email] {max-width:100%;margin:0 0 5px 0} 314 } 315 316 @media screen and (max-width: 1090px){ 317 .main-footer .footer-col.slide {width:50%;} 318 .main-footer .nl-col input[type=email] {max-width:80%!important;margin:0 10px 5px 0} 319 .main-footer .contact-col .footer-link {flex-direction:column} 320 .main-footer .contact-col form {display:flex;display:-webkit-flex} 321 } 322 @media screen and (min-width:851px){ 323 /*.main-menu .menu-drop {background:#eff5ff;border-top:none}*/ 324 } 325 326 @media only screen and (max-width: 768px) { 327 328 .main-menu .menu-drop .separator { 329 display: none; 330 } 331 .main-menu .right-mm li {margin:0;width:100%;padding-left:15px} 332 .main-menu .left-mm {float:none; margin-left: 0px;} 333 .main-menu .right-mm {float:none;justify-content:center;flex-direction:column} 334 .main-menu .right-mm .demo-btn {margin:10px 0} 335 #demoLoginButton {display: none;} 336 #menuPhoneNo {display: none;} 337 .main-footer .footer-col.slide {width:auto;} 338 .main-footer .footer-col.slide.contact-col {width:100%;} 339 .main-footer .footer-social {gap: 3px;} 340 .footer-social a {width: 44px;height:44px;line-height:44px;margin: 0;} 341 } 342 343 @media screen and (min-width:551px){
344 .main-footer .contact-col .footer-link {width:65%;display:flex;-webkit-display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap: wrap;} 345 } 346 347 @media screen and (max-width:550px){ 348 .main-footer .container-h{flex-direction:column;-webkit-flex-direction:column;} 349 .footer-col .title span {border-top:5px solid #fff} 350 .main-footer .nl-col input[type=email] {text-align:center;padding:0;width:80%!important;margin-bottom:0} 351 .main-footer .nl-col input[type=submit] {margin:auto;} 352 .main-footer .contact-col {width:100%;} 353 .footer-link {border-bottom: 1px solid #d6e0fa;} 354 } 355 </style> 356 357 <nav class="main-menu" style="float:none;"> 358 <ul class="left-mm"> 359 360 <li><a href="/preturi" class="main-btn" style="background: #ffe862;color: #5d5008!important;font-weight: 700;width: auto;padding: 10px 18px;height: auto;font-size: 16px;text-transform:none;border:none;box-shadow: 0 1px 8px -4px #00000060;">Kickstart: <span style="font-weight: 600;">1⬠/ luna</span></a></li> 361 362 <li class="hv-drop"> 363 <a href="javascript:void(0);" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Solutions', 'gaEventLabel': 'Solutii Ecommerce'});"> 364 Solutii Ecommerce 365 <i class="icons icon-arrow-down"></i> 366 </a> 367 368 <div class="menu-drop"> 369 <div class="container-h clearfix" style="padding-bottom: 35px;"> 370 <div class="col"> 371 <div class="separator">PLATFORMA</div> 372 <a href="/incepe-sa-vinzi-online" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Features', 'gaEventLabel': 'Magazin Online'});"> 373 <div>Magazin Online</div> 374 <span>Construiesti si vinzi cu propriul tau magazin online</span> 375 </a> 376 </div> 377 <!--<div class="col"> 378 <a target="_blank" href="/blog/butonul-de-cumparaturi-gomag/?utm_source=gomag.ro" class="menu-section"> 379 <div>Butonul de Cumparaturi</div> 380 <span>Iti adaugi produsele si vinzi online cu orice site sau blog</span> 381 </a> 382 </div>--> 383 384 <div class="col"> 385 <div class="separator"></div> 386 <a href="https://www.gomag.ro/teme" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Themes', 'gaEventLabel': 'Teme'});"> 387 <div>Teme</div> 388 <span>Alege o tema si personalizeaza aspectul magazinului</span> 389 </a> 390 </div> 391 392 <div class="col"> 393 <div class="separator"></div> 394 <a href="https://www.gomag.ro/aplicatii" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Apps', 'gaEventLabel': 'Aplicatii'});"> 395 <div>Aplicatii</div> 396 <span>Peste 150 de aplicatii pentru magazinul tau online</span> 397 </a> 398 </div> 399 400 <div class="col" style="clear:both;"> 401 <a href="/gobots" class="menu-section"> 402 <div>Automatizari cu Gobots</div> 403 <span>Automatizeaza sarcinile repetitive din magazinul tau online</span> 404 </a> 405 </div> 406 407 <div class="col"> 408 <a href="/gpayments" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'GPayments', 'gaEventLabel': 'GPayments'});"> 409 <div>Plati Online</div> 410 <span>Activeaza si configureaza rapid diverse optiuni de plata</span> 411 </a> 412 </div> 413 414 <div class="col"> 415 <a href="/gshipments" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'GShipments', 'gaEventLabel': 'GShipments'});"> 416 <div>Livrare Colete</div> 417 <span>Livrezi fara stres comenzile, la preturi accesibile</span> 418 </a> 419 </div> 420 421 <div class="col" style="clear:both;"> 422 <a href="/insights" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'GInsights', 'gaEventLabel': 'GInsights'});"> 423 <div>Insights</div> 424 <span>Afla instant statisticile magazinului tau</span> 425 </a> 426 </div> 427 428 <div class="col"> 429 <a href="/prompt" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Gomag Prompt', 'gaEventLabel': 'Gomag Prompt'});"> 430 <div>Gomag Prompt</div> 431 <span>Creeaza instant descrieri originale de produs cu AI</span> 432 </a> 433 </div> 434 435 <div class="col" style="clear:both;"> 436 437 <div class="separator">VINDE MAI MULT</div> 438 439 <a href="/campanii-marketing" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'GomagCampanii', 'gaEventLabel': 'Gomag Campanii'});"> 440 <div>Campanii Google Ads</div> 441 <span>Automatizeaza campaniile Google Ads direct din magazinul tau Gomag</span> 442 </a> 443 </div> 444 445 <div class="col"> 446 <div class="separator"></div> 447 <a href="/integrare-emag-marketplace" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'EmagMarketplace', 'gaEventLabel': 'Emag Marketplace'});"> 448 <div>Vinzi in Emag Marketplace</div> 449 <span>Iti cresti afacerea si vanzarile cu Emag Marketplace</span> 450 </a> 451 </div> 452 453 <div class="col"> 454 <div class="separator"></div> 455 <a href="/gomag-finance" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Gomag Prompt', 'gaEventLabel': 'Gomag Prompt'});"> 456 <div>Credit flexibil</div> 457 <span>Obtine capital financiar flexibil, pentru afacerea ta</span> 458 </a> 459 </div> 460 461 <div class="col" style="clear:both;"> 462 463 <div class="separator">SERVICII</div> 464 465 <a href="/migreaza-la-gomag" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Migration', 'gaEventLabel': 'Migreaza la Gomag'});"> 466 <div>
466Migreaza la Gomag <span style="display: inline-block;background: red;font-size: 11px;font-weight: bold;padding: 0px 5px;color: white;border-radius: 15px;">GRATUIT</span></div> 467 <span>Afla cum muti un magazin existent pe platforma noastra</span> 468 </a> 469 </div> 470 471 <div class="col"> 472 473 <div class="separator"></div> 474 475 <a href="/magazin-la-cheie" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'TurnkeyStore', 'gaEventLabel': 'Magazin la Cheie'});"> 476 <div>Magazin la Cheie</div> 477 <span>Ne ocupam noi de configurarea si customizarea magazinului tau</span> 478 </a> 479 </div> 480 481 <div class="col"> 482 483 <div class="separator"></div> 484 485 <a href="https://www.gomag.ro/parteneri" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Partners', 'gaEventLabel': 'Parteneri Gomag'});"> 486 <div>Parteneri Gomag</div> 487 <span>Experti in marketing care te ajuta sa iti dezvolti afacerea online</span> 488 </a> 489 </div> 490 </div> 491 </div> 492 </li> 493 <li><a href="https://www.gomag.ro/preturi" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Pricing', 'gaEventLabel': 'Preturi'});">Preturi</a></li> 494 <!--<li><a href="https://www.gomag.ro/parteneri" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Partners', 'gaEventLabel': 'Parteneri'});">Parteneri</a></li>--> 495 496 <li class="hv-drop"> 497 <a href="javascript:void(0);" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Jobs', 'gaEventLabel': 'Cariere'});" style="position: relative;"> 498 Companie 499 <i class="icons icon-arrow-down"></i> 500 </a> 501 <div class="menu-drop"> 502 <div class="container-h drop-bg2 clearfix" style="padding-bottom: 50px;background:url('/site/plugins/app/ui/frontend/gfx/mmenu-cariere.svg') no-repeat bottom right;"> 503 <div class="col"> 504 <a href="/ce-spun-clientii" class="menu-section"> 505 <div>Povesti de succes</div> 506 <span>Motivele pentru care +5000 de clienti folosesc Gomag</span> 507 </a> 508 <a href="/despre-noi" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'AboutUs', 'gaEventLabel': 'Despre Noi'});"> 509 <div>Despre noi</div> 510 <span>Construim impreuna viitorul comertului online romanesc!</span> 511 </a> 512 </div> 513 514 <div class="col"> 515 <a href="/aparitii-presa" class="menu-section"> 516 <div>Aparitii in presa</div> 517 <span>Urmareste evolutia platformei & materialele noastre</span> 518 </a> 519 520 <a href="/cariere" class="menu-section" > 521 <div>Cariere</div> 522 <span>Cauti un loc unde sa-ti pui in valoare calitatile?</span> 523 </a> 524 </div> 525 526 <div class="col"> 527 528 <a href="/contact" class="menu-section" > 529 <div>Contact</div> 530 <span>Ai intrebari? Suntem aici sa te ajutam.</span> 531 </a> 532 533 </div> 534 </div> 535 </div> 536 </li> 537 538 <li class="hv-drop"> 539 <a href="javascript:void(0);" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Resources', 'gaEventLabel': 'Resurse'});"> 540 Resurse 541 <i class="icons icon-arrow-down"></i> 542 </a> 543 <div class="menu-drop"> 544 <div class="container-h drop-bg2 clearfix" style="padding-bottom: 50px;background:url('/site/plugins/app/ui/frontend/gfx/mmenu-resurse3.svg') no-repeat bottom right;background-size:500px"> 545 <div class="col"> 546 <a href="/ecommerce-pulse" class="menu-section"> 547 <div>eCommerce Pulse</div> 548 <span>Descarca gratuit eCommerce Pulse 2026 - Analiza comertului online din Romania</span> 549 <br> 550 </a> 551 552 <a target="_blank" href="https://academia.gomag.ro/?utm_source=gomag.ro" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'GomagAcademy', 'gaEventLabel': 'Academia Gomag'});"> 553 <div>
553Academia Gomag</div> 554 <span>Locul in care inveti totul despre Ecommerce</span> 555 <br> 556 </a> 557 558 <a href="https://help.gomag.ro/hc/ro" target="_blank" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Help', 'gaEventLabel': 'Help Center'});"> 559 <div>Help Center</div> 560 <span>Inveti cum sa folosesti la maximum platforma Gomag</span> 561 </a> 562 563 564 565 </div> 566 <div class="col"> 567 <a href="https://www.gomag.ro/blog" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Blog', 'gaEventLabel': 'Blog Ecommerce'});"> 568 <div>Blog Ecommerce</div> 569 <span>Informatii care te ajuta sa faci ecommerce cu Gomag</span> 570 <br> 571 </a> 572 573 <a target="_blank" href="/blog/doza-ecommerce/" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Podcast', 'gaEventLabel': 'Podcast: Doza de Ecommerce'});"> 574 <div>Podcast: Doza de Ecommerce</div> 575 <span>Ramai la curent cu ultimele noutati din ecommerce</span> 576 </a> 577 </div> 578 <div class="col"> 579 580 <a target="_blank" href="/blog/evenimente-ecommerce/" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Events', 'gaEventLabel': 'Evenimente Gomag'});"> 581 <div>Evenimente Gomag</div> 582 <span>Cele mai importante evenimente de eCommerce & marketing online din Romania</span> 583 </a> 584 <br> 585 <a target="_blank" href="https://www.facebook.com/groups/gomagro" class="menu-section" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Facebook', 'gaEventLabel': 'Comunitatea Gomag'});"> 586 <div>Comunitatea Gomag</div> 587 <span>Discutii despre dezvoltarea comertului online</span> 588 </a> 589 </div> 590 </div> 591 </div> 592 </li> 593 594 <!--<li><a href="https://www.gomag.ro/contact" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Contact', 'gaEventLabel': 'Contact'});">Contact</a></li>--> 595 596 597 </ul> 598 599 <ul class="right-mm"> 600 <li><a href="javascript:;" id="demoLoginButton" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Login', 'gaEventLabel': 'Login'});">Log in</a></li> 601 602 <li><a href="/cerere-oferta" class="demo-btn main-btn demoPP triggerCreateDemo" style="color: #fff; width: auto; padding: 12px 20px; height: auto; font-size: 16px; font-weight: 600; text-transform:none;border:none;" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Demo', 'gaEventLabel': 'Incearca Gratuit'});">Incearca gratuit</a></li> 603 604 <li id="menuPhoneNo" style="position:relative; text-align:center;"> 605 <span style="font-family: 'Open Sans',sans-serif; font-size:12px; font-weight:600; line-height:18px; float:right;">Ai nevoie de ajutor?</span> 606 <a href="tel:+40-0372-570.824" style="font-weight:600; line-height:20px; font-family:'Poppins';">0372-570.824</a> 607 </li> 608 </ul> 609 </nav> <!-- end main-menu --> 610 611 </div> 612 </header> <!-- end main-header --> 613 614 <style> 615@import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap'); 616 617*, *::before, *::after { box-sizing: border-box; } 618 619:root { 620 --gm-dark: #0D1F42; 621 --gm-text: #7a7a94; 622 --gm-muted: #8E8EA8; 623 --gm-border: #E8E8F2; 624 --gm-red: #E42226; 625 --gm-purple: #d154f6; 626 --gm-cyan: #36CFEF; 627 --gm-coral: #FF4F4F; 628 --gm-white: #FFFFFF; 629 --gm-shadow-md: 0 8px 28px rgba(0,0,0,.10); 630} 631 632section img { pointer-events: none; } 633 634.gm-container { max-width: 1200px; margin: 0 auto; width: 100%; } 635 636/* Butoane */ 637.gm-btn { 638 display: inline-flex;align-items: center;gap: 10px;padding: 16px 32px; 639 font-size: 17px;font-weight: 600;text-transform: uppercase;letter-spacing: .04em;text-decoration: none; 640 border-radius: 4px;border: none;cursor: pointer;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27); 641 transition: transform .3s cubic-bezier(.25,0,.3,1), box-shadow .3s cubic-bezier(.25,0,.3,1), background .3s cubic-bezier(.25,0,.3,1); 642} 643.gm-btn--primary { background: var(--gm-red);color: #fff; } 644.gm-btn--primary:hover, 645.gm-btn--primary:focus { 646 color: #fff;transform: translateY(-2px);box-shadow: 0 10px 36px rgba(228,34,38,.38);text-decoration: none; 647} 648.gm-btn--primary:visited { color: #fff; } 649 650/* Titluri de secÈiune */ 651.gm-sect-eyebrow {font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--gm-red);margin: 0 0 14px;} 652.gm-sect-title {font-size: clamp(34px, 3.5vw, 46px);font-weight: 600;line-height: 1.1;letter-spacing: -0.5px;color: var(--gm-dark);margin: 0 0 16px;} 653.gm-sect-title em{font-style: normal;color: var(--gm-red);} 654.gm-sect-subtitle {font-size: 19px;line-height: 1.5;color: var(--gm-text);margin: 0;} 655 656.gm-sect-title--light { font-weight: 500;color: #fff; } 657.gm-sect-title--light em { color: var(--gm-coral); } 658.gm-sect-subtitle--light { color: rgba(255,255,255,.65); } 659</style> 660 661<style> 662body {
663 font-family: "Outfit", sans-serif; 664 margin-top: -72px; 665} 666body:has(.cookiePolicyGomag) { margin-top: 0; } 667 668 669.main-header { background: transparent; box-shadow: none !important; } 670.main-header.scrollheader { background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.08) !important; } 671.main-header.open { background: #fff ; } 672 673 674/* ============================================================ 675 SCROLL REVEAL SYSTEM â depinde de GSAP, deci NU pleaca in componente. 676 Componentele pastreaza doar clasele ca marcaje inerte; pe paginile 677 fara GSAP conÈinutul apare imediat, ceea ce e comportamentul dorit. 678 .gm-reveal â fade + slide up (default) 679 .gm-reveal--down â fade + slide down 680 .gm-reveal--left â fade + slide din stanga 681 .gm-reveal--right â fade + slide din dreapta 682 .gm-reveal--scale â fade + scale up 683 ============================================================ */ 684 685.gm-reveal, 686.gm-hero__inner > * { opacity: 0; } 687</style> 688 689 690<!-- HERO SECTION --> 691<style> 692.gm-hero { 693 position: relative;overflow: hidden; 694 display: flex;flex-direction: column;align-items: center;justify-content: center; 695 padding: 12% 24px 4%;background: #fff; 696} 697.gm-hero__inner { 698 position: relative;z-index: 1; 699 display: flex;flex-direction: column;align-items: center; 700 text-align: center;max-width: 960px;width: 100%; 701} 702.gm-hero__eyebrow { 703 font-size: 14px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase; 704 color: var(--gm-red);line-height: 1.3;margin-bottom: 14px; 705} 706.gm-hero__title { 707 font-size: clamp(36px, 5vw, 62px);font-weight: 600;line-height: 1.06; 708 letter-spacing: -1px;color: var(--gm-dark);margin: 0 0 24px;max-width: 680px; 709} 710.gm-hero__title em { 711 font-style: normal;color: var(--gm-red); 712} 713.gm-hero__desc { 714 font-weight: 300;font-size: 20px;line-height: 1.4;color: var(--gm-text); 715 max-width: 600px;margin: 0 0 36px; 716} 717.gm-hero__desc a{ 718 font-weight: 300; color: #000; border-bottom: 1px dashed #000; text-decoration: none; 719} 720.gm-hero__desc a:hover { 721 text-decoration: none; 722} 723.gm-hero__cta {margin-bottom: 32px;} 724 725.gm-hero__pills { 726 display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px 0; 727} 728.gm-pill { 729 display: inline-flex;align-items: center;color: var(--gm-dark);font-size: 15px;font-weight: 300; 730} 731.gm-pill + .gm-pill::before { 732 content: '';display: inline-block;width: 4px;height: 4px;margin: 0 12px;flex-shrink: 0; 733 border-radius: 50%;background: var(--gm-muted);opacity: .5; 734} 735 736@media (max-width: 860px) { 737 .gm-hero {padding: 120px 16px 80px;} 738 .gm-hero__title { font-size: 46px; } 739 .gm-hero__desc { font-size: 18px; } 740} 741 742@media (max-width: 640px) { 743 .gm-hero__title {font-size: 35px;letter-spacing: -.5px;} 744 .gm-hero__desc {font-size: 17px;line-height: 1.6;} 745 .gm-hero__pills {flex-direction: column;align-items: flex-start;gap: 6px;} 746 .gm-pill::before { 747 content: '';display: inline-block;width: 14px;height: 14px;margin: 0 8px 0 0;background-color: var(--gm-red); 748 -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.5 3.5L13 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; 749 mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.5 3.5L13 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; 750 border-radius: 0;opacity: 1;flex-shrink: 0; 751 } 752 .gm-pill + .gm-pill::before { 753 width: 14px;height: 14px;margin: 0 8px 0 0;background-color: var(--gm-red); 754 -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.5 3.5L13 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; 755 mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.5 3.5L13 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat; 756 border-radius: 0;opacity: 1; 757 } 758} 759@media (max-width: 480px) { 760 .gm-hero__eyebrow{max-width: 250px} 761} 762</style> 763 764 <link rel="preload" as="style" href="/site/plugins/app/ui/frontend/css/swiper-bundle.min.css"> 765 <link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/swiper-bundle.min.css"> 766 <style> 767 /* max-width venea din .gm-s5__slider-wrap (Zona 5); consolidat aici 768 ca sa nu depinda de CSS-ul altei secÈiuni */ 769 .gm-hero .gm-hero__slider { position: relative;width: 100%;max-width: 1300px;margin: 80px auto 0; } 770 .gm-hero__slider--swiper { min-height: 420px; } 771 @media (max-width: 1024px) { .gm-hero__slider--swiper { min-height: 380px; } } 772 @media (max-width: 767px) { .gm-hero__slider--swiper { min-height: 340px; } } 773 @media (max-width: 600px) { .gm-hero__slider--swiper { min-height: 460px; } } 774 @media (max-width: 860px) { 775 .gm-hero .gm-hero__slider { margin-top: 40px; } 776 .gm-hero__slider--swiper .swiper {padding: 16px!important;} 777 } 778 .gm-hero__slider--swiper .swiper { overflow: hidden; padding: 40px 0; } 779 .gm-hero__slider--swiper .swiper-wrapper { align-items: center; } 780 781 /* Cardul din slider */ 782 .gm-hero-card{position:relative;aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:#f0f0f0;cursor:pointer} 783 .gm-hero-card img{width:100%;height:100%;object-fit:cover;display:block} 784 .gm-hero-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 45%,#000000b3 100%);opacity:0;transition:opacity .45s ease;pointer-events:none} 785 .gm-hero-card__play{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-32px 0 0 -32px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:scale(0.7);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1) .1s,background .25s ease;z-index:3;box-shadow:0 8px 24px #00000026} 786 .gm-hero-card__play svg{color:var(--gm-red);width:22px;height:22px;margin-left:3px} 787 .gm-hero-card__play:hover{background:#fff;transform:scale(1.08)} 788 .gm-hero-card__info{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .4s ease .1s,transform .45s cubic-bezier(.22,.61,.36,1) .1s;z-index:2;padding:0 18px} 789 .gm-hero-card__shop{font-size:24px;font-weight:600;margin:0;letter-spacing:-.3px;text-shadow:0 2px 12px #00000059} 790 .gm-hero-card__owner{font-size:14px;margin:4px 0 0;opacity:.85;font-weight:400} 791 792 /* Doar slide-ul activ isi arata overlay-ul, play-ul si info-ul */ 793 .gm-hero-slider-sw:not(.is-ready) { visibility: hidden; } 794 .gm-hero-slider-sw .gm-hero-card::after { opacity: 0; } 795 .gm-hero-slider-sw .gm-hero-card__play { opacity: 0; visibility: hidden; } 796 .gm-hero-slider-sw .gm-hero-card__info { opacity: 0; } 797 .gm-hero-slider-sw .gm-hero-card { transform: none; } 798 .gm-hero-slider-sw .swiper-slide { 799 height: auto;background: transparent; 800 user-select: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent; 801 } 802 .gm-hero-slider-sw .swiper-slide img { 803 pointer-events: none;
803-webkit-user-drag: none;user-select: none; 804 } 805 .gm-hero-slider-sw .swiper-slide .gm-hero-card { opacity: 0;transition: opacity .4s ease; } 806 .gm-hero-slider-sw .swiper-slide.swiper-slide-visible .gm-hero-card { opacity: 1; } 807 .gm-hero-slider-sw .swiper-slide-active .gm-hero-card::after { opacity: 1; } 808 .gm-hero-slider-sw .swiper-slide-active .gm-hero-card__play { 809 opacity: 1;visibility: visible;transform: scale(1); 810 } 811 .gm-hero-slider-sw .swiper-slide-active .gm-hero-card__info { 812 opacity: 1;transform: translateY(0); 813 } 814 815 /* Navigatie */ 816 .gm-hero__slider--swiper .swiper-button-prev, 817 .gm-hero__slider--swiper .swiper-button-next { 818 position: absolute;top: 50%;width: 44px;height: 44px;border-radius: 50%; 819 background: #ffffff99;backdrop-filter: blur(8px); border: 1px solid var(--gm-border);color: var(--gm-dark); 820 display: flex;align-items: center;justify-content: center;cursor: pointer; 821 z-index: 10;transition: background .2s ease, border-color .2s ease, transform .2s ease, color .2s ease; 822 } 823 .gm-hero__slider--swiper .swiper-button-prev { left: 5px; } 824 .gm-hero__slider--swiper .swiper-button-next { right: 5px; } 825 .gm-hero__slider--swiper .swiper-button-prev:hover, 826 .gm-hero__slider--swiper .swiper-button-next:hover { 827 background: var(--gm-dark);border-color: var(--gm-dark);color: #fff; 828 } 829 .gm-hero__slider--swiper .swiper-button-prev svg, 830 .gm-hero__slider--swiper .swiper-button-next svg{width: 20px;height: 20px;} 831 .gm-hero__slider--swiper .swiper-button-disabled { opacity: .3; cursor: default; } 832 .gm-hero__slider--swiper .swiper-button-prev::after, 833 .gm-hero__slider--swiper .swiper-button-next::after { display: none; } 834 </style> 835 836<section class="gm-hero"> 837 838 <div class="gm-hero__inner"> 839 840 <div class="gm-hero__eyebrow">De la Start la Enterprise pe aceeasi platforma</div> 841 842 <h1 class="gm-hero__title">Porneste un magazin<br> online in <em>5 minute!</em></h1> 843 844 <p class="gm-hero__desc"><a href="/despre-noi" target="_blank">Platforma romaneasca</a> de eCommerce care creste odata cu tine: de la primul produs vandut pana la zeci de mii de comenzi pe luna.</p> 845 846 <div class="gm-hero__cta"> 847 <a href="/cerere-oferta" class="gm-btn gm-btn--primary demoPP triggerCreateDemo" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Demo', 'gaEventLabel': 'Incearca Gratuit'});">Creeaza-ti Magazinul</a> 848 </div> 849 850 <div class="gm-hero__pills"> 851 <div class="gm-pill">eCommerce Accelerat de AI</div> 852 <div class="gm-pill">Template-uri Incluse</div> 853 <div class="gm-pill">Integrari native: Emag, plati, curieri</div> 854 <div class="gm-pill">Suport in Limba Romana</div> 855 </div> 856 857 </div> 858 859 <div class="gm-hero__slider gm-hero__slider--swiper"> 860 <div class="swiper gm-hero-slider-sw"> 861 <div class="swiper-wrapper"> 862 <div class="swiper-slide"> 863 <div class="gm-hero-card"> 864 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/fionna.jpg" alt="Fionna"> 865 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=rOkj-m_L_m4" data-fancybox aria-label="Vezi povestea"> 866 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 867 </a> 868 <div class="gm-hero-card__info"> 869 <h3 class="gm-hero-card__shop">Fionna</h3> 870 <p class="gm-hero-card__owner">Anca Florescu</p> 871 </div> 872 </div> 873 </div> 874 <div class="swiper-slide"> 875 <div class="gm-hero-card"> 876 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/coffee-point.jpg" alt="Coffee Point"> 877 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=rG4qIcvX-WA" data-fancybox aria-label="Vezi povestea"> 878 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 879 </a> 880 <div class="gm-hero-card__info"> 881 <h3 class="gm-hero-card__shop">Coffee Point</h3> 882 <p class="gm-hero-card__owner">Cristi Bulai</p> 883 </div> 884 </div> 885 </div> 886 <div class="swiper-slide"> 887 <div class="gm-hero-card"> 888 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/echipam.jpg" alt="Echipam"> 889 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=FovK-jyUEOA" data-fancybox aria-label="Vezi povestea"> 890 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 891 </a> 892 <div class="gm-hero-card__info"> 893 <h3 class="gm-hero-card__shop">Echipam</h3> 894 <p class="gm-hero-card__owner">Sorin Iftene</p> 895 </div> 896 </div> 897 </div> 898 <div class="swiper-slide"> 899 <div class="gm-hero-card"> 900 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/motomus.jpg" alt="MotoMus"> 901 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=5YkM_gHazMM" data-fancybox aria-label="Vezi povestea"> 902 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 903 </a> 904 <div class="gm-hero-card__info"> 905 <h3 class="gm-hero-card__shop">MotoMus</h3> 906 <p class="gm-hero-card__owner">Csaba Enyedi</p> 907 </div> 908 </div> 909 </div> 910 <div class="swiper-slide"> 911 <div class="gm-hero-card"> 912 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/hermina.jpg" alt="Hermina"> 913 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=pq0XqzVtxv4" data-fancybox aria-label="Vezi povestea"> 914 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 915 </a> 916 <div class="gm-hero-card__info"> 917 <h3 class="gm-hero-card__shop">Hermina</h3> 918 <p class="gm-hero-card__owner">Sergiu Malai</p> 919 </div> 920 </div> 921 </div> 922 <div class="swiper-slide"> 923 <div class="gm-hero-card"> 924 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/fionna.jpg" alt="Fionna"> 925 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=rOkj-m_L_m4" data-fancybox aria-label="Vezi povestea"> 926 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 927 </a> 928 <div class="gm-hero-card__info"> 929 <h3 class="gm-hero-card__shop">Fionna</h3> 930 <p class="gm-hero-card__owner">Anca Florescu</p> 931 </div> 932 </div> 933 </div> 934 <div class="swiper-slide"> 935 <div class="gm-hero-card"> 936 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/coffee-point.jpg" alt="Coffee Point"> 937 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=rG4qIcvX-WA" data-fancybox aria-label="Vezi povestea"> 938 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 939 </a> 940 <div class="gm-hero-card__info"> 941 <h3 class="gm-hero-card__shop">Coffee Point</h3> 942 <p class="gm-hero-card__owner">Cristi Bulai</p> 943 </div> 944 </div> 945 </div> 946 <div class="swiper-slide"> 947 <div class="gm-hero-card"> 948 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/echipam.jpg" alt="Echipam"> 949 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=FovK-jyUEOA" data-fancybox aria-label="Vezi povestea"> 950 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 951 </a> 952 <div class="gm-hero-card__info"> 953 <h3 class="gm-hero-card__shop">Echipam</h3> 954 <p class="gm-hero-card__owner">Sorin Iftene</p> 955 </div> 956 </div> 957 </div> 958 <div class="swiper-slide"> 959 <div class="gm-hero-card"> 960 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/motomus.jpg" alt="MotoMus"> 961 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=5YkM_gHazMM" data-fancybox aria-label="Vezi povestea"> 962 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 963 </a> 964 <div class="gm-hero-card__info"> 965 <h3 class="gm-hero-card__shop">MotoMus</h3> 966 <p class="gm-hero-card__owner">Csaba Enyedi</p> 967 </div> 968 </div> 969 </div> 970 <div class="swiper-slide"> 971 <div class="gm-hero-card"> 972 <img src="/site/plugins/app/ui/frontend/gfx/home/intro/hermina.jpg" alt="Hermina"> 973 <a class="gm-hero-card__play" href="https://www.youtube.com/watch?v=pq0XqzVtxv4" data-fancybox aria-label="Vezi povestea"> 974 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 975 </a> 976 <div class="gm-hero-card__info"> 977 <h3 class="gm-hero-card__shop">Hermina</h3> 978 <p class="gm-hero-card__owner">Sergiu Malai</p> 979 </div> 980 </div> 981 </div> 982 </div> 983 984 <button type="button" class="swiper-button-prev" aria-label="Prev"> 985 <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 986 </button> 987 <button type="button" class="swiper-button-next" aria-label="Next"> 988 <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 989 </button> 990 </div> 991 </div> 992 993</section> 994
995<script src="/site/plugins/app/ui/frontend/js/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 995
995
996<script> 997(function(){ 998 function init() { 999 if (typeof Swiper === 'undefined') { setTimeout(init, 100); return; } 1000 var el = document.querySelector('.gm-hero-slider-sw'); 1001 if (!el) return; 1002 1003 var sw = new Swiper(el, { 1004 loop: true, 1005 loopAdditionalSlides: 2, 1006 centeredSlides: true, 1007 slidesPerView: 5, 1008 spaceBetween: 8, 1009 speed: 600, 1010 grabCursor: true, 1011 effect: 'coverflow', 1012 coverflowEffect: { 1013 rotate: 30, 1014 stretch: 0, 1015 depth: 50, 1016 modifier: 1, 1017 slideShadows: false 1018 }, 1019 navigation: { 1020 nextEl: el.querySelector('.swiper-button-next'), 1021 prevEl: el.querySelector('.swiper-button-prev') 1022 }, 1023 breakpoints: { 1024 0: { slidesPerView: 1, centeredSlides: false }, 1025 600: { slidesPerView: 3 }, 1026 1024: { slidesPerView: 5 } 1027 }, 1028 on: { 1029 init: function(){ el.classList.add('is-ready'); } 1030 } 1031 }); 1032 } 1033 init(); 1034})(); 1035</script>
1035 1036<!-- END HERO SECTION --> 1037 1038<!-- ZONA 2 --> 1039<style> 1040 .gm-cards{padding:0 24px 100px;background:#fff} 1041 .gm-cards__header{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 20px;margin-bottom:40px} 1042 .gm-cards__title{margin:0} 1043 .gm-cards__subtitle{margin:0;padding-bottom:6px} 1044 .gm-cards__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:16px} 1045 .gm-cards__card{border-radius:20px;padding:40px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow .3s ease} 1046 .gm-cards__card--featured{grid-column:1;grid-row:1 / 4;background-color:#132E5D;background-position:center center;background-size:cover;background-repeat:no-repeat;color:#fff;min-height:480px;justify-content:space-between} 1047 .gm-cards__card--featured > *{position:relative;z-index:1} 1048 .gm-cards__card--light{background:#F0F4FA} 1049 .gm-cards__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px} 1050 .gm-cards__card--featured .gm-cards__eyebrow{color:var(--gm-coral)} 1051 .gm-cards__card--light .gm-cards__eyebrow{color:var(--gm-red)} 1052 .gm-cards__card-title{font-size:clamp(22px,2vw,26px);font-weight:600;line-height:1.15;letter-spacing:-.3px;margin:0 0 12px} 1053 .gm-cards__card--featured .gm-cards__card-title{font-weight:500;color:#fff} 1054 .gm-cards__card--light .gm-cards__card-title{color:var(--gm-dark)} 1055 .gm-cards__text{font-size:16px;line-height:1.5;margin:0;flex-grow:1} 1056 .gm-cards__card--featured .gm-cards__text{font-weight:300;color:#ffffffbf} 1057 .gm-cards__card--light .gm-cards__text{color:var(--gm-text)} 1058 .gm-cards__arrow{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:transform .25s ease,background .25s ease;margin-top:28px;align-self:flex-end} 1059 .gm-cards__card--featured .gm-cards__arrow{background:#ffffff30;border:1px solid #ffffff60;color:#fff;backdrop-filter:blur(4px)} 1060 .gm-cards__card--featured .gm-cards__arrow:hover{background:#fff;color:#132E5D;transform:translateX(4px)} 1061 .gm-cards__card--light .gm-cards__arrow{background:#fff;border:1px solid var(--gm-border);color:var(--gm-dark);position:absolute;top:24px;right:24px;margin-top:0;align-self:auto} 1062 .gm-cards__card--light .gm-cards__arrow:hover{background:var(--gm-dark);border-color:var(--gm-dark);color:#fff;transform:translateX(4px)} 1063 1064 @media (max-width: 900px) { 1065 .gm-cards{padding:0 20px 72px} 1066 .gm-cards__header{grid-template-columns:1fr} 1067 .gm-cards__grid{grid-template-columns:1fr} 1068 .gm-cards__card{padding:34px 30px} 1069 .gm-cards__card--featured{grid-column:auto;grid-row:auto} 1070 .gm-cards__card--featured{min-height:440px} 1071 .gm-cards__card--light .gm-cards__arrow{top:14px;right:14px} 1072 .gm-cards__card--featured .gm-cards__arrow{position:absolute;bottom:16px;right:16px} 1073 } 1074</style> 1075 1076<section class="gm-cards"> 1077 <div class="gm-container"> 1078 1079 <!-- Header 2 coloane --> 1080 <div class="gm-cards__header"> 1081 <h2 class="gm-sect-title gm-cards__title gm-heading-anim"><em>Tu vinzi online.</em><br> Noi ne ocupam de restul.</h2> 1082 <p class="gm-sect-subtitle gm-cards__subtitle gm-reveal">Indiferent daca esti la inceput sau vrei sa iti scalezi business-ul, <br> Gomag sustine fiecare etapa de crestere.</p> 1083 </div> 1084 1085 <!-- Grid carduri --> 1086 <div class="gm-cards__grid"> 1087 <div class="gm-cards__card gm-cards__card--featured" style="background-image:url(/site/plugins/app/ui/frontend/gfx/home/section-2-1.jpg)"> 1088 <div> 1089 <div class="gm-cards__eyebrow">Start</div> 1090 <h3 class="gm-cards__card-title">Incepe sa vinzi online</h3> 1091 <p class="gm-cards__text">Lansezi rapid un magazin complet echipat: template-uri, plati, livrare, facturare si integrari. In plus, ai sprijinul unei echipe cu experienta care a contribuit deja la lansarea a peste 5000 de magazine online.</p> 1092 </div> 1093 <a href="/preturi" class="gm-cards__arrow gm-yellow-arrow" aria-label="Vezi preturi"> 1094 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1095 </a> 1096 </div> 1097 <div class="gm-cards__card gm-cards__card--light"> 1098 <div class="gm-cards__eyebrow">Crestere</div> 1099 <h3 class="gm-cards__card-title">Scaleaza afacerea online</h3> 1100 <p class="gm-cards__text">Performanta si stabilitatea de care ai nevoie pentru a procesa mii de comenzi pe luna. Automatizezi business-ul ca sa poti scala eficient.</p> 1101 <a href="/gobots" class="gm-cards__arrow" aria-label="Vezi preturi">
1102 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1103 </a> 1104 </div> 1105 <div class="gm-cards__card gm-cards__card--light"> 1106 <div class="gm-cards__eyebrow">Migrare</div> 1107 <h3 class="gm-cards__card-title">Migreaza magazinul online</h3> 1108 <p class="gm-cards__text">Audit gratuit + migrare asistata de echipa noastra. Fara pierdere de date. Suport si consultanta post-migrare.</p> 1109 <a href="/migreaza-la-gomag" class="gm-cards__arrow" aria-label="Migreaza la Gomag"> 1110 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1111 </a> 1112 </div> 1113 <div class="gm-cards__card gm-cards__card--light"> 1114 <div class="gm-cards__eyebrow">Expansiune</div> 1115 <h3 class="gm-cards__card-title">Vinde cross-border si international</h3> 1116 <p class="gm-cards__text">Vinzi in mai multe tari, limbi si monede multiple. Indiferent de limba sau de canalul de vanzari, gestionezi totul intr-un singur loc.</p> 1117 <a href="/preturi" class="gm-cards__arrow" aria-label="Vezi preturi"> 1118 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1119 </a> 1120 </div> 1121 </div> 1122 </div> 1123</section> 1124<!-- END ZONA 2 --> 1125 1126<!-- ZONA 3 --> 1127<style> 1128.gm-shops { 1129 position: relative;padding: 100px 24px 380px; 1130 background: linear-gradient(160deg, rgb(20 50 102) 0%, rgb(13 31 66) 100%); 1131} 1132.gm-shops__header { 1133 display: grid;grid-template-columns: 1fr 1fr;align-items: end;gap: 40px;margin-bottom: 96px; 1134} 1135.gm-shops__header-main { display: flex; flex-direction: column; } 1136.gm-shops__stat { 1137 font-size: clamp(52px, 7vw, 70px);font-weight: 600;color: #fff;line-height: 1;letter-spacing: -2px; 1138 margin: 0 0 8px;display: inline-flex;align-items: center;gap: 4px; 1139} 1140.gm-shops__stat span { font-weight: 400; color: var(--gm-coral); } 1141.gm-shops__title { font-weight: 500; margin: 0; } 1142.gm-shops__subtitle { max-width: 545px; margin: 0; padding-bottom: 6px; } 1143.gm-shops__header-right { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; } 1144 1145.gm-shops__more a { 1146 display: inline-flex;align-items: center;gap: 10px;color: rgba(255,255,255,.85); 1147 font-size: 14px;font-weight: 600;letter-spacing: .03em;text-transform: uppercase;text-decoration: none; 1148 padding: 12px 24px;border: 1px solid rgba(255,255,255,.18);border-radius: 100px;transition: background .25s ease, border-color .25s ease; 1149} 1150.gm-shops__more a:hover { 1151 background: rgba(255,255,255,.08);border-color: rgba(255,255,255,.32);color: #fff;text-decoration: none; 1152} 1153.gm-shops__more svg { transition: transform .25s ease; } 1154.gm-shops__more a:hover svg { transform: translateX(4px); } 1155 1156.gm-shops__items { 1157 position: absolute;left: 0;right: 0;bottom: 0;overflow: hidden;padding: 0 24px; 1158} 1159.gm-shops__track { 1160 display: flex;align-items: flex-end;width: max-content; 1161 animation: gm-shops-scroll 80s linear infinite;will-change: transform; 1162} 1163.gm-shops__items:hover .gm-shops__track { animation-play-state: paused; } 1164@keyframes gm-shops-scroll { 1165 from { transform: translateX(0); } 1166 to { transform: translateX(-50%); } 1167} 1168.gm-shops__item { 1169 position: relative;display: flex;flex-shrink: 0;width: auto;overflow: hidden; 1170 border-radius: 22px 22px 0 0;margin-right: 20px;text-decoration: none; 1171} 1172.gm-shops__media { 1173 position: relative;width: auto; height: auto;border-radius: 22px 22px 0 0 ;overflow: hidden; 1174} 1175.gm-shops__media img { 1176 max-height: 380px; width: auto;object-fit: cover;display: block;transition: transform .7s cubic-bezier(.22,.61,.36,1); 1177} 1178.gm-shops__item:hover .gm-shops__media img { transform: scale(1.06); } 1179.gm-shops__media::after { 1180 content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 20%;z-index: 1;transition: all .4s ease; 1181} 1182.gm-shops__item:hover .gm-shops__media::after { 1183 height: 90%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.78) 100%); 1184} 1185.gm-shops__info { 1186 position: absolute;
1186left: 20px;right: 20px;bottom: 20px;z-index: 2; 1187 display: flex;flex-direction: column;align-items: flex-start;gap: 10px; 1188} 1189.gm-shops__tag { 1190 z-index: 2;display: inline-flex;align-items: center;gap: 7px; 1191 font-size: 12px;font-weight: 400;letter-spacing: .02em;color: #fff; 1192 background: rgba(13, 31, 66, .55);padding: 6px 12px 6px 10px;border-radius: 100px;backdrop-filter: blur(10px); 1193 opacity: 0;transform: translateY(8px);transition: opacity .35s ease, transform .35s cubic-bezier(.22,.61,.36,1); 1194} 1195.gm-shops__item:hover .gm-shops__tag { 1196 opacity: 1;transform: translateY(0); 1197} 1198.gm-shops__tag::before { 1199 content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--gm-red);flex-shrink: 0; 1200} 1201.gm-shops__item-title { 1202 z-index: 2;font-size: 19px;font-weight: 500;color: #fff;line-height: 1.25;letter-spacing: -0.2px; 1203 margin: 0;opacity: 0;transform: translateY(8px);transition: opacity .3s ease, transform .35s cubic-bezier(.22,.61,.36,1); 1204} 1205.gm-shops__item:hover .gm-shops__item-title { 1206 opacity: 1;transform: translateY(0); 1207} 1208 1209@media (max-width: 860px) { 1210 .gm-shops { padding: 72px 20px 280px; } 1211 .gm-shops__header { grid-template-columns: 1fr; gap: 16px;margin-bottom: 60px; } 1212 .gm-shops__media img { max-height: 280px; } 1213} 1214</style> 1215 1216<section class="gm-shops"> 1217 <div class="gm-container"> 1218 1219 <div class="gm-shops__header gm-reveal"> 1220 <div class="gm-shops__header-main"> 1221 <div class="gm-shops__stat">5000<span>+</span></div> 1222 <h2 class="gm-sect-title gm-sect-title--light gm-shops__title">magazine online</br> folosesc Gomag</h2> 1223 </div> 1224 <div class="gm-shops__header-right"> 1225 <p class="gm-sect-subtitle gm-sect-subtitle--light gm-shops__subtitle">De la antreprenori incepatori la Enterprise, comerciantii Gomag au generat in ultimul an vanzari de peste 500 milioane de euro.</p> 1226 <div class="gm-shops__more"> 1227 <a href="/ce-spun-clientii"> 1228 Descopera clientii Gomag 1229 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1230 </a> 1231 </div> 1232 </div> 1233 </div> 1234 1235 </div> 1236 1237 <div class="gm-shops__items"> 1238 <div class="gm-shops__track"> 1239 <div class="gm-shops__item"> 1240 <div class="gm-shops__media"> 1241 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ihunt.png" alt="iHunt"> 1242 <div class="gm-shops__info"> 1243 <span class="gm-shops__tag">iHunt Technology</span> 1244 <h3 class="gm-shops__item-title">Telefoane, gadgeturi si accesorii smart</h3> 1245 </div> 1246 </div> 1247 </div> 1248 <div class="gm-shops__item"> 1249 <div class="gm-shops__media"> 1250 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-hapdelavlad.png" alt="HAP de la Vlad"> 1251 <div class="gm-shops__info"> 1252 <span class="gm-shops__tag">HAP de la Vlad</span> 1253 <h3 class="gm-shops__item-title">Batoane raw vegane</h3> 1254 </div> 1255 </div> 1256 </div> 1257 <div class="gm-shops__item"> 1258 <div class="gm-shops__media"> 1259 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sigma.png" alt="Sigma"> 1260 <div class="gm-shops__info"> 1261 <span class="gm-shops__tag">Sigma Photo Romania</span> 1262 <h3 class="gm-shops__item-title">Obiective, accesorii si aparate foto</h3> 1263 </div> 1264 </div> 1265 </div> 1266 <div class="gm-shops__item"> 1267 <div class="gm-shops__media"> 1268 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/stilogik.png" alt="Stilogik"> 1269 <div class="gm-shops__info"> 1270 <span class="gm-shops__tag">Stilogik</span> 1271 <h3 class="gm-shops__item-title">Instrumente de scris, birotica si papetarie</h3> 1272 </div> 1273 </div> 1274 </div> 1275 <div class="gm-shops__item"> 1276 <div class="gm-shops__media"> 1277 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/uleilili.png" alt="Ulei Lili"> 1278 <div class="gm-shops__info">
1279 <span class="gm-shops__tag">Ulei Lili</span> 1280 <h3 class="gm-shops__item-title">Uleiuri presate la rece</h3> 1281 </div> 1282 </div> 1283 </div> 1284 <div class="gm-shops__item"> 1285 <div class="gm-shops__media"> 1286 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ufit.png" alt="UFit"> 1287 <div class="gm-shops__info"> 1288 <span class="gm-shops__tag">UFit</span> 1289 <h3 class="gm-shops__item-title">Haine premium, piese sport urbane</h3> 1290 </div> 1291 </div> 1292 </div> 1293 <div class="gm-shops__item"> 1294 <div class="gm-shops__media"> 1295 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sneakerit.png" alt="Sneakerit"> 1296 <div class="gm-shops__info"> 1297 <span class="gm-shops__tag">Sneakerit</span> 1298 <h3 class="gm-shops__item-title">Incaltaminte si imbracaminte sport</h3> 1299 </div> 1300 </div> 1301 </div> 1302 <div class="gm-shops__item"> 1303 <div class="gm-shops__media"> 1304 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/maxdeco.png" alt="Maxdeco"> 1305 <div class="gm-shops__info"> 1306 <span class="gm-shops__tag">Maxdeco</span> 1307 <h3 class="gm-shops__item-title">Feronerie si accesorii mobilier</h3> 1308 </div> 1309 </div> 1310 </div> 1311 <div class="gm-shops__item"> 1312 <div class="gm-shops__media"> 1313 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-personallyme.png" alt="Personally Me"> 1314 <div class="gm-shops__info"> 1315 <span class="gm-shops__tag">Personally Me</span> 1316 <h3 class="gm-shops__item-title">Bijuterii de argint personalizate, gravate</h3> 1317 </div> 1318 </div> 1319 </div> 1320 <div class="gm-shops__item"> 1321 <div class="gm-shops__media"> 1322 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ihunt.png" alt="iHunt"> 1323 <div class="gm-shops__info"> 1324 <span class="gm-shops__tag">iHunt Technology</span> 1325 <h3 class="gm-shops__item-title">Telefoane, gadgeturi si accesorii smart</h3> 1326 </div> 1327 </div> 1328 </div> 1329 <div class="gm-shops__item"> 1330 <div class="gm-shops__media"> 1331 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-hapdelavlad.png" alt="HAP de la Vlad"> 1332 <div class="gm-shops__info"> 1333 <span class="gm-shops__tag">HAP de la Vlad</span> 1334 <h3 class="gm-shops__item-title">Batoane raw vegane</h3> 1335 </div> 1336 </div> 1337 </div> 1338 <div class="gm-shops__item"> 1339 <div class="gm-shops__media"> 1340 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sigma.png" alt="Sigma"> 1341 <div class="gm-shops__info"> 1342 <span class="gm-shops__tag">Sigma Photo Romania</span> 1343 <h3 class="gm-shops__item-title">Obiective, accesorii si aparate foto</h3> 1344 </div> 1345 </div> 1346 </div> 1347 <div class="gm-shops__item"> 1348 <div class="gm-shops__media"> 1349 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/stilogik.png" alt="Stilogik"> 1350 <div class="gm-shops__info"> 1351 <span class="gm-shops__tag">Stilogik</span> 1352 <h3 class="gm-shops__item-title">Instrumente de scris, birotica si papetarie</h3> 1353 </div> 1354 </div> 1355 </div> 1356 <div class="gm-shops__item"> 1357 <div class="gm-shops__media"> 1358 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/uleilili.png" alt="Ulei Lili"> 1359 <div class="gm-shops__info"> 1360 <span class="gm-shops__tag">Ulei Lili</span> 1361 <h3 class="gm-shops__item-title">Uleiuri presate la rece</h3> 1362 </div> 1363 </div> 1364 </div> 1365 <div class="gm-shops__item"> 1366 <div class="gm-shops__media"> 1367 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ufit.png" alt="UFit"> 1368 <div class="gm-shops__info">
1369 <span class="gm-shops__tag">UFit</span> 1370 <h3 class="gm-shops__item-title">Haine premium, piese sport urbane</h3> 1371 </div> 1372 </div> 1373 </div> 1374 <div class="gm-shops__item"> 1375 <div class="gm-shops__media"> 1376 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sneakerit.png" alt="Sneakerit"> 1377 <div class="gm-shops__info"> 1378 <span class="gm-shops__tag">Sneakerit</span> 1379 <h3 class="gm-shops__item-title">Incaltaminte si imbracaminte sport</h3> 1380 </div> 1381 </div> 1382 </div> 1383 <div class="gm-shops__item"> 1384 <div class="gm-shops__media"> 1385 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/maxdeco.png" alt="Maxdeco"> 1386 <div class="gm-shops__info"> 1387 <span class="gm-shops__tag">Maxdeco</span> 1388 <h3 class="gm-shops__item-title">Feronerie si accesorii mobilier</h3> 1389 </div> 1390 </div> 1391 </div> 1392 <div class="gm-shops__item"> 1393 <div class="gm-shops__media"> 1394 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-personallyme.png" alt="Personally Me"> 1395 <div class="gm-shops__info"> 1396 <span class="gm-shops__tag">Personally Me</span> 1397 <h3 class="gm-shops__item-title">Bijuterii de argint personalizate, gravate</h3> 1398 </div> 1399 </div> 1400 </div> 1401 <div class="gm-shops__item"> 1402 <div class="gm-shops__media"> 1403 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ihunt.png" alt="iHunt"> 1404 <div class="gm-shops__info"> 1405 <span class="gm-shops__tag">iHunt Technology</span> 1406 <h3 class="gm-shops__item-title">Telefoane, gadgeturi si accesorii smart</h3> 1407 </div> 1408 </div> 1409 </div> 1410 <div class="gm-shops__item"> 1411 <div class="gm-shops__media"> 1412 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-hapdelavlad.png" alt="HAP de la Vlad"> 1413 <div class="gm-shops__info"> 1414 <span class="gm-shops__tag">HAP de la Vlad</span> 1415 <h3 class="gm-shops__item-title">Batoane raw vegane</h3> 1416 </div> 1417 </div> 1418 </div> 1419 <div class="gm-shops__item"> 1420 <div class="gm-shops__media"> 1421 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sigma.png" alt="Sigma"> 1422 <div class="gm-shops__info"> 1423 <span class="gm-shops__tag">Sigma Photo Romania</span> 1424 <h3 class="gm-shops__item-title">Obiective, accesorii si aparate foto</h3> 1425 </div> 1426 </div> 1427 </div> 1428 <div class="gm-shops__item"> 1429 <div class="gm-shops__media"> 1430 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/stilogik.png" alt="Stilogik"> 1431 <div class="gm-shops__info"> 1432 <span class="gm-shops__tag">Stilogik</span> 1433 <h3 class="gm-shops__item-title">Instrumente de scris, birotica si papetarie</h3> 1434 </div> 1435 </div> 1436 </div> 1437 <div class="gm-shops__item"> 1438 <div class="gm-shops__media"> 1439 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/uleilili.png" alt="Ulei Lili"> 1440 <div class="gm-shops__info"> 1441 <span class="gm-shops__tag">Ulei Lili</span> 1442 <h3 class="gm-shops__item-title">Uleiuri presate la rece</h3> 1443 </div> 1444 </div> 1445 </div> 1446 <div class="gm-shops__item"> 1447 <div class="gm-shops__media"> 1448 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ufit.png" alt="UFit"> 1449 <div class="gm-shops__info"> 1450 <span class="gm-shops__tag">UFit</span> 1451 <h3 class="gm-shops__item-title">Haine premium, piese sport urbane</h3> 1452 </div> 1453 </div> 1454 </div> 1455 <div class="gm-shops__item"> 1456 <div class="gm-shops__media"> 1457 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sneakerit.png" alt="Sneakerit"> 1458 <div class="gm-shops__info">
1459 <span class="gm-shops__tag">Sneakerit</span> 1460 <h3 class="gm-shops__item-title">Incaltaminte si imbracaminte sport</h3> 1461 </div> 1462 </div> 1463 </div> 1464 <div class="gm-shops__item"> 1465 <div class="gm-shops__media"> 1466 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/maxdeco.png" alt="Maxdeco"> 1467 <div class="gm-shops__info"> 1468 <span class="gm-shops__tag">Maxdeco</span> 1469 <h3 class="gm-shops__item-title">Feronerie si accesorii mobilier</h3> 1470 </div> 1471 </div> 1472 </div> 1473 <div class="gm-shops__item"> 1474 <div class="gm-shops__media"> 1475 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-personallyme.png" alt="Personally Me"> 1476 <div class="gm-shops__info"> 1477 <span class="gm-shops__tag">Personally Me</span> 1478 <h3 class="gm-shops__item-title">Bijuterii de argint personalizate, gravate</h3> 1479 </div> 1480 </div> 1481 </div> 1482 <div class="gm-shops__item"> 1483 <div class="gm-shops__media"> 1484 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ihunt.png" alt="iHunt"> 1485 <div class="gm-shops__info"> 1486 <span class="gm-shops__tag">iHunt Technology</span> 1487 <h3 class="gm-shops__item-title">Telefoane, gadgeturi si accesorii smart</h3> 1488 </div> 1489 </div> 1490 </div> 1491 <div class="gm-shops__item"> 1492 <div class="gm-shops__media"> 1493 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-hapdelavlad.png" alt="HAP de la Vlad"> 1494 <div class="gm-shops__info"> 1495 <span class="gm-shops__tag">HAP de la Vlad</span> 1496 <h3 class="gm-shops__item-title">Batoane raw vegane</h3> 1497 </div> 1498 </div> 1499 </div> 1500 <div class="gm-shops__item"> 1501 <div class="gm-shops__media"> 1502 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sigma.png" alt="Sigma"> 1503 <div class="gm-shops__info"> 1504 <span class="gm-shops__tag">Sigma Photo Romania</span> 1505 <h3 class="gm-shops__item-title">Obiective, accesorii si aparate foto</h3> 1506 </div> 1507 </div> 1508 </div> 1509 <div class="gm-shops__item"> 1510 <div class="gm-shops__media"> 1511 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/stilogik.png" alt="Stilogik"> 1512 <div class="gm-shops__info"> 1513 <span class="gm-shops__tag">Stilogik</span> 1514 <h3 class="gm-shops__item-title">Instrumente de scris, birotica si papetarie</h3> 1515 </div> 1516 </div> 1517 </div> 1518 <div class="gm-shops__item"> 1519 <div class="gm-shops__media"> 1520 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/uleilili.png" alt="Ulei Lili"> 1521 <div class="gm-shops__info"> 1522 <span class="gm-shops__tag">Ulei Lili</span> 1523 <h3 class="gm-shops__item-title">Uleiuri presate la rece</h3> 1524 </div> 1525 </div> 1526 </div> 1527 <div class="gm-shops__item"> 1528 <div class="gm-shops__media"> 1529 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-ufit.png" alt="UFit"> 1530 <div class="gm-shops__info"> 1531 <span class="gm-shops__tag">UFit</span> 1532 <h3 class="gm-shops__item-title">Haine premium, piese sport urbane</h3> 1533 </div> 1534 </div> 1535 </div> 1536 <div class="gm-shops__item"> 1537 <div class="gm-shops__media"> 1538 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-Sneakerit.png" alt="Sneakerit"> 1539 <div class="gm-shops__info"> 1540 <span class="gm-shops__tag">Sneakerit</span> 1541 <h3 class="gm-shops__item-title">Incaltaminte si imbracaminte sport</h3> 1542 </div> 1543 </div> 1544 </div> 1545 <div class="gm-shops__item"> 1546 <div class="gm-shops__media"> 1547 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/maxdeco.png" alt="Maxdeco"> 1548 <div class="gm-shops__info">
1549 <span class="gm-shops__tag">Maxdeco</span> 1550 <h3 class="gm-shops__item-title">Feronerie si accesorii mobilier</h3> 1551 </div> 1552 </div> 1553 </div> 1554 <div class="gm-shops__item"> 1555 <div class="gm-shops__media"> 1556 <img src="/site/plugins/app/ui/frontend/gfx/home/shops/gomag-personallyme.png" alt="Personally Me"> 1557 <div class="gm-shops__info"> 1558 <span class="gm-shops__tag">Personally Me</span> 1559 <h3 class="gm-shops__item-title">Bijuterii de argint personalizate, gravate</h3> 1560 </div> 1561 </div> 1562 </div> 1563 </div> 1564 </div> 1565 1566</section> 1567<!-- END ZONA 3 --> 1568 1569 1570<!-- ZONA 7 --> 1571<style> 1572 .gm-tabs {background: #fff;position: relative;overflow: hidden;isolation: isolate;} 1573 .gm-tabs__scroll {position: relative;} 1574 .gm-tabs__sticky {padding: 100px 24px 80px;box-sizing: border-box;} 1575 .gm-tabs__grid {display: flex;flex-direction: column;gap: 60px;max-width: 1200px;width: 100%;margin: 0 auto;} 1576 .gm-tabs__header {text-align: center;max-width: 580px;margin: 0 auto;} 1577 .gm-tabs__title { margin: 0 0 16px;} 1578 .gm-tabs__subtitle { margin: 0; } 1579 .gm-tabs__right {position: relative;display: flex;flex-direction: column;gap: 28px;min-width: 0;} 1580 .gm-tabs__nav-wrap { position: relative; text-align: center; } 1581 .gm-tabs__nav-wrap::after { 1582 content: '';position: absolute;top: 50%; left: 50%; 1583 transform: translateX(-50%);width: 100vw;bottom: -100vh;background: #f5f5f5; 1584 z-index: -1;pointer-events: none; 1585 } 1586 .gm-tabs__nav{position:relative;display:inline-flex;background:#fff;border-radius:18px;padding:6px;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;box-shadow:0 0 20px -2px #00000016} 1587 .gm-tabs__nav::-webkit-scrollbar{display:none} 1588 .gm-tabs__indicator{position:absolute;top:6px;bottom:6px;left:0;width:0;background:var(--gm-dark);background:linear-gradient(140deg,#1d428c,#132750);border-radius:14px;transition:transform .35s cubic-bezier(.22,.61,.36,1),width .35s cubic-bezier(.22,.61,.36,1);z-index:0;pointer-events:none} 1589 .gm-tabs__tab{position:relative;z-index:1;background:none;border:0;font-family:inherit;cursor:pointer;padding:12px 22px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:color .3s ease;color:var(--gm-dark);flex-shrink:0;white-space:nowrap} 1590 .gm-tabs__tab-label{font-size:15px;font-weight:600;letter-spacing:-.2px} 1591 .gm-tabs__tab-sub{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gm-muted);transition:color .3s ease} 1592 .gm-tabs__tab.is-active{color:#fff} 1593 .gm-tabs__tab.is-active .gm-tabs__tab-sub{color:#ffffffa6} 1594 .gm-tabs__layout{position:relative;padding-bottom:40px;cursor:grab;touch-action:pan-y} 1595 .gm-tabs__layout.is-dragging{cursor:grabbing;user-select:none} 1596 .gm-tabs__layout.is-dragging *{user-select:none} 1597 .gm-tabs__track{display:flex;gap:20px 150px;will-change:transform;transition:transform .3s cubic-bezier(.22,.61,.36,1)} 1598 .gm-tabs__layout.is-dragging .gm-tabs__track{transition:none} 1599 .gm-tabs__item{position:relative;flex:0 0 1000px;height:440px;border-radius:24px;color:var(--gm-dark);display:grid;align-items:center;grid-template-columns:37fr 63fr;isolation:isolate;transition:all .5s ease;transform-style:preserve-3d;will-change:transform} 1600 .gm-tabs__item-bg{display:block;position:relative;transition:transform .35s cubic-bezier(.22,.61,.36,1);transform-style:preserve-3d;will-change:transform} 1601 .gm-tabs__item-bg img{width:auto;max-width:100%;display:block} 1602 .gm-tabs__item--cta{grid-template-columns:1fr;flex:0 0 480px} 1603 .gm-tabs__item--cta .gm-tabs__item-body{padding:44px;gap:20px;align-items:flex-start} 1604 .gm-tabs__item--cta .gm-tabs__subtitle{font-size:18px;line-height:1.5;color:var(--gm-dark);margin:0} 1605 .gm-tabs__item--cta .gm-tabs__cta{align-self:flex-start} 1606 .gm-tabs__item-body{position:relative;z-index:2;padding:50px 50px 0 0;display:flex;flex-direction:column} 1607 .gm-tabs__item-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gm-red);margin-bottom:14px} 1608 .gm-tabs__item-title{font-size:clamp(24px,1.9vw,28px);font-weight:600;color:var(--gm-dark);line-height:1.2;margin:0 0 14px;letter-spacing:-.2px} 1609 .gm-tabs__item-text{font-size:17px;line-height:1.5;color:var(--gm-text);margin:0 0 20px} 1610 .gm-tabs__item-cta{display:inline-flex;display:none;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:var(--gm-red);padding:12px 22px;border-radius:100px;letter-spacing:.03em;text-transform:uppercase;transition:gap .25s ease,transform .25s ease,box-shadow .25s ease} 1611 .gm-tabs__item-cta:hover{color:#fff;gap:12px;transform:translateY(-2px);box-shadow:0 10px 28px #e4222652;text-decoration:none} 1612 1613 @media (min-width: 901px) { 1614 .gm-tabs__track::after{content:'';
1614flex:0 0 var(--gm-tabs-end-pad,200px)} 1615 .gm-tabs__item:not(.is-active):not(.gm-tabs__item--cta){opacity:.6;filter:blur(2px);transform:scale(0.8)} 1616 } 1617 1618 @media (max-width: 900px) { 1619 .gm-tabs__scroll{height:auto} 1620 .gm-tabs__sticky{position:static;height:auto;padding:80px 20px;overflow:visible;display:block} 1621 .gm-tabs__grid{grid-template-columns:1fr;gap:32px} 1622 .gm-tabs__right{gap:50px} 1623 .gm-tabs__nav-wrap{display:none} 1624 .gm-tabs__layout{overflow:visible} 1625 .gm-tabs__track{flex-direction:column;gap:40px;transform:none!important;transition:none} 1626 .gm-tabs__item{display:flex;flex-direction:column;flex:0 0 auto;width:100%;height:auto} 1627 } 1628 @media (max-width: 480px) { 1629 .gm-tabs__title{max-width:300px;text-align:left} 1630 .gm-tabs__subtitle{text-align:left} 1631 } 1632</style> 1633 1634<section class="gm-tabs"> 1635 <div class="gm-tabs__scroll" data-count="6"> 1636 <div class="gm-tabs__sticky"> 1637 1638 <div class="gm-tabs__grid"> 1639 1640 <div class="gm-tabs__header"> 1641 <h2 class="gm-sect-title gm-tabs__title gm-heading-anim">Ecommerce <em>accelerat de AI.</em></h2> 1642 <p class="gm-sect-subtitle gm-tabs__subtitle">Creste mai eficient cu AI pentru vanzari, creatie, operare, descoperire si noi canale de vanzare.</p> 1643 </div> 1644 1645 <div class="gm-tabs__right"> 1646 1647 <div class="gm-tabs__nav-wrap gm-reveal"> 1648 <nav class="gm-tabs__nav" role="tablist"> 1649 <span class="gm-tabs__indicator" aria-hidden="true"></span> 1650 <button type="button" class="gm-tabs__tab is-active" data-index="0"><span class="gm-tabs__tab-label">Vizibilitate</span><span class="gm-tabs__tab-sub">GEO & AEO</span></button> 1651 <button type="button" class="gm-tabs__tab" data-index="1"><span class="gm-tabs__tab-label">Design</span><span class="gm-tabs__tab-sub">AI Designer</span></button> 1652 <button type="button" class="gm-tabs__tab" data-index="2"><span class="gm-tabs__tab-label">Operatiuni</span><span class="gm-tabs__tab-sub">AI Advisor</span></button> 1653 <button type="button" class="gm-tabs__tab" data-index="3"><span class="gm-tabs__tab-label">Continut</span><span class="gm-tabs__tab-sub">AI Prompt</span></button> 1654 <button type="button" class="gm-tabs__tab" data-index="4"><span class="gm-tabs__tab-label">Vanzari</span><span class="gm-tabs__tab-sub">Ai Shopping</span></button> 1655 <button type="button" class="gm-tabs__tab" data-index="5"><span class="gm-tabs__tab-label">Canale de Vanzari</span><span class="gm-tabs__tab-sub">Agentic Commerce</span></button> 1656 </nav> 1657 </div> 1658 1659 <div class="gm-tabs__layout"> 1660 <div class="gm-tabs__track"> 1661 1662 <article class="gm-tabs__item" data-key="vizibilitate"> 1663 <div class="gm-tabs__item-body"> 1664 <span class="gm-tabs__item-eyebrow">Vizibilitate</span> 1665 <h3 class="gm-tabs__item-title">Fii descoperit in cautarea asistata de AI</h3> 1666 <div class="gm-tabs__item-text">Optimizezi produsele pentru GEO si AEO astfel incat sa fie gasite si recomandate in noile experiente de cautare.</div> 1667 <a href="#" class="gm-tabs__item-cta"> 1668 Descopera GEO si AEO <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1669 </a> 1670 </div> 1671 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/geo.png" alt="" loading="lazy"></div> 1672 </article> 1673 1674 <article class="gm-tabs__item" data-key="design"> 1675 <div class="gm-tabs__item-body"> 1676 <span class="gm-tabs__item-eyebrow">Design</span> 1677 <h3 class="gm-tabs__item-title">Design asistat de AI, fara bariere tehnice</h3> 1678 <div class="gm-tabs__item-text">Testezi si implementezi modificari in tema magazinului cu un designer AI care lucreaza alaturi de tine.</div> 1679 <a href="#" class="gm-tabs__item-cta"> 1680 Descopera AI Designer <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1681 </a> 1682 </div> 1683 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/designer.png" alt="" loading="lazy"></div> 1684 </article> 1685 1686 <article class="gm-tabs__item" data-key="operatiuni"> 1687 <div class="gm-tabs__item-body">
1688 <span class="gm-tabs__item-eyebrow">Operatiuni</span> 1689 <h3 class="gm-tabs__item-title">Un advisor AI pentru administrarea magazinului</h3> 1690 <div class="gm-tabs__item-text">Configurezi mai usor, optimizezi mai rapid si primesti recomandari relevante de la un asistent care invata business-ul tau.</div> 1691 <a href="#" class="gm-tabs__item-cta"> 1692 Exploreaza Advisor <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1693 </a> 1694 </div> 1695 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/advisor.png" alt="" loading="lazy"></div> 1696 </article> 1697 1698 <article class="gm-tabs__item" data-key="continut"> 1699 <div class="gm-tabs__item-body"> 1700 <span class="gm-tabs__item-eyebrow">Continut</span> 1701 <h3 class="gm-tabs__item-title">Creeaza continut care vinde, cu ajutorul AI</h3> 1702 <div class="gm-tabs__item-text">Generezi descrieri de produs adaptate audientei, campaniilor si contextului comercial in doar cateva minute.</div> 1703 <a href="#" class="gm-tabs__item-cta"> 1704 Exploreaza Composer <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1705 </a> 1706 </div> 1707 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/prompt.png" alt="" loading="lazy"></div> 1708 </article> 1709 1710 <article class="gm-tabs__item" data-key="conversii"> 1711 <div class="gm-tabs__item-body"> 1712 <span class="gm-tabs__item-eyebrow">Conversii</span> 1713 <h3 class="gm-tabs__item-title">Vinde cu un asistent AI in magazinul tau</h3> 1714 <div class="gm-tabs__item-text">Ajuta clientii sa descopere produse, compare optiuni si finalizeze mai rapid comanda cu un shopping assistant construit pentru conversii.</div> 1715 <a href="#" class="gm-tabs__item-cta"> 1716 Descopera Shopping Assistant <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1717 </a> 1718 </div> 1719 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/shopping-1.png" alt="" loading="lazy"></div> 1720 </article> 1721 1722 <article class="gm-tabs__item" data-key="canale"> 1723 <div class="gm-tabs__item-body"> 1724 <span class="gm-tabs__item-eyebrow">Canale de Vanzari</span> 1725 <h3 class="gm-tabs__item-title">Transforma agentii AI in canal de ecommerce</h3> 1726 <div class="gm-tabs__item-text">Conectezi magazinul la agenti conversationali si pregatesti checkout-ul pentru noua generatie de shopping asistat.</div> 1727 <a href="#" class="gm-tabs__item-cta"> 1728 Descopera Agentic Connector <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1729 </a> 1730 </div> 1731 <div class="gm-tabs__item-bg"><img src="/site/plugins/app/ui/frontend/gfx/home/ai/agentic.png" alt="" loading="lazy"></div> 1732 </article> 1733 1734 </div> 1735 </div> 1736 1737 </div> 1738 </div> 1739 1740 </div> 1741 </div> 1742</section> 1743
1744<script> 1745(function(){ 1746 var section = document.querySelector('.gm-tabs'); 1747 if (!section) return; 1748 var layout = section.querySelector('.gm-tabs__layout'); 1749 var track = section.querySelector('.gm-tabs__track'); 1750 var tabs = section.querySelectorAll('.gm-tabs__tab'); 1751 var indicator = section.querySelector('.gm-tabs__indicator'); 1752 var items = section.querySelectorAll('.gm-tabs__item'); 1753 if (!track || !layout) return; 1754 var current = -1; 1755 var currentX = 0; 1756 1757 function isDesktop() { return window.innerWidth > 900; } 1758 function getMaxX() { return Math.max(0, track.scrollWidth - layout.clientWidth); } 1759 function clamp(x) { var mx = getMaxX(); return x < -mx ? -mx : (x > 0 ? 0 : x); } 1760 1761 function applyTransform() { 1762 track.style.transform = 'translate3d(' + currentX + 'px, 0, 0)'; 1763 } 1764 1765 function moveIndicator(target) { 1766 if (!indicator || !target) return; 1767 indicator.style.width = target.offsetWidth + 'px'; 1768 indicator.style.transform = 'translateX(' + target.offsetLeft + 'px)'; 1769 } 1770 1771 function setActiveTab(idx) { 1772 if (idx === current) return; 1773 current = idx; 1774 for (var i = 0; i < tabs.length; i++) tabs[i].classList.toggle('is-active', i === idx); 1775 for (var j = 0; j < items.length; j++) items[j].classList.toggle('is-active', j === idx); 1776 if (tabs[idx] && indicator) moveIndicator(tabs[idx]); 1777 } 1778 1779 function updateEndPad() { 1780 if (!isDesktop() || items.length < 1) return; 1781 var cardW = items[0].offsetWidth; 1782 var pad = Math.max(0, (layout.clientWidth - cardW) / 2); 1783 track.style.setProperty('--gm-tabs-end-pad', pad + 'px'); 1784 } 1785 1786 for (var i = 0; i < tabs.length; i++) { 1787 (function(idx){ 1788 tabs[idx].addEventListener('click', function(){ 1789 if (!isDesktop() || !items[idx]) return; 1790 currentX = clamp(-items[idx].offsetLeft); 1791 applyTransform(); 1792 setActiveTab(idx); 1793 }); 1794 })(i); 1795 } 1796 1797 var isDragging = false, startPointerX = 0, startTrackX = 0, dragMoved = false; 1798 layout.addEventListener('pointerdown', function(e){ 1799 if (!isDesktop() || e.button !== 0) return; 1800 isDragging = true; 1801 dragMoved = false; 1802 startPointerX = e.clientX; 1803 startTrackX = currentX; 1804 layout.classList.add('is-dragging'); 1805 try { layout.setPointerCapture(e.pointerId); } catch(_) {} 1806 }); 1807 layout.addEventListener('pointermove', function(e){ 1808 if (!isDragging) return; 1809 var dx = e.clientX - startPointerX; 1810 if (Math.abs(dx) > 3) dragMoved = true; 1811 currentX = clamp(startTrackX + dx); 1812 applyTransform(); 1813 }); 1814 function endDrag(e) { 1815 if (!isDragging) return; 1816 isDragging = false; 1817 layout.classList.remove('is-dragging'); 1818 if (e && e.pointerId != null) { 1819 try { layout.releasePointerCapture(e.pointerId); } catch(_) {} 1820 } 1821 if (!dragMoved) return; 1822 1823 var cardStep = items.length > 1 ? (items[1].offsetLeft - items[0].offsetLeft) : items[0].offsetWidth; 1824 var startIdx = Math.round(-startTrackX / cardStep); 1825 var draggedPx = currentX - startTrackX; 1826 var threshold = cardStep * 0.08; 1827 var targetIdx = startIdx; 1828 if (draggedPx < -threshold) targetIdx = startIdx + 1; 1829 else if (draggedPx > threshold) targetIdx = startIdx - 1; 1830 if (targetIdx < 0) targetIdx = 0; 1831 if (targetIdx > items.length - 1) targetIdx = items.length - 1; 1832 currentX = clamp(-items[targetIdx].offsetLeft); 1833 applyTransform(); 1834 setActiveTab(targetIdx); 1835 } 1836 layout.addEventListener('pointerup', endDrag); 1837 layout.addEventListener('pointercancel', endDrag); 1838 layout.addEventListener('pointerleave', endDrag); 1839 1840 /* Init */ 1841 window.addEventListener('resize', function(){ 1842 updateEndPad(); 1843 currentX = clamp(currentX); 1844 applyTransform(); 1845 var activeTab = section.querySelector('.gm-tabs__tab.is-active'); 1846 if (activeTab) moveIndicator(activeTab); 1847 }); 1848 window.addEventListener('load', function(){ 1849 updateEndPad(); 1850 var activeTab = section.querySelector('.gm-tabs__tab.is-active'); 1851 if (activeTab) moveIndicator(activeTab); 1852 }); 1853 updateEndPad(); 1854 var initialTab = section.querySelector('.gm-tabs__tab.is-active'); 1855 if (initialTab) { 1856 var initIdx = parseInt(initialTab.getAttribute('data-index'), 10) || 0; 1857 setActiveTab(initIdx); 1858 } 1859 1860 /* Parallax pe imaginea cardului â rotate X/Y la hover */ 1861 var bgs = section.querySelectorAll('.gm-tabs__item-bg');
1862 bgs.forEach(function(bg){ 1863 bg.addEventListener('pointermove', function(e){ 1864 if (!isDesktop()) return; 1865 var rect = bg.getBoundingClientRect(); 1866 var cx = rect.left + rect.width / 2; 1867 var cy = rect.top + rect.height / 2; 1868 var dx = (e.clientX - cx) / rect.width; 1869 var dy = (e.clientY - cy) / rect.height; 1870 var rotY = dx * 12; 1871 var rotX = -dy * 12; 1872 bg.style.transform = 'perspective(900px) rotateY(' + rotY + 'deg) rotateX(' + rotX + 'deg)'; 1873 }); 1874 bg.addEventListener('pointerleave', function(){ 1875 bg.style.transform = ''; 1876 }); 1877 }); 1878})(); 1879</script>
1879 1880<!-- END ZONA 7 --> 1881 1882 1883<!-- ZONA 8B --> 1884<style> 1885 .gm-s8b{background:linear-gradient(180deg,#0D1F42 0%,#132E5D 100%);background:#071533;color:#fff;position:relative} 1886 .gm-s8b__scroll{height:calc(100vh * 4);position:relative} 1887 .gm-s8b__sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 24px 40px;box-sizing:border-box;overflow:hidden} 1888 .gm-s8b__header{display:flex;flex-direction:column;gap:18px;width:100%;margin:0 0 40px} 1889 .gm-s8b__header-mobile-img{display:none} 1890 .gm-s8b__title{margin:0} 1891 .gm-s8b__title em{color:var(--gm-coral)} 1892 .gm-s8b__subtitle{margin:0;max-width:520px} 1893 .gm-s8b__layout{display:grid;grid-template-columns:1fr 1.25fr;grid-template-areas:"header visual" "main visual";gap:0 60px;align-items:stretch;max-width:1300px;width:100%;margin:0 auto} 1894 .gm-s8b__layout > .gm-s8b__header{grid-area:header;align-self:start} 1895 .gm-s8b__layout-main{grid-area:main;display:grid;grid-template-columns:100px 1fr;gap:50px;align-items:center;min-height:280px} 1896 .gm-s8b__visual{grid-area:visual;align-self:stretch} 1897 .gm-s8b__tabs{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:28px;padding:0} 1898 .gm-s8b__tab{background:none;border:0;cursor:pointer;color:#ffffff59;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 0;text-align:right;font-family:inherit;transition:color .3s ease,transform .3s ease} 1899 .gm-s8b__tab:hover{color:#ffffffb3} 1900 .gm-s8b__tab.is-active{color:var(--gm-coral);transform:translateX(-6px)} 1901 .gm-s8b__items{position:relative;border-left:2px solid #ffffff26;padding-left:40px;min-height:360px} 1902 .gm-s8b__rail-dot{position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:var(--gm-coral);box-shadow:0 0 0 6px #FF4F4F26;transition:top .15s linear;will-change:top} 1903 .gm-s8b-item{display:flex;flex-direction:column;justify-content:center;position:absolute;inset:0 0 0 40px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .55s cubic-bezier(.22,.61,.36,1)} 1904 .gm-s8b-item.is-active{opacity:1;transform:translateY(0);pointer-events:auto} 1905 .gm-s8b-item__title{font-size:clamp(24px,1.9vw,30px);font-weight:500;color:#fff;line-height:1.25;letter-spacing:-.3px;margin:0 0 16px} 1906 .gm-s8b-item__text{font-weight:300;font-size:17px;line-height:1.6;color:#ffffffb3;margin:0 0 28px;max-width:460px} 1907 .gm-s8b-item__cta{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#fff;text-decoration:none;transition:color .2s ease,gap .25s ease} 1908 .gm-s8b-item__cta:hover{color:var(--gm-coral);gap:12px;text-decoration:none} 1909 .gm-s8b__visual{position:relative;min-height:560px;margin-bottom:-50px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent} 1910 .gm-s8b__visual img{pointer-events:none;-webkit-user-drag:none;user-select:none} 1911 .gm-s8b__visual-bg{position:absolute;width:140%;height:165%;top:0;left:-20%;right:0;bottom:45%;margin:auto;z-index:0;background-image:url(/site/plugins/app/ui/frontend/gfx/home/gobots/galaxy-4.png);background-size:contain;background-position:bottom;background-repeat:no-repeat;pointer-events:none} 1912 .gm-s8b__galaxy{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} 1913 .gm-s8b__galaxy-canvas{position:absolute;inset:0;width:100%;height:100%} 1914 .gm-s8b__galaxy-icon{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#1c326459;border:1.5px solid #87b4ff8c;box-shadow:0 0 16px #609eff59 inset 0 0 12px #609eff2e;display:flex;align-items:center;justify-content:center;color:#9cc4ff;will-change:transform;transform:translate3d(0,0,0)} 1915 .gm-s8b__galaxy-icon svg{width:28px;height:28px;display:block} 1916 .gm-s8b__visual-zone{position:absolute;inset:16% 24%;opacity:0;z-index:2} 1917 .gm-s8b__visual-zone.is-active{opacity:1} 1918 .gm-s8b__visual-zone:after{content:'';position:absolute;bottom:-5%;left:-20%;right:0;margin:auto;width:360px;height:100px;background-image:url(/site/plugins/app/ui/frontend/gfx/home/gobots/gobot-shadow.png);background-repeat:no-repeat;background-size:contain;background-position:bottom left;z-index:-1} 1919 .gm-s8b__zone-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
1919 1920 .gm-s8b__zone-img.is-active{opacity:1} 1921 1922 @media (min-width: 901px) { 1923 .gm-s8b-item{pointer-events:none} 1924 } 1925 @media (max-width: 900px) { 1926 .gm-s8b__scroll{height:auto} 1927 .gm-s8b__sticky{position:static;height:auto;padding:80px 20px;overflow:visible} 1928 .gm-s8b__header{gap:16px;margin-bottom:0} 1929 .gm-s8b__title,.gm-s8b__subtitle{z-index:2} 1930 .gm-s8b__header-mobile-img{display:block;width:100%;max-width:600px;height:auto;margin:-22% auto 0} 1931 .gm-s8b__layout{grid-template-columns:1fr;grid-template-areas:header main visual;gap:32px;min-height:0} 1932 .gm-s8b__layout-main{grid-template-columns:1fr;gap:32px;min-height:0} 1933 .gm-s8b__tabs{display:none} 1934 .gm-s8b__tab{text-align:left;white-space:nowrap} 1935 .gm-s8b__tab.is-active{transform:none} 1936 .gm-s8b__items{border-left:0;padding-left:0;min-height:0;z-index:2} 1937 .gm-s8b__rail-dot{display:none} 1938 .gm-s8b-item{position:relative;inset:auto;opacity:1;transform:none;padding:24px 0} 1939 .gm-s8b-item:not(:first-of-type){border-top:1px solid #ffffff26} 1940 .gm-s8b__visual{display:none} 1941 .gm-s8b__layout{grid-template-areas:header main} 1942 .gm-s8b-item__cta{color:var(--gm-coral)} 1943 } 1944</style> 1945 1946<section class="gm-s8b"> 1947 <div class="gm-s8b__scroll" data-count="4"> 1948 <div class="gm-s8b__sticky"> 1949 1950 <div class="gm-s8b__layout"> 1951 1952 <div class="gm-s8b__header"> 1953 <h2 class="gm-sect-title gm-sect-title--light gm-s8b__title">Magazinul tau online,</br> <em>pe pilot automat.</em></h2> 1954 <p class="gm-sect-subtitle gm-sect-subtitle--light gm-s8b__subtitle">Pune sarcinile repetitive pe pilot automat cu workflow-uri care gestioneaza comenzi, produse si comunicarea cu clientii fara efort manual.</p> 1955 <img class="gm-s8b__header-mobile-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/mobile-gobots-1.png" alt="" loading="lazy"> 1956 </div> 1957 1958 <div class="gm-s8b__layout-main"> 1959 1960 <div class="gm-s8b__tabs"> 1961 <button type="button" class="gm-s8b__tab is-active" data-index="0">Comenzi</button> 1962 <button type="button" class="gm-s8b__tab" data-index="1">Marketing</button> 1963 <button type="button" class="gm-s8b__tab" data-index="2">Produse</button> 1964 <button type="button" class="gm-s8b__tab" data-index="3">Clienti</button> 1965 </div> 1966 1967 <div class="gm-s8b__items"> 1968 <span class="gm-s8b__rail-dot"></span> 1969 1970 <article class="gm-s8b-item is-active" data-key="orders"> 1971 <h3 class="gm-s8b-item__title">Automatizeaza</br> fluxurile operationale</h3> 1972 <p class="gm-s8b-item__text">Reduci munca manuala, eviti erorile operationale si accelerezi pasii importanti dupa plasarea unei comenzi. Automatizarile te ajuta sa livrezi mai repede, sa pastrezi fluxurile clare si sa oferi clientilor o experienta mai buna.</p> 1973 <a href="/gobots" class="gm-s8b-item__cta"> 1974 Simplifica procesarea comenzilor 1975 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1976 </a> 1977 </article> 1978 1979 <article class="gm-s8b-item" data-key="marketing"> 1980 <h3 class="gm-s8b-item__title">Activeaza campanii</br> care ruleaza singure</h3> 1981 <p class="gm-s8b-item__text">Transformi comportamentul clientilor in oportunitati de vanzare, prin campanii automate care pornesc la momentul potrivit. Cresti vanzarile fara sa depinzi de actiuni manuale.</p> 1982 <a href="/gobots" class="gm-s8b-item__cta"> 1983 Creste vanzarile cu automatizari 1984 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1985 </a> 1986 </article> 1987 1988 <article class="gm-s8b-item" data-key="products"> 1989 <h3 class="gm-s8b-item__title">Optimizeaza catalogul</br> pe pilot automat</h3> 1990 <p class="gm-s8b-item__text">Economisesti timp in administrarea produselor si reduci riscul ca informatiile importante sa ramana neactualizate. Automatizarile te ajuta sa evidentiezi produsele potrivite, sa ajustezi mai rapid catalogul si sa creezi o experienta de cumparare mai relevanta pentru clienti.</p> 1991 <a href="/gobots" class="gm-s8b-item__cta"> 1992 Optimizeaza Catalogul 1993 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 1994 </a> 1995 </article> 1996 1997 <article class="gm-s8b-item" data-key="customers"> 1998 <h3 class="gm-s8b-item__title">Automatizari</br>pentru clientii tai</h3> 1999 <p class="gm-s8b-item__text">Raspunzi mai relevant la comportamentul clientilor si mentii comunicarea activa pe tot parcursul relatiei cu brandul tau. Automatizarile te ajuta sa reactivezi clienti, sa incurajezi revenirea in magazin si sa creezi experiente personalizate.</p> 2000 <a href="/gobots" class="gm-s8b-item__cta"> 2001 Automatizeaza relatia cu clientii 2002 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2003 </a> 2004 </article> 2005 </div> 2006 2007 </div> 2008 2009 <div class="gm-s8b__visual"> 2010 2011 <div class="gm-s8b__visual-bg" aria-hidden="true"></div> 2012 2013 <div class="gm-s8b__galaxy" aria-hidden="true"> 2014 <canvas class="gm-s8b__galaxy-canvas"></canvas> 2015 <div class="gm-s8b__galaxy-icon" data-orbit="0" data-phase="0.05"> 2016 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg> 2017 </div> 2018 <div class="gm-s8b__galaxy-icon" data-orbit="0" data-phase="0.55"> 2019 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
2019<path d="M3 5h2l2.4 11.5a2 2 0 0 0 2 1.5h7.6a2 2 0 0 0 2-1.5L21 8H6"/><circle cx="10" cy="20" r="1.2"/><circle cx="17" cy="20" r="1.2"/></svg> 2020 </div> 2021 <div class="gm-s8b__galaxy-icon" data-orbit="1" data-phase="0.25"> 2022 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 19V11M10 19V8M15 19V14M20 19V5"/></svg> 2023 </div> 2024 <div class="gm-s8b__galaxy-icon" data-orbit="1" data-phase="0.75"> 2025 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.4 8.4 0 0 1-8.5 8.5c-1.4 0-2.7-.3-3.9-.9L3 21l1.9-5.6A8.4 8.4 0 1 1 21 11.5z"/></svg> 2026 </div> 2027 </div> 2028 2029 <div class="gm-s8b__visual-zone is-active" data-key="orders"> 2030 <img class="gm-s8b__zone-img is-active" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-01.png" alt="Automatizari pentru comenzi" loading="eager"> 2031 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-02.png" alt="" loading="lazy"> 2032 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-03.png" alt="" loading="lazy"> 2033 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-04.png" alt="" loading="lazy"> 2034 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-05.png" alt="" loading="lazy"> 2035 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-06.png" alt="" loading="lazy"> 2036 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-07.png" alt="" loading="lazy"> 2037 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-08.png" alt="" loading="lazy"> 2038 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-09.png" alt="" loading="lazy"> 2039 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-10.png" alt="" loading="lazy"> 2040 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-11.png" alt="" loading="lazy"> 2041 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-12.png" alt="" loading="lazy"> 2042 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S1-13.png" alt="" loading="lazy"> 2043 </div> 2044 <div class="gm-s8b__visual-zone" data-key="marketing"> 2045 <img class="gm-s8b__zone-img is-active" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-01.png" alt="" loading="lazy"> 2046 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-02.png" alt="" loading="lazy"> 2047 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-03.png" alt="" loading="lazy"> 2048 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-04.png" alt="" loading="lazy"> 2049 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-05.png" alt="" loading="lazy"> 2050 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-06.png" alt="" loading="lazy"> 2051 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-07.png" alt="" loading="lazy"> 2052 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-08.png" alt="" loading="lazy"> 2053 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-09.png" alt="" loading="lazy"> 2054 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-10.png" alt="" loading="lazy"> 2055 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-11.png" alt="" loading="lazy"> 2056 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-12.png" alt="" loading="lazy"> 2057 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-13.png" alt="" loading="lazy"> 2058 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-14.png" alt="" loading="lazy"> 2059 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-15.png" alt="" loading="lazy"> 2060 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-16.png" alt="" loading="lazy"> 2061 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-17.png" alt="" loading="lazy"> 2062 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-18.png" alt="" loading="lazy"> 2063 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-19.png" alt="" loading="lazy"> 2064 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-20.png" alt="" loading="lazy"> 2065 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-21.png" alt="" loading="lazy"> 2066 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-22.png" alt="" loading="lazy"> 2067 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-23.png" alt="" loading="lazy"> 2068 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S2-24.png" alt="" loading="lazy"> 2069 </div> 2070 <div class="gm-s8b__visual-zone" data-key="products"> 2071 <img class="gm-s8b__zone-img is-active" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-01.png" alt="" loading="lazy"> 2072 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-02.png" alt="" loading="lazy"> 2073 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-03.png" alt="" loading="lazy"> 2074 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-04.png" alt="" loading="lazy"> 2075 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-05.png" alt="" loading="lazy"> 2076 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-06.png" alt="" loading="lazy"> 2077 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-07.png" alt="" loading="lazy"> 2078 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-08.png" alt="" loading="lazy"> 2079 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-09.png" alt="" loading="lazy"> 2080 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-10.png" alt="" loading="lazy"> 2081 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-11.png" alt="" loading="lazy"> 2082 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-12.png" alt="" loading="lazy"> 2083 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-13.png" alt="" loading="lazy"> 2084 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-14.png" alt="" loading="lazy"> 2085 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-15.png" alt="" loading="lazy"> 2086 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-16.png" alt="" loading="lazy"> 2087 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-17.png" alt="" loading="lazy"> 2088 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-18.png" alt="" loading="lazy"> 2089 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-19.png" alt="" loading="lazy"> 2090 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-20.png" alt="" loading="lazy"> 2091 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-21.png" alt="" loading="lazy"> 2092 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-22.png" alt="" loading="lazy"> 2093 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-23.png" alt="" loading="lazy"> 2094 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S3-24.png" alt="" loading="lazy"> 2095 </div> 2096 <div class="gm-s8b__visual-zone" data-key="customers"> 2097 <img class="gm-s8b__zone-img is-active" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-01.png" alt="" loading="lazy"> 2098 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-02.png" alt="" loading="lazy"> 2099 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-03.png" alt="" loading="lazy"> 2100 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-04.png" alt="" loading="lazy"> 2101 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-05.png" alt="" loading="lazy"> 2102 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-06.png" alt="" loading="lazy"> 2103 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-07.png" alt="" loading="lazy"> 2104 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-08.png" alt="" loading="lazy"> 2105 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-09.png" alt="" loading="lazy"> 2106 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-10.png" alt="" loading="lazy"> 2107 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-11.png" alt="" loading="lazy"> 2108 <img class="gm-s8b__zone-img" src="/site/plugins/app/ui/frontend/gfx/home/gobots/S4-12.png" alt="" loading="lazy"> 2109 </div> 2110 </div> 2111 2112 </div> 2113 2114 </div> 2115 </div> 2116</section> 2117
2118<script> 2119(function(){ 2120 var section = document.querySelector('.gm-s8b'); 2121 if (!section) return; 2122 if (window.innerWidth <= 900) return; 2123 var scrollEl = section.querySelector('.gm-s8b__scroll'); 2124 var tabs = section.querySelectorAll('.gm-s8b__tab'); 2125 var items = section.querySelectorAll('.gm-s8b-item'); 2126 var zones = section.querySelectorAll('.gm-s8b__visual-zone'); 2127 var dot = section.querySelector('.gm-s8b__rail-dot'); 2128 var itemsEl = section.querySelector('.gm-s8b__items'); 2129 var N = items.length; 2130 var current = -1; 2131 var currentFrame = -1; 2132 2133 // Precompute frames per zona 2134 var zoneFrames = []; 2135 for (var z = 0; z < zones.length; z++) { 2136 zoneFrames.push(Array.prototype.slice.call(zones[z].querySelectorAll('.gm-s8b__zone-img'))); 2137 } 2138 2139 function setActive(idx, frameIdx) { 2140 if (idx !== current) { 2141 current = idx; 2142 currentFrame = -1; 2143 for (var i = 0; i < N; i++) { 2144 tabs[i].classList.toggle('is-active', i === idx); 2145 items[i].classList.toggle('is-active', i === idx); 2146 zones[i].classList.toggle('is-active', i === idx); 2147 } 2148 section.dispatchEvent(new CustomEvent('gm-s8b:tab', { detail: { index: idx } })); 2149 } 2150 if (frameIdx !== currentFrame) { 2151 currentFrame = frameIdx; 2152 var imgs = zoneFrames[idx]; 2153 for (var f = 0; f < imgs.length; f++) { 2154 imgs[f].classList.toggle('is-active', f === frameIdx); 2155 } 2156 } 2157 } 2158 2159 function isDesktop() { return window.innerWidth > 900; } 2160 2161 function update() { 2162 if (!isDesktop()) { 2163 dot.style.top = '0px'; 2164 return; 2165 } 2166 var rect = scrollEl.getBoundingClientRect(); 2167 var total = scrollEl.offsetHeight - window.innerHeight; 2168 var scrolled = Math.max(0, -rect.top); 2169 var progress = total > 0 ? Math.min(1, scrolled / total) : 0; 2170 var raw = progress * N; 2171 var idx = Math.min(N - 1, Math.floor(raw)); 2172 2173 var localProgress = Math.max(0, Math.min(0.9999, raw - idx)); 2174 var numFrames = zoneFrames[idx] ? zoneFrames[idx].length : 1; 2175 var frameIdx = Math.floor(localProgress * numFrames); 2176 setActive(idx, frameIdx); 2177 2178 var itemsRect = itemsEl.getBoundingClientRect(); 2179 var firstTabRect = tabs[0].getBoundingClientRect(); 2180 var lastTabRect = tabs[N - 1].getBoundingClientRect(); 2181 var startY = firstTabRect.top + firstTabRect.height / 2 - itemsRect.top; 2182 var endY = lastTabRect.top + lastTabRect.height / 2 - itemsRect.top; 2183 dot.style.top = (startY + progress * (endY - startY) - 6) + 'px'; 2184 } 2185 2186 for (var i = 0; i < tabs.length; i++) { 2187 (function(idx){ 2188 tabs[idx].addEventListener('click', function(){ 2189 var total = scrollEl.offsetHeight - window.innerHeight; 2190 2191 var targetProgress = N > 1 ? (idx / (N - 1)) : 0; 2192 var targetScrolled = total * targetProgress; 2193 var targetY = scrollEl.getBoundingClientRect().top + window.pageYOffset + targetScrolled; 2194 window.scrollTo({ top: targetY, behavior: 'smooth' }); 2195 }); 2196 })(i); 2197 } 2198 2199 window.addEventListener('scroll', update, { passive: true }); 2200 window.addEventListener('resize', update); 2201 update(); 2202})(); 2203</script>
2203 2204<!-- END ZONA 8B --> 2205 2206 2207<!-- ZONA 4 â Suport --> 2208<style> 2209 .gm-stats{padding:130px 24px;background:#F7F9FC} 2210 .gm-stats__layout{display:grid;grid-template-columns:480px 1fr;gap:64px;align-items:start} 2211 .gm-stats__sticky{position:sticky;top:110px;display:flex;flex-direction:column;gap:28px} 2212 .gm-stats__title{margin:0} 2213 .gm-stats__subtitle{margin:0} 2214 .gm-stats__trust{display:flex;align-items:center;gap:18px} 2215 .gm-stats__avatars{display:flex;flex-shrink:0} 2216 .gm-stats__avatar{width:48px;height:48px;border-radius:50%;border:2.5px solid #F7F9FC;margin-left:-10px;flex-shrink:0;overflow:hidden;display:block;box-shadow:0 2px 8px #0d1f4214} 2217 .gm-stats__avatar:first-child{margin-left:0} 2218 .gm-stats__avatar img{width:100%;height:100%;object-fit:cover;display:block} 2219 .gm-stats__rating{display:flex;flex-direction:column;gap:4px} 2220 .gm-stats__stars{display:inline-flex;gap:3px;color:#FFB800} 2221 .gm-stats__stars svg{width:16px;height:16px} 2222 .gm-stats__trust-label{font-size:14px;color:var(--gm-text);font-weight:500} 2223 .gm-stats__pairs{display:flex;flex-direction:column} 2224 .gm-stats__pair{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:48px;padding:44px 0;border-bottom:1px solid var(--gm-border);align-items:start} 2225 .gm-stats__pair:first-child{padding-top:0} 2226 .gm-stats__pair:last-child{border-bottom:none;padding-bottom:0} 2227 .gm-stats__stat-num{font-size:clamp(56px,5.5vw,70px);font-weight:400;line-height:1;letter-spacing:-2px;color:var(--gm-red);margin-bottom:10px} 2228 .gm-stats__stat-label{font-size:15px;color:var(--gm-text);line-height:1.4} 2229 .gm-stats__quote{font-size:18px;line-height:1.5;color:var(--gm-dark);font-weight:400;margin:0 0 20px;position:relative;padding-left:36px} 2230 .gm-stats__quote::before{content:'\201C';font-family:Georgia,serif;font-size:56px;color:var(--gm-red);position:absolute;left:0;top:-8px;line-height:1} 2231 .gm-stats__author{font-size:14px;padding-left:36px;display:flex;flex-direction:column;gap:3px} 2232 .gm-stats__author-name{font-weight:600;color:var(--gm-dark)} 2233 .gm-stats__author-site{color:var(--gm-text)} 2234 2235 @media (max-width: 1100px) { 2236 .gm-stats__layout{grid-template-columns:380px 1fr;gap:40px} 2237 } 2238 @media (max-width: 900px) { 2239 .gm-stats__layout{grid-template-columns:1fr;gap:48px} 2240 .gm-stats__sticky{position:static;top:auto} 2241 .gm-stats{padding:80px 20px} 2242 } 2243 @media (max-width: 600px) { 2244 .gm-stats__pair{grid-template-columns:1fr;gap:16px;padding:32px 0} 2245 .gm-stats__stat-holder,.gm-stats__quote,.gm-stats__author{padding-left:30px} 2246 } 2247</style> 2248 2249<section class="gm-stats"> 2250 <div class="gm-container"> 2251 2252 <div class="gm-stats__layout"> 2253 2254 <aside class="gm-stats__sticky gm-reveal"> 2255 2256 <div class="gm-stats__trust"> 2257 <div class="gm-stats__avatars"> 2258 <span class="gm-stats__avatar"><img src="/site/plugins/app/ui/frontend/gfx/home/suport/suport-1.jpg" alt="suport"></span> 2259 <span class="gm-stats__avatar"><img src="/site/plugins/app/ui/frontend/gfx/home/suport/suport-3.jpg" alt="suport"></span> 2260 <span class="gm-stats__avatar"><img src="/site/plugins/app/ui/frontend/gfx/home/suport/suport-2.jpg" alt="suport"></span> 2261 <span class="gm-stats__avatar"><img src="/site/plugins/app/ui/frontend/gfx/home/suport/suport-4.jpg" alt="suport"></span> 2262 <span class="gm-stats__avatar"><img src="/site/plugins/app/ui/frontend/gfx/home/suport/suport-5.jpg" alt="suport"></span> 2263 </div> 2264 <div class="gm-stats__rating"> 2265 <div class="gm-stats__stars" aria-label="5 din 5 stele"> 2266 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 2267 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 2268 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 2269 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 2270 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 2271 </div>
2272 <span class="gm-stats__trust-label">Suport oferit de specialisti</span> 2273 </div> 2274 </div> 2275 2276 <h2 class="gm-sect-title gm-stats__title gm-heading-anim">Echipa de suport dedicata succesului tau.</h2> 2277 2278 <p class="gm-sect-subtitle gm-stats__subtitle">Suport oferit de oameni care inteleg eCommerce-ul, sunt acolo pentru tine si te ajuta sa mergi mai departe.</p> 2279 </aside> 2280 2281 <div class="gm-stats__pairs"> 2282 2283 <article class="gm-stats__pair"> 2284 <div class="gm-stats__stat-holder"> 2285 <div class="gm-stats__stat-num" data-counter data-target="95" data-suffix="%">95%</div> 2286 <div class="gm-stats__stat-label">Satisfactie din partea clientilor</div> 2287 </div> 2288 <div> 2289 <p class="gm-stats__quote">Am deschis un magazin la cheie cu Gomag si experienta a fost foarte buna. Totul a decurs rapid si usor, iar atunci cand am avut nevoie de suport, echipa a fost prompta si foarte receptiva. Recomand cu incredere!</p> 2290 <div class="gm-stats__author"> 2291 <span class="gm-stats__author-name">Mona Fainisi</span> 2292 <span class="gm-stats__author-site">Rain Jewelry</span> 2293 </div> 2294 </div> 2295 </article> 2296 2297 <article class="gm-stats__pair"> 2298 <div class="gm-stats__stat-holder"> 2299 <div class="gm-stats__stat-num" data-counter data-target="5000" data-suffix="+">5000+</div> 2300 <div class="gm-stats__stat-label">Magazine online sustinute</div> 2301 </div> 2302 <div> 2303 <p class="gm-stats__quote">Echipa a raspuns rapid, clar si profesionist, iar explicatiile au fost usor de inteles chiar si pentru cineva fara cunostinte tehnice avansate. Am apreciat faptul ca am primit pasi concreti si indicatii utile pentru ce trebuie facut mai departe.</p> 2304 <div class="gm-stats__author"> 2305 <span class="gm-stats__author-name">Alexandra Andriescu</span> 2306 <span class="gm-stats__author-site">Maison Chou Chou</span> 2307 </div> 2308 </div> 2309 </article> 2310 2311 <article class="gm-stats__pair"> 2312 <div class="gm-stats__stat-holder"> 2313 <div class="gm-stats__stat-num">RO</div> 2314 <div class="gm-stats__stat-label">Suport in limba romana</div> 2315 </div> 2316 <div> 2317 <p class="gm-stats__quote">Am colaborat cu echipa Gomag pentru crearea magazinului meu online Èi pot spune cÄ experienÈa a fost una foarte bunÄ. ÃncÄ de la început, comunicarea a fost clarÄ Èi eficientÄ, iar echipa a dat dovadÄ de profesionalism Èi implicare în fiecare etapÄ a proiectului.</p> 2318 <div class="gm-stats__author"> 2319 <span class="gm-stats__author-name"></span> 2320 <span class="gm-stats__author-site">Elentin</span> 2321 </div> 2322 </div> 2323 </article> 2324 2325 </div> 2326 2327 </div> 2328 2329 </div> 2330</section> 2331<!-- END ZONA 4 --> 2332 2333<!-- ZONA 5 â Povesti de succes --> 2334<style> 2335 .gm-stories{padding:130px 0;background:#fff;overflow:hidden} 2336 .gm-stories .gm-container{max-width:1300px;padding:0 24px} 2337 .gm-stories__header{text-align:center;max-width:720px;margin:0 auto 72px} 2338 .gm-stories__title{margin:0 0 16px} 2339 .gm-stories__subtitle{margin:0} 2340 .gm-stories__wrap{position:relative;margin:0 auto;max-width:1200px;padding:0 60px} 2341 .gm-stories__slide{display:grid;grid-template-columns:minmax(0,500px) 1fr;gap:80px;align-items:center} 2342 .gm-stories__media{position:relative;aspect-ratio:3/2;border-radius:24px;overflow:hidden;cursor:pointer;background:#f0f0f0} 2343 .gm-stories__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)} 2344 .gm-stories__media:hover img{transform:scale(1.04)} 2345 .gm-stories__play{position:absolute;top:50%;left:50%;width:64px;height:64px;border-radius:50%;background:#0d1f428c;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2;backdrop-filter:blur(6px);transform:translate(-50%,-50%);transition:background .25s ease,transform .25s ease} 2346 .gm-stories__play svg{width:22px;height:22px;margin-left:3px} 2347 .gm-stories__play:hover{background:#0d1f42d9;transform:translate(-50%,-50%) scale(1.08)} 2348 .gm-stories__quote{display:flex;flex-direction:column} 2349 .gm-stories__text{font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.5;color:var(--gm-dark);margin:0 0 40px;letter-spacing:-.2px;position:relative;padding-left:44px} 2350 .gm-stories__text::before{content:'\201C';font-family:Georgia,serif;font-size:72px;font-weight:400;color:var(--gm-red);position:absolute;
2350left:0;top:-10px;line-height:1} 2351 .gm-stories__author{display:flex;flex-direction:column;gap:4px;padding-left:44px} 2352 .gm-stories__author-name{font-size:15px;font-weight:600;color:var(--gm-dark)} 2353 .gm-stories__author-role{font-size:14px;color:var(--gm-text)} 2354 .gm-stories__wrap .owl-nav{position:absolute;top:50%;left:-56px;right:-56px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:5} 2355 .gm-stories__wrap .owl-nav button.owl-prev,.gm-stories__wrap .owl-nav button.owl-next{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:transparent;border:1.5px solid var(--gm-border);display:inline-flex;align-items:center;justify-content:center;color:var(--gm-dark);transition:background .2s ease,border-color .2s ease,transform .2s ease} 2356 .gm-stories__wrap .owl-nav button:hover{background:var(--gm-dark);border-color:var(--gm-dark);color:#fff;transform:scale(1.05)} 2357 .gm-stories__wrap .owl-nav button span{display:none} 2358 .gm-stories__wrap .owl-dots{display:flex;justify-content:center;gap:10px;margin-top:40px} 2359 .gm-stories__wrap .owl-dot{background:transparent;border:none;padding:0;cursor:pointer} 2360 .gm-stories__wrap .owl-dot span{display:block;width:8px;height:8px;border-radius:50%;background:#E4222640;transition:background .25s ease,width .25s ease,border-radius .25s ease} 2361 .gm-stories__wrap .owl-dot.active span{background:var(--gm-red);width:28px;border-radius:5px} 2362 .gm-stories__cta{text-align:center;margin-top: 40px;} 2363 .gm-stories__cta a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gm-dark);padding:16px 32px;border:1.5px solid var(--gm-border);border-radius:100px;text-decoration:none;transition:border-color .25s ease,color .25s ease,background .25s ease} 2364 .gm-stories__cta a:hover{border-color:var(--gm-dark)} 2365 .gm-stories__cta svg{transition:transform .25s ease} 2366 .gm-stories__cta a:hover svg{transform:translateX(4px)} 2367 2368 @media (max-width: 900px) { 2369 .gm-stories{padding:80px 0} 2370 .gm-stories__header{margin-bottom:56px} 2371 .gm-stories__wrap{padding:0 12px;} 2372 .gm-stories__slide{grid-template-columns:1fr;gap:32px} 2373 .gm-stories__wrap .owl-nav{display:none} 2374 .gm-stories__cta{margin-top: 24px;} 2375 } 2376</style> 2377 2378<section class="gm-stories"> 2379 <div class="gm-container"> 2380 2381 <div class="gm-stories__header gm-reveal"> 2382 <h2 class="gm-sect-title gm-stories__title gm-heading-anim"><em>Povesti de Succes</em></br> ale comerciantilor nostri.</h2> 2383 <p class="gm-sect-subtitle gm-stories__subtitle">Oamenii care si-au transformat pasiunea in afaceri de succes.</p> 2384 </div> 2385 2386 <div class="gm-stories__wrap"> 2387 <div class="gm-stories__slider owl-carousel"> 2388 2389 <div class="gm-stories__slide"> 2390 <div class="gm-stories__media"> 2391 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/agromax.jpg" alt="Agromax-SportMax"> 2392 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=qu70hpBPj6E" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2393 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2394 </a> 2395 </div> 2396 <div class="gm-stories__quote"> 2397 <p class="gm-stories__text">Echipa GOMAG ne ajuta sa intelegem piata, sa anticipam nevoile clientilor si sa luam decizii rapide.</p> 2398 <div class="gm-stories__author"> 2399 <span class="gm-stories__author-name">Mihai Rosca</span> 2400 <span class="gm-stories__author-role">SportMax</span> 2401 </div> 2402 </div> 2403 </div> 2404 2405 <div class="gm-stories__slide"> 2406 <div class="gm-stories__media"> 2407 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/casimi.jpg" alt="Casimi"> 2408 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=IK6s5c-kBow" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2409 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2410 </a> 2411 </div> 2412 <div class="gm-stories__quote"> 2413 <p class="gm-stories__text">Clientii vad dincolo de ecranul telefonului. Simt emotia, simt daruirea cu care muncim si sinceritatea. Trebuie doar sa vrei. N-ai cum sa nu reusesti sa faci un magazin online. Noi am inceput de la minus. A tinut doar de munca.</p> 2414 <div class="gm-stories__author">
2415 <span class="gm-stories__author-name">Camelia Marodi</span> 2416 <span class="gm-stories__author-role">Casimi</span> 2417 </div> 2418 </div> 2419 </div> 2420 2421 <div class="gm-stories__slide"> 2422 <div class="gm-stories__media"> 2423 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/dauto.jpg" alt="Dauto"> 2424 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=o0h3rtz1HDo" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2425 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2426 </a> 2427 </div> 2428 <div class="gm-stories__quote"> 2429 <p class="gm-stories__text">O afacere care a pornit de la dorinta de a fi mai aproape de cei dragi s-a transformat intr-un exemplu de reusita, cu platforma Gomag.</p> 2430 <div class="gm-stories__author"> 2431 <span class="gm-stories__author-name">Daniel Sas</span> 2432 <span class="gm-stories__author-role">Dauto</span> 2433 </div> 2434 </div> 2435 </div> 2436 2437 <div class="gm-stories__slide"> 2438 <div class="gm-stories__media"> 2439 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/petexpress.jpg" alt="PetExpress"> 2440 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=4ki-nrtaT1s" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2441 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2442 </a> 2443 </div> 2444 <div class="gm-stories__quote"> 2445 <p class="gm-stories__text">Alegerea Gomag a fost recomandata de prieteni din industrie, care au apreciat platforma pentru costurile reduse si functionalitatile accesibile, ideale pentru o afacere aflata la inceput.</p> 2446 <div class="gm-stories__author"> 2447 <span class="gm-stories__author-name">Marius Fulgu</span> 2448 <span class="gm-stories__author-role">PetExpress</span> 2449 </div> 2450 </div> 2451 </div> 2452 2453 <div class="gm-stories__slide"> 2454 <div class="gm-stories__media"> 2455 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/husdago.jpg" alt="Husdago"> 2456 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=rkoUhfOdoHI" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2457 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2458 </a> 2459 </div> 2460 <div class="gm-stories__quote"> 2461 <p class="gm-stories__text">Este foarte important sa actionezi! In momentul in care tu actionezi, o sa primesti un feedback, dar cand doar te gandesti nu o sa primesti niciun raspuns.</p> 2462 <div class="gm-stories__author"> 2463 <span class="gm-stories__author-name">Alex Husariu</span> 2464 <span class="gm-stories__author-role">Husdago</span> 2465 </div> 2466 </div> 2467 </div> 2468 2469 <div class="gm-stories__slide"> 2470 <div class="gm-stories__media"> 2471 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/dr-trotineta.jpg" alt="Doctor Trotineta"> 2472 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=h1VoViXGgKU" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2473 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2474 </a> 2475 </div> 2476 <div class="gm-stories__quote"> 2477 <p class="gm-stories__text">De Gomag am aflat dintr-o recomandare si, chiar daca am fost reticent la inceput, am acceptat recomandarea de trece pe Gomag. Iar rezultatele au fost exceptionale pentru Doctor Trotineta.</p> 2478 <div class="gm-stories__author"> 2479 <span class="gm-stories__author-name">Razvan Bendik</span> 2480 <span class="gm-stories__author-role">DoctorTrotineta</span> 2481 </div> 2482 </div> 2483 </div> 2484 2485 <div class="gm-stories__slide"> 2486 <div class="gm-stories__media"> 2487 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/pepiniera-sibiu.jpg" alt="Pepiniera Sibiu"> 2488 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=AHDScnI3OF0" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2489 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2490 </a> 2491 </div> 2492 <div class="gm-stories__quote"> 2493 <p class="gm-stories__text">In ultimii 5-6 ani, am devenit cei mai mari producatori de flori si plante din zona centrala a Transilvaniei. Intrand in sfera eCommerce-ului acum 3 ani, am explorat si am adoptat noile tehnologii pentru a ne extinde afacerea.</p> 2494 <div class="gm-stories__author">
2495 <span class="gm-stories__author-name">Nicoleta si Dan Vasile</span> 2496 <span class="gm-stories__author-role">PepinieraSibiu</span> 2497 </div> 2498 </div> 2499 </div> 2500 2501 <div class="gm-stories__slide"> 2502 <div class="gm-stories__media"> 2503 <img src="/site/plugins/app/ui/frontend/gfx/home/testimoniale/rastaute-maramuresene.jpg" alt="Rastaute Maramuresene"> 2504 <a class="gm-stories__play" href="https://www.youtube.com/watch?v=roNVKMNduEQ" data-fancybox="story-testimonials" aria-label="Vezi povestea"> 2505 <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg> 2506 </a> 2507 </div> 2508 <div class="gm-stories__quote"> 2509 <p class="gm-stories__text">Am inceput sa preparam paste cu legume din gradina familiei, inlocuind apa din aluat cu ou si adaugand spanac, sfecla sau alte legume disponibile. Culorile vii si aspectul atragator au transformat aceasta nevoie intr-o pasiune si, ulterior, intr-o idee de business.</p> 2510 <div class="gm-stories__author"> 2511 <span class="gm-stories__author-name">Anca Valean</span> 2512 <span class="gm-stories__author-role">RastauteMaramuresene</span> 2513 </div> 2514 </div> 2515 </div> 2516 2517 </div> 2518 </div> 2519 2520 <div class="gm-stories__cta gm-reveal"> 2521 <a href="/ce-spun-clientii"> 2522 Mai multe povesti de succes 2523 <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2524 </a> 2525 </div> 2526 2527 </div> 2528</section> 2529
2530<script> 2531(function() { 2532 var NAV_PREV = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'; 2533 var NAV_NEXT = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'; 2534 2535 function initSliders() { 2536 if (typeof jQuery === 'undefined' || typeof jQuery.fn.owlCarousel === 'undefined') { 2537 setTimeout(initSliders, 200); 2538 return; 2539 } 2540 2541 var $s = jQuery('.gm-stories__slider'); 2542 if ($s.length) { 2543 $s.owlCarousel({ 2544 loop: true, 2545 items: 1, 2546 margin: 0, 2547 nav: true, 2548 dots: true, 2549 smartSpeed: 600, 2550 navText: [NAV_PREV, NAV_NEXT], 2551 autoHeight: true 2552 }); 2553 } 2554 } 2555 initSliders(); 2556})(); 2557</script>
2557 2558<!-- END ZONA 5 --> 2559 2560<!-- ZONA 6 â Aplicatii / integrari --> 2561<style> 2562 .gm-apps { 2563 position: relative;height: 780px;overflow: hidden;text-align: center; 2564 background: linear-gradient(160deg, rgb(20 50 102) 0%, rgb(13 31 66) 100%); 2565 } 2566 .gm-apps__grid {position: absolute;inset: 0;z-index: 1;pointer-events: none;} 2567 .gm-apps__cell { 2568 position: absolute;width: 60px;height: 60px;padding: 4px;border-radius: 14px;background: #fff; 2569 display: flex;align-items: center;justify-content: center;transform: translate3d(0, -100px, 0); 2570 transition: transform 2.4s cubic-bezier(.45,.05,.55,.95);will-change: transform, opacity; 2571 } 2572 .gm-apps__cell--static { transition: none; } 2573 .gm-apps__cell img { 2574 display: block;width: 100%;height: 100%;object-fit: cover;object-position: left;border-radius: 10px; 2575 } 2576 .gm-apps__cell.is-clearing { 2577 animation: gmAppsClear .45s ease-out forwards; 2578 } 2579 @keyframes gmAppsClear { 2580 to { opacity: 0; transform: translate3d(var(--gm-x, 0), calc(var(--gm-y, 0) + 20px), 0) scale(.6); } 2581 } 2582 .gm-apps__mask { 2583 position: absolute;top: 0;left: 0;right: 0;height: 380px; 2584 z-index: 2;pointer-events: none; 2585 background: linear-gradient(to bottom, rgba(13, 31, 66, 1) 0%, rgba(13, 31, 66, 1) 45%, rgba(13, 31, 66, .85) 70%, rgba(13, 31, 66, 0) 100%); 2586 } 2587 .gm-apps__content { 2588 position: relative;z-index: 3;padding: 100px 24px 0;max-width: 720px;margin: 0 auto; 2589 } 2590 .gm-apps__content .gm-sect-eyebrow{ color: var(--gm-coral);} 2591 .gm-apps__title { margin: 0 0 20px; } 2592 .gm-apps__subtitle { display: flex;flex-direction: column;margin: 0 0 36px; } 2593 .gm-apps__mobile-img { display: none; } 2594 2595 @media (max-width: 1024px) { 2596 .gm-apps { height: 700px; } 2597 } 2598 @media (max-width: 900px) { 2599 .gm-apps { height: auto; } 2600 .gm-apps__grid { display: none; } 2601 .gm-apps__mask { display: none; } 2602 .gm-apps__content{ max-width: 100%; } 2603 .gm-apps__mobile-img { display: block; width: 100%; max-width: 100%; height: auto; margin: -1% auto 0;padding: 2px 4px; } 2604 } 2605 @media (max-width: 600px) { 2606 .gm-apps__subtitle{display: block;} 2607 .gm-apps__content { padding: 80px 20px 0; } 2608 } 2609</style> 2610 2611<section class="gm-apps"> 2612 2613 <div class="gm-apps__grid"></div> 2614 2615 <div class="gm-apps__mask"></div> 2616 2617 <div class="gm-apps__content gm-reveal"> 2618 <div class="gm-sect-eyebrow">Aplicatii & integrari</div> 2619 <h2 class="gm-sect-title gm-sect-title--light gm-apps__title gm-heading-anim">Conecteaza-te la Ecommerce.</h2> 2620 <p class="gm-sect-subtitle gm-sect-subtitle--light gm-apps__subtitle"> 2621 <span>Sute de aplicatii si integrari native pentru piata romaneasca si nu numai. </span> 2622 <span>Emag, Facebook, plati, curieri si multe alte aplicatii. </span> 2623 <span>Extinde-ti magazinul cu un click.</span> 2624 </p> 2625 <a href="/aplicatii" class="gm-btn gm-btn--primary" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Demo', 'gaEventLabel': 'Incearca Gratuit'});">Vezi Aplicatiile</a> 2626 2627 </div> 2628 2629 <img class="gm-apps__mobile-img" src="/site/plugins/app/ui/frontend/gfx/home/apps.png" alt="" loading="lazy"> 2630 2631</section> 2632
2633<script> 2634(function() { 2635 var ICONS = ["https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/emag.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/easysales.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/buybutton.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/customergroups.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/fidelitypoints.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/b2b_customer_search.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/warrantyform.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/returnform.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/business-league.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/baselinker.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/biano.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/cloudsales.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/quickorder.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/curiera.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/factureazame.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/favi.png","\/site\/plugins\/app\/ui\/frontend\/gfx\/gomag-link.png?v=1","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/dpd.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/livrariOnlineNew.jpg","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/sameday.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/urgent_cargus.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/gls.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/fancourier.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/innoship.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/pttexpres.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/oblio.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/oney.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/downloadable.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/searchbar.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/sinapseriacourier.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/themarketer.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/aqurate.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/tolstoy.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/woot.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/ecolet.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/paypo.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/dhl.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/ups.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/tnt.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/bookurier.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/dragonstar.png?v=1.0","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/easypost.png?v=1.0","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/packeta.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/nemo_express.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/fastiusCurier.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/sundaycourier.png","https:\/\/gomagcdn.ro\/plugins\/awb\/ui\/backend\/gfx\/teamcurier.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/image_gallery.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/companylocations.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/image_gallery.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/releva.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/smartbill.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/fgo.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/binasmartbusiness.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/saga.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/frisbo.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/fulfill.jpg","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/ops.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/planograma.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/erp.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/receipt.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/intercom.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/manychat.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/olark.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/tawkto.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/whatsapp.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/zopim.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/bingwmt.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/webmastertools.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/tagmanager.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/hotjar.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/hubspot.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/linkedin.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/omniconvert.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/omnisend.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/onesignal.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/optimizely.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/optinmonster.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/pinterest.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/privy.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/refersion.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/reveal.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/sumome.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/taboola.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/trusted.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/vwo.png","https:\/\/gomagcdn.ro\/plugins\/product\/ui\/backend\/gfx\/bizoo.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/cel.png","https:\/\/gomagcdn.ro\/plugins\/product\/ui\/backend\/gfx\/clubafaceri.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/compari.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/criteo.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/facebook.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/glami.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/googleads.png","https:\/\/gomagcdn.ro\/plugins\/product\/ui\/backend\/gfx\/googleShoppingAds.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/google_gtag.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/inboxtarget.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/retargeting.png","https:\/\/gomagcdn.ro\/plugins\/newsletter\/ui\/backend\/gfx\/newsman.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/klaviyo.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/okazii.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/pricero.png","https:\/\/gomagcdn.ro\/plugins\/affiliatemarketing\/ui\/backend\/gfx\/profitshare.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/sendpulse.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/shopmania.png","https:\/\/gomagcdn.ro\/plugins\/product\/ui\/backend\/gfx\/teamdeals.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/tiktok.png","https:\/\/gomagcdn.ro\/plugins\/code\/ui\/backend\/gfx\/activecampaign.png","https:\/\/gomagcdn.ro\/plugins\/newsletter\/ui\/backend\/gfx\/conectoo.png","https:\/\/gomagcdn.ro\/plugins\/newsletter\/ui\/backend\/gfx\/getresponse.png","https:\/\/gomagcdn.ro\/plugins\/newsletter\/ui\/backend\/gfx\/mailagent.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/btpay.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/btdirect.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.netopia.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.payu.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/braintree.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/cetelem.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.euplatesc.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.ing.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.librapay.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/mokka.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.paypal.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/payrexx.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.plationline.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/stripe.png","https:\/\/gomagcdn.ro\/themes\/fashion\/gfx\/tbibank-logo.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/smartpay.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/leanpay.png","https:\/\/gomagcdn.ro\/plugins\/payment\/ui\/backend\/gfx\/pay.zen.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productaddonprice.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/stockalert.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/courses.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/downloads.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/export.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productimport.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productpromotags.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productpackage.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/configurable_product.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/bundleproduct.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/recentproducts.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productupsell.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/service_configuration.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/metas.png","https:\/\/gomagcdn.ro\/plugins\/page\/ui\/backend\/gfx\/page-missing.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/schema.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/sendsms.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/smslink.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/smso.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/GomagInstagramApp.png","https:\/\/gomagcdn.ro\/plugins\/settings\/ui\/backend\/gfx\/facebook.login.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/opengraph.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/sharethis.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/subscription.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/productcartgift.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/carts.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/offers.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/cartrecovery.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/askreview.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/minimorder.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/syncap.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/whiteimage.png","https:\/\/gomagcdn.ro\/plugins\/apps\/ui\/backend\/gfx\/euShipments.png"]; 2636 if (!ICONS || !ICONS.length) return; 2637 2638 var container = document.querySelector('.gm-apps__grid'); 2639 if (!container) return; 2640 if (window.innerWidth <= 900) return; 2641 2642 var CELL = 70; 2643 var COLS = 0, ROWS = 0; 2644 var grid = []; 2645 var offsetX = 0, offsetY = 0; 2646 var SPAWN_INTERVAL = 140; 2647 var targets = []; 2648 var targetIdx = 0; 2649 2650 var IS_DESKTOP = window.matchMedia('(min-width: 1025px)').matches; 2651
2652 function setupGrid() { 2653 var w = container.clientWidth; 2654 var h = container.clientHeight; 2655 COLS = Math.max(6, Math.floor(w / CELL)); 2656 ROWS = Math.max(4, Math.floor(h / CELL)); 2657 offsetX = (w - COLS * CELL) / 2; 2658 offsetY = h - ROWS * CELL; 2659 grid = []; 2660 for (var r = 0; r < ROWS; r++) grid.push(new Array(COLS).fill(null)); 2661 2662 targets = []; 2663 var center = (COLS - 1) / 2; 2664 2665 var colRange = []; 2666 for (var c = 0; c < COLS; c++) { 2667 var ratio = Math.abs(c - center) / center; 2668 colRange[c] = Math.min(ROWS, Math.round(3 + ratio * 3)); 2669 } 2670 2671 var filled = []; 2672 for (var r = 0; r < ROWS; r++) filled.push(new Array(COLS).fill(false)); 2673 for (var c = 0; c < COLS; c++) { 2674 for (var i = 0; i < colRange[c]; i++) filled[ROWS - 1 - i][c] = true; 2675 } 2676 2677 for (var c = 0; c < COLS; c++) { 2678 var skipCount = Math.floor(colRange[c] * (0.15 + Math.random() * 0.25)); 2679 var candidates = []; 2680 for (var i = 1; i < colRange[c]; i++) candidates.push(ROWS - 1 - i); 2681 for (var i = candidates.length - 1; i > 0; i--) { 2682 var j = Math.floor(Math.random() * (i + 1)); 2683 var tmp = candidates[i]; candidates[i] = candidates[j]; candidates[j] = tmp; 2684 } 2685 for (var i = 0; i < skipCount && i < candidates.length; i++) { 2686 filled[candidates[i]][c] = false; 2687 } 2688 } 2689 2690 for (var r = 0; r < ROWS - 1; r++) { 2691 for (var c = 1; c < COLS; c++) { 2692 if (!filled[r][c] && !filled[r][c - 1]) { 2693 2694 if (colRange[c] > (ROWS - 1 - r)) filled[r][c] = true; 2695 else if (colRange[c - 1] > (ROWS - 1 - r)) filled[r][c - 1] = true; 2696 } 2697 } 2698 } 2699 2700 var queues = []; 2701 for (var c = 0; c < COLS; c++) { 2702 queues[c] = []; 2703 for (var r = ROWS - 1; r >= 0; r--) { 2704 if (filled[r][c]) queues[c].push({ col: c, row: r }); 2705 } 2706 } 2707 2708 while (true) { 2709 var active = []; 2710 for (var c = 0; c < COLS; c++) if (queues[c].length) active.push(c); 2711 if (!active.length) break; 2712 var pick = active[Math.floor(Math.random() * active.length)]; 2713 targets.push(queues[pick].shift()); 2714 } 2715 targetIdx = 0; 2716 } 2717 2718 function cellX(col) { return offsetX + col * CELL + (CELL - 60) / 2; } 2719 function cellY(row) { return offsetY + row * CELL + (CELL - 60) / 2; } 2720 2721 var iconQueue = []; 2722 function shuffleIcons() { 2723 iconQueue = ICONS.slice(); 2724 for (var i = iconQueue.length - 1; i > 0; i--) { 2725 var j = Math.floor(Math.random() * (i + 1)); 2726 var tmp = iconQueue[i]; iconQueue[i] = iconQueue[j]; iconQueue[j] = tmp; 2727 } 2728 } 2729 function pickIcon() { 2730 if (!iconQueue.length) shuffleIcons(); 2731 return iconQueue.pop(); 2732 } 2733 2734 function spawn() { 2735 2736 if (targetIdx >= targets.length) return false; 2737 var t = targets[targetIdx++]; 2738 var col = t.col; 2739 var targetRow = t.row; 2740 2741 var el = document.createElement('div'); 2742 el.className = 'gm-apps__cell'; 2743 el.innerHTML = '<img src="' + pickIcon() + '" alt="" loading="lazy">'; 2744 var x = cellX(col); 2745 el.style.transform = 'translate3d(' + x + 'px, -80px, 0)'; 2746 el.style.setProperty('--gm-x', x + 'px'); 2747 container.appendChild(el); 2748 grid[targetRow][col] = el; 2749 2750 requestAnimationFrame(function() { 2751 requestAnimationFrame(function() { 2752 var y = cellY(targetRow); 2753 el.style.transform = 'translate3d(' + x + 'px, ' + y + 'px, 0)'; 2754 el.style.setProperty('--gm-y', y + 'px'); 2755 }); 2756 }); 2757 2758 return true; 2759 } 2760 2761 function buildStaticGrid() { 2762 2763 for (var i = 0; i < targets.length; i++) { 2764 var t = targets[i]; 2765 var x = cellX(t.col); 2766 var y = cellY(t.row); 2767 var el = document.createElement('div'); 2768 el.className = 'gm-apps__cell gm-apps__cell--static'; 2769 el.innerHTML = '<img src="' + pickIcon() + '" alt="" loading="lazy">'; 2770 el.style.transform = 'translate3d(' + x + 'px, ' + y + 'px, 0)'; 2771 container.appendChild(el); 2772 grid[t.row][t.col] = el; 2773 } 2774 } 2775 2776 setupGrid(); 2777 2778 if (IS_DESKTOP) { 2779 2780 var hasStarted = false; 2781 var section = document.querySelector('.gm-apps'); 2782 2783 function startOnce() { 2784 if (hasStarted) return; 2785 hasStarted = true; 2786 var spawnInterval = setInterval(function() { 2787 if (!spawn()) clearInterval(spawnInterval); 2788 }, SPAWN_INTERVAL); 2789 } 2790 2791 if ('IntersectionObserver' in window) { 2792 var io = new IntersectionObserver(function(entries) {
2793 entries.forEach(function(entry) { 2794 if (entry.isIntersecting) { 2795 startOnce(); 2796 io.disconnect(); 2797 } 2798 }); 2799 }, { threshold: 0.15 }); 2800 io.observe(section); 2801 } else { 2802 startOnce(); 2803 } 2804 } else { 2805 2806 buildStaticGrid(); 2807 } 2808})(); 2809</script>
2809 2810<!-- END ZONA 6 --> 2811 2812 2813<!-- ZONA 9 --> 2814<style> 2815 .gm-accordion{padding:130px 24px;background:#fff} 2816 .gm-accordion__layout{display:block} 2817 .gm-accordion__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start} 2818 .gm-accordion__right{display:flex;flex-direction:column;gap:40px} 2819 .gm-accordion__intro{display:flex;flex-direction:column;gap:18px} 2820 .gm-accordion__title{margin:0} 2821 .gm-accordion__subtitle{margin:0;max-width:520px} 2822 .gm-accordion__visual{position:relative;overflow:hidden;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;border-radius:28px} 2823 .gm-accordion__visual img{width:100%;height:100%;object-fit:cover;display:block} 2824 .gm-accordion__visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease} 2825 .gm-accordion__visual-img.is-active{opacity:1} 2826 .gm-accordion__list{display:flex;flex-direction:column;border-top:1px solid var(--gm-border)} 2827 .gm-accordion__item{position:relative;border-bottom:1px solid var(--gm-border);padding-left:24px} 2828 .gm-accordion__item::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;background:var(--gm-red);opacity:0;transition:opacity .3s ease} 2829 .gm-accordion__item.is-open::before{opacity:1} 2830 .gm-accordion__head{width:100%;background:none;border:none;text-align:left;padding:22px 0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--gm-text);font-size:18px;font-weight:500;transition:color .25s ease} 2831 .gm-accordion__head:hover{color:var(--gm-dark)} 2832 .gm-accordion__item.is-open .gm-accordion__head{color:var(--gm-dark)} 2833 .gm-accordion__chevron{flex-shrink:0;width:20px;height:20px;color:var(--gm-muted);transition:transform .35s ease,color .25s ease} 2834 .gm-accordion__item.is-open .gm-accordion__chevron{transform:rotate(180deg);color:var(--gm-red)} 2835 .gm-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease} 2836 .gm-accordion__body-inner{overflow:hidden;min-height:0} 2837 .gm-accordion__item.is-open .gm-accordion__body{grid-template-rows:1fr} 2838 .gm-accordion__body-content{padding:0 0 28px} 2839 .gm-accordion__text{font-size:15px;line-height:1.6;color:var(--gm-text);margin:0} 2840 .gm-accordion__link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:400;color:var(--gm-dark);text-decoration:none;transition:color .2s ease,gap .25s ease;margin-top:20px} 2841 .gm-accordion__link:hover{color:var(--gm-red);text-decoration:none} 2842 .gm-accordion__link svg{transition:transform .25s ease} 2843 .gm-accordion__link:hover svg{transform:translateX(4px)} 2844 2845 @media (max-width: 1024px) { 2846 .gm-accordion__content{grid-template-columns:1fr;gap:32px;display:flex;flex-direction:column} 2847 .gm-accordion__right{order:1;gap:24px} 2848 .gm-accordion__visual{order:2;position:relative;top:auto;aspect-ratio:16/9} 2849 } 2850 @media (max-width: 600px) { 2851 .gm-accordion{padding:80px 20px} 2852 } 2853</style> 2854 2855<section class="gm-accordion"> 2856 <div class="gm-container"> 2857 <div class="gm-accordion__layout"> 2858 2859 <div class="gm-accordion__content"> 2860 2861 <div class="gm-accordion__visual gm-reveal"> 2862 <img class="gm-accordion__visual-img is-active" src="/site/plugins/app/ui/frontend/gfx/home/sales/sales-1.jpg" alt="Vinzi Multi-Channel" data-key="multi-channel" loading="lazy"> 2863 <img class="gm-accordion__visual-img" src="/site/plugins/app/ui/frontend/gfx/home/sales/sales-2.jpg" alt="Vinzi Cross-Border" data-key="cross-border" loading="lazy"> 2864 <img class="gm-accordion__visual-img" src="/site/plugins/app/ui/frontend/gfx/home/sales/sales-3.jpg" alt="Capital pentru Crestere" data-key="capital" loading="lazy"> 2865 <img class="gm-accordion__visual-img" src="/site/plugins/app/ui/frontend/gfx/home/sales/sales-4.jpg" alt="Campanii marketing" data-key="marketing" loading="lazy"> 2866 </div> 2867 2868 <div class="gm-accordion__right"> 2869 <div class="gm-accordion__intro gm-reveal"> 2870 <h2 class="gm-sect-title gm-accordion__title gm-heading-anim"><em>Mai multe vanzari.</em><br>Mai putin efort.</h2> 2871 <p class="gm-sect-subtitle gm-accordion__subtitle">Magazinul online e doar inceputul. Extinde-te in marketplace, cross-border si motoarele de cautare pentru mai multi clienti si mai multe vanzari.</p> 2872 </div> 2873 2874 <div class="gm-accordion__list"> 2875 2876 <div class="gm-accordion__item is-open" data-key="multi-channel"> 2877 <button class="gm-accordion__head" type="button" aria-expanded="true"> 2878 Vinzi pe Marketplace <svg class="gm-accordion__chevron" viewB
2878ox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2879 </button> 2880 <div class="gm-accordion__body"> 2881 <div class="gm-accordion__body-inner"> 2882 <div class="gm-accordion__body-content"> 2883 <p class="gm-accordion__text">Vinzi in propriul tau magazin online, pe eMAG Marketplace si pe alte platforme de tip marketplace, fara sa gestionezi fiecare canal separat. Centralizezi produsele, comenzile si fluxurile importante intr-un singur loc, astfel incat sa ajungi la mai multi clienti si sa cresti vanzarile fara sa complici operatiunile. 2884 <a class="gm-accordion__link" href="/integrare-emag-marketplace">Vinde pe Emag <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> 2885 </p> 2886 </div> 2887 </div> 2888 </div> 2889 </div> 2890 2891 <div class="gm-accordion__item" data-key="cross-border"> 2892 <button class="gm-accordion__head" type="button" aria-expanded="false"> 2893 Vinzi Cross-Border <svg class="gm-accordion__chevron" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2894 </button> 2895 <div class="gm-accordion__body"> 2896 <div class="gm-accordion__body-inner"> 2897 <div class="gm-accordion__body-content"> 2898 <p class="gm-accordion__text">Pornesti local si scalezi international cu un magazin pregatit pentru piete noi. Folosesti limbi si monede multiple pentru a oferi clientilor din alte tari o experienta de cumparare mai relevanta, mai clara si mai apropiata de asteptarile lor.<br> 2899 <a class="gm-accordion__link" href="/preturi">Incepe acum <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> 2900 </p> 2901 </div> 2902 </div> 2903 </div> 2904 </div> 2905 2906 <div class="gm-accordion__item" data-key="capital"> 2907 <button class="gm-accordion__head" type="button" aria-expanded="false"> 2908 Capital pentru Crestere <svg class="gm-accordion__chevron" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2909 </button> 2910 <div class="gm-accordion__body"> 2911 <div class="gm-accordion__body-inner"> 2912 <div class="gm-accordion__body-content"> 2913 <p class="gm-accordion__text">Obtii acces rapid la capital flexibil pentru stocuri, marketing, extinderea echipei sau dezvoltarea magazinului. Investesti atunci cand apar oportunitati de crestere, fara sa blochezi ritmul afacerii sau sa amani decizii importante din lipsa de resurse.<br> 2914 <a class="gm-accordion__link" href="/gomag-finance">Obtine capital financiar <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> 2915 </p> 2916 </div> 2917 </div> 2918 </div> 2919 </div> 2920 2921 <div class="gm-accordion__item" data-key="marketing"> 2922 <button class="gm-accordion__head" type="button" aria-expanded="false"> 2923 Campanii de Marketing Inteligente <svg class="gm-accordion__chevron" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 2924 </button> 2925 <div class="gm-accordion__body"> 2926 <div class="gm-accordion__body-inner"> 2927 <div class="gm-accordion__body-content"> 2928 <p class="gm-accordion__text"> Iti promovezi produsele mai eficient cu ajutorul campaniilor optimizate pentru performanta. Atragi trafic mai relevant, cresti sansele de conversie si folosesti mai bine bugetul de marketing, astfel incat fiecare campanie sa contribuie mai clar la cresterea vanzarilor.<br> 2929 <a class="gm-accordion__link" href="/campanii-marketing">Descopera Gomag Campanii <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> 2930 </p> 2931 </div> 2932 </div> 2933 </div> 2934 </div> 2935 2936 </div> 2937 2938 </div> 2939 2940 </div> 2941 2942 </div> 2943 </div> 2944</section> 2945
2946<script> 2947(function() { 2948 var items = document.querySelectorAll('.gm-accordion__item'); 2949 var visualImgs = document.querySelectorAll('.gm-accordion__visual-img'); 2950 if (!items.length) return; 2951 2952 function setVisual(key) { 2953 visualImgs.forEach(function(img) { 2954 img.classList.toggle('is-active', img.getAttribute('data-key') === key); 2955 }); 2956 } 2957 2958 items.forEach(function(item) { 2959 var head = item.querySelector('.gm-accordion__head'); 2960 if (!head) return; 2961 head.addEventListener('click', function() { 2962 var isOpen = item.classList.contains('is-open'); 2963 items.forEach(function(other) { 2964 other.classList.remove('is-open'); 2965 var btn = other.querySelector('.gm-accordion__head'); 2966 if (btn) btn.setAttribute('aria-expanded', 'false'); 2967 }); 2968 if (!isOpen) { 2969 item.classList.add('is-open'); 2970 head.setAttribute('aria-expanded', 'true'); 2971 var key = item.getAttribute('data-key'); 2972 if (key) setVisual(key); 2973 } 2974 }); 2975 }); 2976})(); 2977</script>
2977 2978<!-- END ZONA 9 --> 2979 2980<!-- ZONA 10 --> 2981 2982<style> 2983 .gm-cta {padding: 130px 24px;text-align: center;background: linear-gradient(160deg, rgb(20 50 102) 0%, rgb(13 31 66) 100%);} 2984 .gm-cta__inner {max-width: 800px;margin: 0 auto;} 2985 .gm-cta__subtitle { margin: 0 0 40px; } 2986 @media (max-width: 600px) { 2987 .gm-cta { padding: 80px 20px; } 2988 } 2989</style> 2990 2991<section class="gm-cta"> 2992 <div class="gm-cta__inner gm-reveal"> 2993 <h2 class="gm-sect-title gm-sect-title--light gm-heading-anim">Magazinul tau online gata in <em>5 minute!</em></h2> 2994 <p class="gm-sect-subtitle gm-sect-subtitle--light gm-cta__subtitle">Descopera ce poti cu magazinul tau online. Testezi gratuit, fara obligatii!</p> 2995 <a href="/cerere-oferta" class="gm-btn gm-btn--primary demoPP triggerCreateDemo" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'TopMenu', 'gaEventAction': 'Demo', 'gaEventLabel': 'Incearca Gratuit'});">Incearca Gratuit</a> 2996 </div> 2997</section> 2998<!-- END ZONA 10 --> 2999 3000<!-- ZONA 11 --> 3001<style> 3002 .gm-grid {padding: 130px 24px;background: #fff;} 3003 .gm-grid .gm-container{max-width: 1400px;} 3004 .gm-grid__title-area {text-align: center;max-width: 720px;margin: 0 auto 60px;} 3005 .gm-grid__title { margin: 0 0 16px; } 3006 .gm-grid__subtitle { margin: 0 auto; max-width: 600px; } 3007 .gm-grid__bento { 3008 display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px; 3009 grid-template-areas: 3010 "card1 card2 card3 card4" 3011 "card5 card5 card3 card4" 3012 "card5 card5 card3 card4" 3013 "card5 card5 card6 card4"; 3014 } 3015 .gm-grid__card { 3016 background: #F7F9FC;border: 1px solid var(--gm-border);border-radius: 22px;padding: 32px; 3017 display: flex;flex-direction: column;min-height: 240px; 3018 transition: background .25s ease, border-color .25s ease; 3019 } 3020 .gm-grid__card:hover {background: #fff;border-color: rgba(13, 31, 66, .18);} 3021 .gm-grid__card:nth-of-type(1) { grid-area: card1; } 3022 .gm-grid__card:nth-of-type(2) { grid-area: card2; } 3023 .gm-grid__card:nth-of-type(3) { grid-area: card3; } 3024 .gm-grid__card:nth-of-type(4) { grid-area: card4; } 3025 .gm-grid__card:nth-of-type(5) { grid-area: card5; } 3026 .gm-grid__card:nth-of-type(6) { grid-area: card6; } 3027 .gm-grid__card:nth-of-type(7) { grid-area: card7;background: #f2eafb;border: none; } 3028 3029 .gm-grid__card--hero {position: relative;overflow: hidden;min-height: 0;isolation: isolate;} 3030 .gm-grid__card--hero::before { 3031 content: '';position: absolute;inset: 0; 3032 background-image: var(--gm-bg);background-size: cover;background-position: center; 3033 z-index: 0;transition: transform .8s ease; 3034 } 3035 .gm-grid__card--hero:hover::before { transform: scale(1.04); } 3036 .gm-grid__card--hero::after { 3037 content: '';position: absolute;inset: 0;z-index: 1; 3038 background: linear-gradient(180deg, rgba(13,31,66,.15) 0%, rgba(13,31,66,.45) 100%); 3039 } 3040 .gm-grid__card--hero > * { position: relative; z-index: 2; } 3041 .gm-grid__card--hero { background: #0D1F42; border: 0; } 3042 .gm-grid__card--hero:hover { border: 0; } 3043 .gm-grid__card--hero .gm-grid__card-title {font-weight: 500;font-size: clamp(22px, 1.8vw, 26px);margin-bottom: 14px;} 3044 .gm-grid__card--hero .gm-grid__card-text {font-weight: 300;font-size: 16px;} 3045 .gm-grid__card--hero .gm-grid__card-title { color: #fff; } 3046 .gm-grid__card--hero .gm-grid__card-text { color: rgba(255,255,255,.85); } 3047 .gm-grid__card--hero .gm-grid__card-cta { font-weight: 400;padding: 12px 24px;border-radius: 100px;background: #fff;} 3048 .gm-grid__card--hero .gm-grid__card-cta:hover { gap: 14px; } 3049 3050 .gm-grid__card-title {font-size: 20px;font-weight: 600;color: var(--gm-dark);line-height: 1.25;margin: 0 0 12px;letter-spacing: -0.2px;} 3051 .gm-grid__card-text {font-size: 14px;line-height: 1.5;color: var(--gm-text);margin: 0 0 22px;flex-grow: 1;} 3052 .gm-grid__card-cta { 3053 display: inline-flex;align-items: center;align-self: flex-start;gap: 8px; 3054 font-size: 14px;font-weight: 500;color: var(--gm-dark);text-decoration: none; 3055 margin-top: auto;align-self: flex-start;transition: color .2s ease, gap .25s ease; 3056 } 3057 .gm-grid__card-cta:hover { color: var(--gm-red); gap: 12px; text-decoration: none; } 3058 3059 @media (min-width: 601px) { 3060 .gm-grid__title br{display: none;} 3061 } 3062 @media (max-width: 1080px) { 3063 .gm-grid__bento { 3064 grid-template-columns: repeat(2, 1fr); 3065 grid-template-areas: 3066 "card1 card2" 3067 "card5 card5" 3068 "card3 card4" 3069 "card3 card4" 3070 "card6 card4"; 3071 } 3072 } 3073 @media (max-width: 600px) { 3074 .gm-grid {padding: 80px 20px;} 3075 .gm-grid__title-area {text-align: left;margin-bottom: 32px;} 3076 .gm-grid__subtitle {margin-left: 0;} 3077 .gm-grid__bento { 3078 grid-template-columns: 1fr; 3079 grid-template-areas: 3080 "card5" 3081 "card3" 3082 "card1" 3083 "card2" 3084 "card4" 3085 "card6" 3086 } 3087 } 3088</style> 3089 3090<section class="gm-grid">
3091 <div class="gm-container"> 3092 3093 <div class="gm-grid__title-area gm-reveal"> 3094 <h2 class="gm-sect-title gm-grid__title gm-heading-anim"><em>Ecosistemul Gomag.</em><br> Mai mult decat o platforma de ecommerce.</h2> 3095 <p class="gm-sect-subtitle gm-grid__subtitle">Un ecosistem complet de solutii, parteneri si expertiza pentru a lansa, creste si scala.</p> 3096 </div> 3097 3098 <div class="gm-grid__bento"> 3099 3100 <article class="gm-grid__card"> 3101 <h3 class="gm-grid__card-title">GPayments</h3> 3102 <p class="gm-grid__card-text">Clientii tai pot alege multiple metode de plata, iar tu ai comisioane preferentiale, in functie de abonamentul ales.</p> 3103 <img class="img-responsive" src="/site/plugins/app/ui/frontend/gfx/gpayments/visa-card.png" style="width:110px;margin-bottom: 12px;"> 3104 <a href="/gpayments" class="gm-grid__card-cta"> 3105 Descopera GPayments <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3106 </a> 3107 </article> 3108 3109 <article class="gm-grid__card"> 3110 <h3 class="gm-grid__card-title">GShipments</h3> 3111 <p class="gm-grid__card-text">Iti oferim posibilitatea de a livra colete fara sa mai fie nevoie sa faci contracte individuale cu mai multi curieri.</p> 3112 <div style="display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;flex-direction: row;gap: 8px;margin: 0 0 12px;"><img style="height:35px;margin:0;" class="img-responsive" src="https://gomagcdn.ro/plugins/app/ui/backend/gfx/gshipments/gs2.png?x" alt="image" title=""><img style="height:35px;margin:0;" class="img-responsive" src="https://gomagcdn.ro/plugins/app/ui/backend/gfx/gshipments/gs3.png?x" alt="image" title=""><img style="height:35px;margin:0;" class="img-responsive" src="/site/plugins/app/ui/frontend/gfx/home/ecosistem/dpd.png" alt="image" title=""></div> 3113 <a href="/gshipments" class="gm-grid__card-cta"> 3114 Descopera GShipments <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3115 </a> 3116 </article> 3117 3118 <article class="gm-grid__card gm-grid__card--hero" style="--gm-bg: url('/site/plugins/app/ui/frontend/gfx/home/ecosistem/know-how.jpg');min-height: 420px;"> 3119 <h3 class="gm-grid__card-title">Academia de Ecommerce: Know-how care sustine cresterea</h3> 3120 <p class="gm-grid__card-text">De la ghiduri si cursuri la bune practici, ai acces la expertiza care te ajuta sa scalezi mai inteligent.</p> 3121 <a href="https://academia.gomag.ro/" class="gm-grid__card-cta"> 3122 Afla mai multe <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3123 </a> 3124 </article> 3125 3126 <article class="gm-grid__card gm-grid__card--hero" style="--gm-bg: url('/site/plugins/app/ui/frontend/gfx/home/ecosistem/accelereaza.jpg');min-height: 460px;"> 3127 <h3 class="gm-grid__card-title">Accelereaza cresterea cu expertii potriviti</h3> 3128 <p class="gm-grid__card-text">Lucreaza cu parteneri specializati care iti sustin strategia, executia si scalarea.</p> 3129 <a href="/parteneri" class="gm-grid__card-cta"> 3130 Gaseste un partener <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3131 </a> 3132 </article> 3133 3134 <article class="gm-grid__card gm-grid__card--hero" style="--gm-bg: url('/site/plugins/app/ui/frontend/gfx/home/ecosistem/grid-6.jpg');min-height: 400px;"> 3135 <h3 class="gm-grid__card-title">Transforma ideile in oportunitati</h3> 3136 <p class="gm-grid__card-text">Participi la evenimente precum Gomag Summit si descoperi insight-uri, trenduri si conexiuni care iti accelereaza cresterea.</p> 3137 <a href="/blog/evenimente-ecommerce" class="gm-grid__card-cta"> 3138 Descopera Gomag Summit <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3139 </a> 3140 </article> 3141 3142 <article class="gm-grid__card"> 3143 <h3 class="gm-grid__card-title">Cresti intr-o retea care te sustine</h3> 3144 <p class="gm-grid__card-text">Accesezi o comunitate de comercianti, parteneri si experti unde gasesti conexiuni, inspiratie si o
3144portunitati de crestere.</p> 3145 <a href="https://www.facebook.com/groups/gomagro" class="gm-grid__card-cta"> 3146 Alatura-te comunitatii <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> 3147 </a> 3148 </article> 3149 3150 </div> 3151 </div> 3152</section> 3153<!-- END ZONA 11 --> 3154 3155<!-- ZONA QA --> 3156<style> 3157 .gm-faq {padding: 130px 24px;background: #F7F9FC;} 3158 .gm-faq__container {max-width: 820px;margin: 0 auto;} 3159 .gm-faq__header {text-align: center;margin-bottom: 56px;} 3160 .gm-faq__title { margin: 0 0 16px; } 3161 .gm-faq__subtitle { margin: 0 auto; max-width: 600px; } 3162 .gm-faq__list {display: flex;flex-direction: column;border-top: 1px solid var(--gm-border);} 3163 .gm-faq__item {position: relative;border-bottom: 1px solid var(--gm-border);padding-left: 24px;transition: padding .3s ease;} 3164 .gm-faq__item::before { 3165 content: '';position: absolute;left: 0;top: 18px;bottom: 18px;width: 2px; 3166 background: var(--gm-red);opacity: 0;transition: opacity .3s ease; 3167 } 3168 .gm-faq__item.is-open::before { opacity: 1; } 3169 .gm-faq__head { 3170 display: flex;align-items: center;justify-content: space-between;gap: 20px; 3171 width: 100%;background: none;border: none;text-align: left;padding: 22px 0;cursor: pointer; 3172 font-family: inherit;color: var(--gm-text);font-size: 18px;font-weight: 500;transition: color .25s ease; 3173 } 3174 .gm-faq__head:hover { color: var(--gm-dark); } 3175 .gm-faq__item.is-open .gm-faq__head { color: var(--gm-dark); font-weight: 600; } 3176 .gm-faq__icon {flex-shrink: 0;width: 20px;height: 20px;color: var(--gm-muted);transition: transform .35s ease, color .25s ease;} 3177 .gm-faq__item.is-open .gm-faq__icon {transform: rotate(45deg);color: var(--gm-red);} 3178 .gm-faq__body {display: grid;grid-template-rows: 0fr;transition: grid-template-rows .4s ease;} 3179 .gm-faq__body-inner {overflow: hidden;min-height: 0;} 3180 .gm-faq__item.is-open .gm-faq__body { grid-template-rows: 1fr; } 3181 .gm-faq__body-content {padding: 0 0 24px;} 3182 .gm-faq__text {font-size: 15px;line-height: 1.6;color: var(--gm-text);margin: 0 0 10px;} 3183 .gm-faq__text:last-child { margin-bottom: 0; } 3184 @media (max-width: 600px) { 3185 .gm-faq { padding: 80px 20px; } 3186 .gm-faq__header { margin-bottom: 40px; } 3187 .gm-faq__head { font-size: 16px; padding: 18px 0; } 3188 } 3189</style> 3190 3191<section class="gm-faq"> 3192 <div class="gm-faq__container"> 3193 3194 <div class="gm-faq__header gm-reveal"> 3195 <h2 class="gm-sect-title gm-faq__title gm-heading-anim">Intrebari frecvente.</h2> 3196 <p class="gm-sect-subtitle gm-faq__subtitle">Tot ce trebuie sa stii inainte sa pornesti magazinul online cu Gomag.</p> 3197 </div> 3198 3199 <div class="gm-faq__list gm-reveal"> 3200 3201 <div class="gm-faq__item"> 3202 <button class="gm-faq__head" type="button" aria-expanded="true"> 3203 <span>Ce este Gomag?</span> 3204 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3205 </button> 3206 <div class="gm-faq__body"> 3207 <div class="gm-faq__body-inner"> 3208 <div class="gm-faq__body-content"> 3209 <p class="gm-faq__text">Gomag este o platforma completa de eCommerce, dezvoltata 100% in Romania si adaptata pentru piata locala & sud-estul Europei, care iti permite sa creezi, gestionezi si scalezi un magazin online propriu, fara sa ai nevoie de cunostinte tehnice sau programare.</p> 3210 <p class="gm-faq__text">Gomag NU este un marketplace, furnizor de produse, servicii de curierat, site de testare produse sau comparator de preturi.</p> 3211 </div> 3212 </div> 3213 </div> 3214 </div> 3215 3216 <div class="gm-faq__item"> 3217 <button class="gm-faq__head" type="button" aria-expanded="false"> 3218 <span>Ce pot vinde intr-un magazin online pe Gomag?</span> 3219 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3220 </button> 3221 <div class="gm-faq__body"> 3222 <div class="gm-faq__body-inner"> 3223 <div class="gm-faq__body-content"> 3224 <p class="gm-faq__text">Poti vinde aproape orice tip de produs fizic sau digital (inclusiv pachete de abonamente, cursuri sau consultanta), atata timp cat respecta prevederile legale.</p> 3225 </div> 3226 </div> 3227 </div> 3228 </div> 3229 3230 <div class="gm-faq__item"> 3231 <button class="gm-faq__head" type="button" aria-expanded="false">
3232 <span>Pot testa platforma gratuit?</span> 3233 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3234 </button> 3235 <div class="gm-faq__body"> 3236 <div class="gm-faq__body-inner"> 3237 <div class="gm-faq__body-content"> 3238 <p class="gm-faq__text">Da. Ai la dispozitie 3 zile de testare gratuita, timp in care poti adauga produse, configura designul si testa toate functionalitatile. Atentie, magazinul poate fi lansat live doar dupa alegerea si plata unui abonament.</p> 3239 </div> 3240 </div> 3241 </div> 3242 </div> 3243 3244 <div class="gm-faq__item"> 3245 <button class="gm-faq__head" type="button" aria-expanded="false"> 3246 <span>Trebuie sa am deja domeniu ca sa incep un demo?</span> 3247 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3248 </button> 3249 <div class="gm-faq__body"> 3250 <div class="gm-faq__body-inner"> 3251 <div class="gm-faq__body-content"> 3252 <p class="gm-faq__text">Nu neaparat. Testezi gratuit platforma pe un subdomeniu .gomag.ro, iar cand esti gata sa lansezi magazinul, il poti conecta la domeniul tau propriu.</p> 3253 </div> 3254 </div> 3255 </div> 3256 </div> 3257 3258 <div class="gm-faq__item"> 3259 <button class="gm-faq__head" type="button" aria-expanded="false"> 3260 <span>Pot conecta magazinul Gomag cu alte platforme sau servicii?</span> 3261 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3262 </button> 3263 <div class="gm-faq__body"> 3264 <div class="gm-faq__body-inner"> 3265 <div class="gm-faq__body-content"> 3266 <p class="gm-faq__text">Da. Gomag se integreaza usor cu servicii de plata, curieri, facturare, marketing, marketplace-uri (precum eMAG), CRM-uri si multe alte instrumente utile pentru cresterea vanzarilor, inclusiv prin acces API pentru a eficientiza colectarea si prelucrarea datelor de la partenerii tai.</p> 3267 </div> 3268 </div> 3269 </div> 3270 </div> 3271 3272 <div class="gm-faq__item"> 3273 <button class="gm-faq__head" type="button" aria-expanded="false"> 3274 <span>Este sigur magazinul meu pe Gomag?</span> 3275 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3276 </button> 3277 <div class="gm-faq__body"> 3278 <div class="gm-faq__body-inner"> 3279 <div class="gm-faq__body-content"> 3280 <p class="gm-faq__text">Da. Toate magazinele sunt gazduite pe servere securizate, cu certificat SSL instalat de catre echipa Gomag.</p> 3281 </div> 3282 </div> 3283 </div> 3284 </div> 3285 3286 <div class="gm-faq__item"> 3287 <button class="gm-faq__head" type="button" aria-expanded="false"> 3288 <span>Cum se calculeaza pretul abonamentului?</span> 3289 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3290 </button> 3291 <div class="gm-faq__body"> 3292 <div class="gm-faq__body-inner"> 3293 <div class="gm-faq__body-content"> 3294 <p class="gm-faq__text">Pretul depinde de planul ales si de numarul de comenzi lunare. Abonamentul se ajusteaza automat in functie de activitatea magazinului (prin sistemul de increment).</p> 3295 </div> 3296 </div> 3297 </div> 3298 </div> 3299 3300 <div class="gm-faq__item"> 3301 <button class="gm-faq__head" type="button" aria-expanded="false"> 3302 <span>Ce inseamna si cum functioneaza un increment Gomag?</span> 3303 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3304 </button> 3305 <div class="gm-faq__body"> 3306 <div class="gm-faq__body-inner"> 3307 <div class="gm-faq__body-content"> 3308 <p class="gm-faq__text">Pe masura ce magazinul tau creste si vinzi mai mult, noi iti alocam automat resurse suplimentare pentru ca tu sa poti folosi la maximum toate functionalitatile disponibile in magazin - inclusiv automatizari avansate cu GoBoti pentru gestionare rapida produse, facturi, AWB-uri, clienti, comunicari pe email si SMS.</p> 3309 <p class="gm-faq__text">Asadar, abonamentul standard include o medie lunara de 350 de comenzi, calculata pe baza celor mai recente 3 luni de activitate. Daca numarul comenzilor creste, sistemul mareste automat aceasta medie in incrementuri de cate 350 de comenzi, adaugand 67 € / luna pentru fiecare increment suplimentar.</p> 3310 <p class="gm-faq__text"><b>Exemplu:</b><br>- Ai in medie 650 de comenzi / luna si vanzari de 32,500 euro / luna, costul abonamentului lunar va creste cu 67 euro.<br>- Suma incrementului ramane fixa; ce se schimba e greutatea lui relativa in cifra de afaceri: cu cat magazinul vinde mai mult per comanda, cu atat acei 67 €/luna reprezinta un procent tot mai mic din venit, deci costul platformei per comanda scade practic pe masura ce magazinul creste.</p> 3311 <p class="gm-faq__text">Daca volumul de comenzi scade (de exemplu pentru business-uri sezoniere), costul abonamentului este ajustat automat.</p> 3312 </div> 3313 </div> 3314 </div> 3315 </div> 3316 3317 <div class="gm-faq__item"> 3318 <button class="gm-faq__head" type="button" aria-expanded="false">
3319 <span>Abonamentul anual sau pe 2 ani trebuie achitat in avans?</span> 3320 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3321 </button> 3322 <div class="gm-faq__body"> 3323 <div class="gm-faq__body-inner"> 3324 <div class="gm-faq__body-content"> 3325 <p class="gm-faq__text">Da. Discountul se aplica doar la plata in avans, in functie de campaniile active. Se emite o factura pentru perioada dorita (1 an sau 2 ani), iar plata se face integral la inceputul perioadei.</p> 3326 </div> 3327 </div> 3328 </div> 3329 </div> 3330 3331 <div class="gm-faq__item"> 3332 <button class="gm-faq__head" type="button" aria-expanded="false"> 3333 <span>Ce tip de suport oferiti?</span> 3334 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3335 </button> 3336 <div class="gm-faq__body"> 3337 <div class="gm-faq__body-inner"> 3338 <div class="gm-faq__body-content"> 3339 <p class="gm-faq__text">Oferim suport prin email, tichete si prin Centrul de Ajutor Gomag, unde gasesti ghiduri, tutoriale si articole explicative. Abonamentul Enterprise include si suport telefonic, in cadrul unui pachet lunar de ore disponibile.</p> 3340 </div> 3341 </div> 3342 </div> 3343 </div> 3344 3345 <div class="gm-faq__item"> 3346 <button class="gm-faq__head" type="button" aria-expanded="false"> 3347 <span>Pot schimba oricand planul de abonament?</span> 3348 <svg class="gm-faq__icon" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg> 3349 </button> 3350 <div class="gm-faq__body"> 3351 <div class="gm-faq__body-inner"> 3352 <div class="gm-faq__body-content"> 3353 <p class="gm-faq__text">Da. Poti face upgrade sau downgrade oricand, iar modificarile se aplica automat din urmatoarea luna de facturare.</p> 3354 </div> 3355 </div> 3356 </div> 3357 </div> 3358 3359 </div> 3360 3361 </div> 3362</section> 3363
3364<script type="application/ld+json"> 3365{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Ce este Gomag?","acceptedAnswer":{"@type":"Answer","text":"Gomag este o platforma completa de eCommerce, dezvoltata 100% in Romania si adaptata pentru piata locala & sud-estul Europei, care iti permite sa creezi, gestionezi si scalezi un magazin online propriu, fara sa ai nevoie de cunostinte tehnice sau programare. Gomag NU este un marketplace, furnizor de produse, servicii de curierat, site de testare produse sau comparator de preturi."}},{"@type":"Question","name":"Ce pot vinde intr-un magazin online pe Gomag?","acceptedAnswer":{"@type":"Answer","text":"Poti vinde aproape orice tip de produs fizic sau digital (inclusiv pachete de abonamente, cursuri sau consultanta), atata timp cat respecta prevederile legale."}},{"@type":"Question","name":"Pot testa platforma gratuit?","acceptedAnswer":{"@type":"Answer","text":"Da. Ai la dispozitie 3 zile de testare gratuita, timp in care poti adauga produse, configura designul si testa toate functionalitatile. Atentie, magazinul poate fi lansat live doar dupa alegerea si plata unui abonament."}},{"@type":"Question","name":"Trebuie sa am deja domeniu ca sa incep un demo?","acceptedA
3365nswer":{"@type":"Answer","text":"Nu neaparat. Testezi gratuit platforma pe un subdomeniu .gomag.ro, iar cand esti gata sa lansezi magazinul, il poti conecta la domeniul tau propriu."}},{"@type":"Question","name":"Pot conecta magazinul Gomag cu alte platforme sau servicii?","acceptedAnswer":{"@type":"Answer","text":"Da. Gomag se integreaza usor cu servicii de plata, curieri, facturare, marketing, marketplace-uri (precum eMAG), CRM-uri si multe alte instrumente utile pentru cresterea vanzarilor, inclusiv prin acces API pentru a eficientiza colectarea si prelucrarea datelor de la partenerii tai."}},{"@type":"Question","name":"Este sigur magazinul meu pe Gomag?","acceptedAnswer":{"@type":"Answer","text":"Da. Toate magazinele sunt gazduite pe servere securizate, cu certificat SSL instalat de catre echipa Gomag."}},{"@type":"Question","name":"Cum se calculeaza pretul abonamentului?","acceptedAnswer":{"@type":"Answer","text":"Pretul depinde de planul ales si de numarul de comenzi lunare. Abonamentul se ajusteaza automat in functie de activitatea magazinului (prin sistemul de increment)."}},{"@type":"Question","name":"Ce inseamna si cum functioneaza un increment Gomag?","acceptedA
3365nswer":{"@type":"Answer","text":"Pe masura ce magazinul tau creste si vinzi mai mult, noi iti alocam automat resurse suplimentare pentru ca tu sa poti folosi la maximum toate functionalitatile disponibile in magazin - inclusiv automatizari avansate cu GoBoti pentru gestionare rapida produse, facturi, AWB-uri, clienti, comunicari pe email si SMS. Asadar, abonamentul standard include o medie lunara de 350 de comenzi, calculata pe baza celor mai recente 3 luni de activitate. Daca numarul comenzilor creste, sistemul mareste automat aceasta medie in incrementuri de cate 350 de comenzi, adaugand 67 ⬠/ luna pentru fiecare increment suplimentar. Exemplu: - Ai in medie 650 de comenzi / luna si vanzari de 32,500 euro / luna, costul abonamentului lunar va creste cu 67 euro. - Suma incrementului ramane fixa; ce se schimba e greutatea lui relativa in cifra de afaceri: cu cat magazinul vinde mai mult per comanda, cu atat acei 67 â¬/luna reprezinta un procent tot mai mic din venit, deci costul platformei per comanda scade practic pe masura ce magazinul creste. Daca volumul de comenzi scade (de exemplu pentru business-uri sezoniere), costul abonamentului este ajustat automat."}},{"@type":"Question","name":"Abonamentul anual sau pe 2 ani trebuie achitat in avans?","acceptedA
3365nswer":{"@type":"Answer","text":"Da. Discountul se aplica doar la plata in avans, in functie de campaniile active. Se emite o factura pentru perioada dorita (1 an sau 2 ani), iar plata se face integral la inceputul perioadei."}},{"@type":"Question","name":"Ce tip de suport oferiti?","acceptedAnswer":{"@type":"Answer","text":"Oferim suport prin email, tichete si prin Centrul de Ajutor Gomag, unde gasesti ghiduri, tutoriale si articole explicative. Abonamentul Enterprise include si suport telefonic, in cadrul unui pachet lunar de ore disponibile."}},{"@type":"Question","name":"Pot schimba oricand planul de abonament?","acceptedAnswer":{"@type":"Answer","text":"Da. Poti face upgrade sau downgrade oricand, iar modificarile se aplica automat din urmatoarea luna de facturare."}}]} 3366</script>
3366 3367
3368<script> 3369(function() { 3370 var items = document.querySelectorAll('.gm-faq__item'); 3371 if (!items.length) return; 3372 items.forEach(function(item) { 3373 var head = item.querySelector('.gm-faq__head'); 3374 if (!head) return; 3375 head.addEventListener('click', function() { 3376 var isOpen = item.classList.contains('is-open'); 3377 items.forEach(function(other) { 3378 other.classList.remove('is-open'); 3379 var btn = other.querySelector('.gm-faq__head'); 3380 if (btn) btn.setAttribute('aria-expanded', 'false'); 3381 }); 3382 if (!isOpen) { 3383 item.classList.add('is-open'); 3384 head.setAttribute('aria-expanded', 'true'); 3385 } 3386 }); 3387 }); 3388})(); 3389</script>
3389 3390<!-- END ZONA QA --> 3391 3392<link rel="stylesheet" href="/site/plugins/app/ui/frontend/css/fancybox.css"/> 3393<style> 3394.fancybox__backdrop {background: #06132bf0!important;backdrop-filter: blur(4px);} 3395</style>
3396<script src="/site/plugins/app/ui/frontend/js/fancybox.umd.js"></script>
vendor: 1 bytes, line 3396
3396
3397<script> 3398(function(){ 3399 function init() { 3400 if (typeof Fancybox === 'undefined') { 3401 console.warn('Fancybox not loaded'); 3402 return; 3403 } 3404 Fancybox.bind('[data-fancybox]'); 3405 3406 document.addEventListener('click', function(e){ 3407 var link = e.target.closest('a[data-fancybox]'); 3408 if (!link) return; 3409 e.preventDefault(); 3410 e.stopPropagation(); 3411 Fancybox.show([{ src: link.getAttribute('href') }]); 3412 }, true ); 3413 } 3414 if (document.readyState === 'loading') { 3415 document.addEventListener('DOMContentLoaded', init); 3416 } else { 3417 init(); 3418 } 3419})(); 3420</script>
3420 3421
3422<script src="/site/plugins/app/ui/frontend/js/gsap.min.js"></script>
vendor: 1 bytes, line 3422
3422
3423<script src="/site/plugins/app/ui/frontend/js/ScrollTrigger.min.js"></script>
3423 3424 3425
3426<script> 3427(function() { 3428 3429 /* Register ScrollTrigger */ 3430 gsap.registerPlugin(ScrollTrigger); 3431 3432 /* Hero entrance â gsap.set initial + gsap.to final */ 3433 gsap.set('.gm-hero__inner > *', { opacity: 0, y: 44 }); 3434 gsap.to('.gm-hero__inner > *', { 3435 opacity: 1, 3436 y: 0, 3437 duration: 1, 3438 ease: 'power3.out', 3439 stagger: 0.16, 3440 delay: 0.15 3441 }); 3442 3443 /* gm-reveal â scroll-triggered */ 3444 gsap.utils.toArray('.gm-reveal').forEach(function(el) { 3445 var toVars = { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out' }; 3446 if (el.classList.contains('gm-reveal--left')) { gsap.set(el, { x: -56, opacity: 0 }); toVars.x = 0; } 3447 else if (el.classList.contains('gm-reveal--right')) { gsap.set(el, { x: 56, opacity: 0 }); toVars.x = 0; } 3448 else if (el.classList.contains('gm-reveal--scale')) { gsap.set(el, { scale: 0.94, y: 28, opacity: 0 }); toVars.scale = 1; } 3449 else { gsap.set(el, { y: 52, opacity: 0 }); } 3450 3451 gsap.to(el, Object.assign({}, toVars, { 3452 scrollTrigger: { 3453 trigger: el, 3454 start: 'top 88%', 3455 toggleActions: 'play none none none' 3456 } 3457 })); 3458 }); 3459 3460 /* gm-stagger â carduri in cascada */ 3461 gsap.utils.toArray('.gm-stagger').forEach(function(container) { 3462 var slow = container.classList.contains('gm-stagger--slow'); 3463 gsap.set(container.children, { opacity: 0, y: 48 }); 3464 gsap.to(container.children, { 3465 opacity: 1, 3466 y: 0, 3467 duration: slow ? 1 : 0.8, 3468 ease: 'power3.out', 3469 stagger: 0.11, 3470 scrollTrigger: { 3471 trigger: container, 3472 start: 'top 88%', 3473 toggleActions: 'play none none none' 3474 } 3475 }); 3476 }); 3477 3478 /* Zona 2 â carduri din stanga/dreapta */ 3479 var s2Grid = document.querySelector('.gm-cards__grid'); 3480 if (s2Grid) { 3481 var cardFeatured = s2Grid.querySelector('.gm-cards__card--featured'); 3482 var cardLight = s2Grid.querySelectorAll('.gm-cards__card--light'); 3483 var cardWide = s2Grid.querySelector('.gm-cards__card--wide'); 3484 3485 gsap.set(cardFeatured, { x: -90, opacity: 0 }); 3486 gsap.set(cardLight, { x: 90, opacity: 0 }); 3487 gsap.set(cardWide, { y: 50, opacity: 0 }); 3488 3489 ScrollTrigger.create({ 3490 trigger: s2Grid, 3491 start: 'top 82%', 3492 onEnter: function() { 3493 gsap.to(cardFeatured, { x: 0, opacity: 1, duration: 1.1, ease: 'power3.out' }); 3494 gsap.to(cardLight, { x: 0, opacity: 1, duration: 1.1, ease: 'power3.out', stagger: 0.25, delay: 0.2 }); 3495 gsap.to(cardWide, { y: 0, opacity: 1, duration: 1.1, ease: 'power3.out', delay: 0.65 }); 3496 } 3497 }); 3498 } 3499 3500 /* Zona 4 â paired rows stagger la intrare + counter animation */ 3501 var s4Pairs = document.querySelectorAll('.gm-stats__pair'); 3502 if (s4Pairs.length) { 3503 gsap.set(s4Pairs, { opacity: 0, y: 40 }); 3504 ScrollTrigger.create({ 3505 trigger: '.gm-stats__pairs', 3506 start: 'top 85%', 3507 onEnter: function() { 3508 gsap.to(s4Pairs, { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out', stagger: 0.15 }); 3509 } 3510 }); 3511 } 3512 3513 /* gm-heading-anim â word-by-word reveal */ 3514 gsap.utils.toArray('.gm-heading-anim').forEach(function(el) { 3515 /* Split pe <br> mai intai, apoi pe cuvinte â pastreaza line breaks */ 3516 var lines = el.innerHTML.split(/<br\s*\/?>/i); 3517 el.innerHTML = lines.map(function(line) { 3518 return line.trim().split(/\s+/).filter(Boolean).map(function(w) { 3519 return '<span class="gm-word-wrap"><span class="gm-word">' + w + '</span></span>'; 3520 }).join(' '); 3521 }).join('<br>'); 3522 3523 gsap.from(el.querySelectorAll('.gm-word'), { 3524 yPercent: 110, 3525 opacity: 0, 3526 duration: 0.75, 3527 ease: 'power3.out', 3528 stagger: 0.07, 3529 clearProps: 'all', 3530 scrollTrigger: { 3531 trigger: el, 3532 start: 'top 90%', 3533 toggleActions: 'play none none none' 3534 } 3535 }); 3536 }); 3537
3538 /* Animated counters â throttled la 30fps + skip duplicate writes */ 3539 function animateCounter(el) { 3540 var target = parseFloat(el.getAttribute('data-target')); 3541 if (isNaN(target)) return; 3542 var suffix = el.getAttribute('data-suffix') || ''; 3543 var duration = 1800; 3544 var startTime = performance.now(); 3545 var lastTick = 0; 3546 var lastValue = -1; 3547 var THROTTLE = 33; // ~30fps 3548 function tick(now) { 3549 if (now - lastTick < THROTTLE) { 3550 requestAnimationFrame(tick); 3551 return; 3552 } 3553 lastTick = now; 3554 var t = Math.min(1, (now - startTime) / duration); 3555 var eased = 1 - Math.pow(1 - t, 3); 3556 var current = Math.floor(target * eased); 3557 if (current !== lastValue) { 3558 el.textContent = current + suffix; 3559 lastValue = current; 3560 } 3561 if (t < 1) requestAnimationFrame(tick); 3562 else el.textContent = target + suffix; 3563 } 3564 requestAnimationFrame(tick); 3565 } 3566 3567 var counters = document.querySelectorAll('[data-counter]'); 3568 if (counters.length && 'IntersectionObserver' in window) { 3569 var counterIO = new IntersectionObserver(function(entries) { 3570 entries.forEach(function(entry) { 3571 if (entry.isIntersecting) { 3572 animateCounter(entry.target); 3573 counterIO.unobserve(entry.target); 3574 } 3575 }); 3576 }, { threshold: 0.4 }); 3577 counters.forEach(function(c) { counterIO.observe(c); }); 3578 } 3579 3580})(); 3581</script>
3581 3582 3583<style> 3584/* Word-split wrapper pentru gm-heading-anim */ 3585.gm-word-wrap { 3586 display: inline-block; 3587 /*overflow: hidden;*/ 3588 vertical-align: bottom; 3589} 3590.gm-word { 3591 display: inline-block; 3592} 3593</style> 3594 3595 3596 3597<!-- Galaxy animation -->
3598<script> 3599(function(){ 3600 var section = document.querySelector('.gm-s8b'); 3601 if (!section) return; 3602 var visual = section.querySelector('.gm-s8b__visual'); 3603 var canvas = section.querySelector('.gm-s8b__galaxy-canvas'); 3604 var icons = section.querySelectorAll('.gm-s8b__galaxy-icon'); 3605 if (!canvas || !visual) return; 3606 if (window.innerWidth <= 900) return; 3607 3608 var ctx = canvas.getContext('2d'); 3609 var W = 0, H = 0, cx = 0, cy = 0, dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1)); 3610 var raf = 0, t = 0, running = false, inView = false; 3611 3612 var ringsCanvas = document.createElement('canvas'); 3613 var ringsCtx = ringsCanvas.getContext('2d'); 3614 3615 var spriteCache = {}; 3616 function getSprite(hue, sat, hot) { 3617 var key = hue + '_' + sat + '_' + (hot ? 1 : 0); 3618 if (spriteCache[key]) return spriteCache[key]; 3619 var size = hot ? 14 : 10; 3620 var s = document.createElement('canvas'); 3621 s.width = s.height = size; 3622 var sc = s.getContext('2d'); 3623 var g = sc.createRadialGradient(size/2, size/2, 0, size/2, size/2, size/2); 3624 if (hot) { 3625 g.addColorStop(0, 'hsla(' + hue + ',' + sat + '%,88%,1)'); 3626 g.addColorStop(0.3, 'hsla(' + hue + ',' + sat + '%,75%,0.45)'); 3627 g.addColorStop(1, 'hsla(' + hue + ',' + sat + '%,65%,0)'); 3628 } else { 3629 g.addColorStop(0, 'hsla(' + hue + ',' + sat + '%,90%,1)'); 3630 g.addColorStop(0.35, 'hsla(' + hue + ',' + sat + '%,80%,0.35)'); 3631 g.addColorStop(1, 'hsla(' + hue + ',' + sat + '%,70%,0)'); 3632 } 3633 sc.fillStyle = g; 3634 sc.fillRect(0, 0, size, size); 3635 spriteCache[key] = s; 3636 return s; 3637 } 3638 3639 var orbits = [ 3640 { rx: 0.34, ry: 0.18, tilt: -0.22, speed: 0.0024, count: 70, hue: 215, accent: 32, ringAlpha: 0, ringWidth: 0, swirl: true, swirlAmp: 0.10, swirlFreq: 2.5, magnet: true }, 3641 { rx: 0.28, ry: 0.17, tilt: -0.22, speed: 0.0036, count: 32, hue: 218, accent: 30, ringAlpha: 0.14, ringWidth: 0.8, swirl: false, magnet: false }, 3642 { rx: 0.20, ry: 0.12, tilt: -0.22, speed: 0.0054, count: 22, hue: 220, accent: 28, ringAlpha: 0.12, ringWidth: 0.8, swirl: false, magnet: false } 3643 ]; 3644 3645 /* Mouse magnet */ 3646 var mouse = { x: -9999, y: -9999, active: false }; 3647 var softMouse = { x: -9999, y: -9999, factor: 0 }; 3648 function updateSoftMouse() { 3649 var lerp = 0.05; /* 0.05 = ~20 frame lag */ 3650 if (mouse.active) { 3651 if (softMouse.factor < 0.001) { softMouse.x = mouse.x; softMouse.y = mouse.y; } 3652 softMouse.x += (mouse.x - softMouse.x) * lerp; 3653 softMouse.y += (mouse.y - softMouse.y) * lerp; 3654 } 3655 var targetFactor = mouse.active ? 1 : 0; 3656 softMouse.factor += (targetFactor - softMouse.factor) * 0.04; /* fade in/out */ 3657 } 3658 function applyMagnet(x, y) { 3659 if (softMouse.factor < 0.01) return { x: x, y: y }; 3660 var dx = softMouse.x - x, dy = softMouse.y - y; 3661 var dist = Math.sqrt(dx * dx + dy * dy); 3662 var radius = 180; 3663 if (dist >= radius || dist < 0.5) return { x: x, y: y }; 3664 var force = 1 - dist / radius; 3665 force = force * force * 0.28 * softMouse.factor; 3666 var nx = x + dx * force; 3667 var ny = y + dy * force; 3668 3669 var maxY = (cy + H * disc.cyOffset) - H * 0.14; 3670 if (nx < 8) nx = 8; 3671 if (nx > W - 8) nx = W - 8; 3672 if (ny < 8) ny = 8; 3673 if (ny > maxY) ny = maxY; 3674 return { x: nx, y: ny }; 3675 } 3676 3677 var discPresets = [ 3678 { tilt:-0.08, rings:[{rx:0.42,ry:0.09,alpha:0.18},{rx:0.32,ry:0.07,alpha:0.15},{rx:0.22,ry:0.05,alpha:0.12},{rx:0.14,ry:0.035,alpha:0.08}]}, 3679 { tilt: 0.10, rings:[{rx:0.44,ry:0.085,alpha:0.20},{rx:0.36,ry:0.07,alpha:0.17},{rx:0.28,ry:0.055,alpha:0.14},{rx:0.20,ry:0.04,alpha:0.10}]}, 3680 { tilt:-0.04, rings:[{rx:0.46,ry:0.06,alpha:0.18},{rx:0.36,ry:0.045,alpha:0.16},{rx:0.26,ry:0.035,alpha:0.13},{rx:0.16,ry:0.025,alpha:0.10}]}, 3681 { tilt: 0.06, rings:[{rx:0.45,ry:0.11,alpha:0.20},{rx:0.36,ry:0.09,alpha:0.17},{rx:0.26,ry:0.07,alpha:0.14},{rx:0.16,ry:0.05,alpha:0.10}]} 3682 ]; 3683 function cloneDisc(p) { return { tilt:p.tilt, rings:p.rings.map(function(r){ return {rx:r.rx,ry:r.ry,alpha:r.alpha}; }) }; } 3684 var disc = Object.assign(cloneDisc(discPresets[0]), { cyOffset: 0.52, speed: 0.0022, count: 55 }); 3685 var discFrom = cloneDisc(discPresets[0]), discTo = cloneDisc(discPresets[0]), transT = 1, transDur = 42; 3686 3687 var particles = [], discParticles = [], nebulaParticles = []; 3688 3689 function rebuild() { 3690 particles = [];
3691 orbits.forEach(function(o, i) { 3692 for (var k = 0; k < o.count; k++) { 3693 particles.push({ 3694 orbit: i, 3695 angle: (k / o.count) * Math.PI * 2 + Math.random() * 0.1, 3696 size: 0.6 + Math.random() * 1.6, 3697 brightness: 0.35 + Math.random() * 0.55, 3698 twinkle: Math.random() * Math.PI * 2 3699 }); 3700 } 3701 }); 3702 discParticles = []; 3703 for (var d = 0; d < disc.count; d++) { 3704 discParticles.push({ 3705 angle: Math.random() * Math.PI * 2, 3706 ringIdx: d % disc.rings.length, 3707 size: 0.5 + Math.random() * 1.2, 3708 brightness: 0.4 + Math.random() * 0.5, 3709 twinkle: Math.random() * Math.PI * 2 3710 }); 3711 } 3712 nebulaParticles = []; 3713 var nebCount = 60; 3714 for (var n = 0; n < nebCount; n++) { 3715 var baseAngle = -Math.PI / 4 + (Math.random() * 0.6 - 0.1) * 0.9; 3716 var rNorm = 0.18 + Math.random() * 0.30; 3717 var spread = (Math.random() - 0.5) * 0.06; 3718 nebulaParticles.push({ 3719 baseAngle: baseAngle, 3720 rNorm: rNorm + spread, 3721 rNormY: (rNorm + spread) * 0.42, 3722 drift: (Math.random() - 0.5) * 0.001, 3723 currentDrift: 0, 3724 size: 0.4 + Math.random() * 1.0, 3725 brightness: 0.3 + Math.random() * 0.6, 3726 twinkle: Math.random() * Math.PI * 2, 3727 isAccent: Math.random() > 0.4 3728 }); 3729 } 3730 } 3731 3732 function resize() { 3733 var rect = visual.getBoundingClientRect(); 3734 W = rect.width; H = rect.height; 3735 cx = W * 0.5; cy = H * 0.28; 3736 canvas.width = Math.floor(W * dpr); 3737 canvas.height = Math.floor(H * dpr); 3738 canvas.style.width = W + 'px'; 3739 canvas.style.height = H + 'px'; 3740 ctx.setTransform(dpr, 0, 0, dpr, 0, 0); 3741 } 3742 3743 function renderRings() { 3744 ctx.globalCompositeOperation = 'lighter'; 3745 orbits.forEach(function(o) { 3746 if (o.swirl || o.ringAlpha <= 0) return; 3747 drawDeformedRing(o.rx, o.ry, cy, o.tilt, o.ringAlpha, o.ringWidth, o.hue); 3748 }); 3749 var discCy = cy + H * disc.cyOffset; 3750 disc.rings.forEach(function(r) { 3751 drawDeformedRing(r.rx, r.ry, discCy, disc.tilt, r.alpha, 0.9, 215); 3752 }); 3753 ctx.globalCompositeOperation = 'source-over'; 3754 } 3755 3756 function drawDeformedRing(rx, ry, centerY, tilt, alpha, lineWidth, hue) { 3757 ctx.save(); 3758 ctx.translate(cx, centerY); 3759 ctx.rotate(tilt); 3760 ctx.beginPath(); 3761 ctx.ellipse(0, 0, rx * W, ry * H, 0, 0, Math.PI * 2); 3762 ctx.lineWidth = lineWidth; 3763 ctx.strokeStyle = 'hsla(' + (hue || 215) + ',80%,75%,' + alpha + ')'; 3764 ctx.shadowBlur = 4; 3765 ctx.shadowColor = 'hsla(' + (hue || 215) + ',80%,70%,' + (alpha * 0.6) + ')'; 3766 ctx.stroke(); 3767 ctx.shadowBlur = 0; 3768 ctx.restore(); 3769 } 3770 3771 function project(orbit, angle, centerY) { 3772 var mod = 1; 3773 if (orbit.swirl) mod = 1 + Math.sin(angle * (orbit.swirlFreq || 2)) * (orbit.swirlAmp || 0.15); 3774 var rx = orbit.rx * W * mod; 3775 var ry = orbit.ry * H * mod; 3776 var x = Math.cos(angle) * rx; 3777 var y = Math.sin(angle) * ry; 3778 var sin = Math.sin(orbit.tilt), cos = Math.cos(orbit.tilt); 3779 var raw = { 3780 x: cx + (x * cos - y * sin), 3781 y: (centerY != null ? centerY : cy) + (x * sin + y * cos) 3782 }; 3783 3784 if (orbit.magnet) return applyMagnet(raw.x, raw.y); 3785 return raw; 3786 } 3787 3788 function tick() { 3789 if (!running) return; 3790 t += 1; 3791 updateSoftMouse(); 3792 ctx.clearRect(0, 0, W, H); 3793 3794 if (transT < transDur) { 3795 transT++; 3796 var k = transT / transDur; 3797 k = k * k * (3 - 2 * k); 3798 disc.tilt = discFrom.tilt + (discTo.tilt - discFrom.tilt) * k; 3799 for (var r = 0; r < disc.rings.length && r < discTo.rings.length; r++) { 3800 disc.rings[r].rx = discFrom.rings[r].rx + (discTo.rings[r].rx - discFrom.rings[r].rx) * k; 3801 disc.rings[r].ry = discFrom.rings[r].ry + (discTo.rings[r].ry - discFrom.rings[r].ry) * k; 3802 disc.rings[r].alpha = discFrom.rings[r].alpha + (discTo.rings[r].alpha - discFrom.rings[r].alpha) * k; 3803 } 3804 } 3805 3806 renderRings(); 3807 3808 ctx.globalCompositeOperation = 'lighter'; 3809 for (var i = 0; i < particles.length; i++) { 3810 var p = particles[i]; 3811 var o = orbits[p.orbit]; 3812 p.angle += o.speed; 3813 var pos = project(o, p.angle); 3814 var arcPos = ((p.angle % (Math.PI * 2)) + Math.PI * 2) % (Math.PI * 2); 3815 var inHotspot = arcPos > 5.2 || arcPos < 0.8; 3816 var hue = inHotspot ? o.accent : o.hue; 3817 var sat = inHotspot ? 95 : 80; 3818 var twk = (Math.sin(t * 0.06 + p.twinkle) + 1) * 0.5; 3819 var alpha = p.brightness * (0.6 + 0.4 * twk) * (inHotspot ? 1.3 : 1); 3820 var sizeMul = p.size * (inHotspot ? 1.6 : 1); 3821 var sprite = getSprite(hue, sat, inHotspot); 3822 var drawSize = sprite.width * (0.5 + sizeMul * 0.4); 3823 ctx.globalAlpha = Math.min(1, alpha); 3824 ctx.drawImage(sprite, pos.x - drawSize/2, pos.y - drawSize/2, drawSize, drawSize); 3825 } 3826 3827 for (var nb = 0; nb < nebulaParticles.length; nb++) { 3828 var np = nebulaParticles[nb]; 3829 np.currentDrift += np.drift; 3830 var ang = np.baseAngle + np.currentDrift;
3831 var cosT = Math.cos(-0.22), sinT = Math.sin(-0.22); 3832 var rxn = np.rNorm * W * Math.cos(ang); 3833 var ryn = np.rNormY * H * Math.sin(ang); 3834 var nx = cx + (rxn * cosT - ryn * sinT); 3835 var ny = cy + (rxn * sinT + ryn * cosT); 3836 var nTwk = (Math.sin(t * 0.04 + np.twinkle) + 1) * 0.5; 3837 var nAlpha = np.brightness * (0.4 + 0.6 * nTwk); 3838 var nHue = np.isAccent ? 32 : 215; 3839 var nSat = np.isAccent ? 95 : 80; 3840 var nSprite = getSprite(nHue, nSat, np.isAccent); 3841 var nDraw = nSprite.width * (0.5 + np.size * 0.5); 3842 ctx.globalAlpha = Math.min(1, nAlpha); 3843 ctx.drawImage(nSprite, nx - nDraw/2, ny - nDraw/2, nDraw, nDraw); 3844 } 3845 3846 var discCy = cy + H * disc.cyOffset; 3847 for (var d = 0; d < discParticles.length; d++) { 3848 var dp = discParticles[d]; 3849 dp.angle += disc.speed; 3850 var dRing = disc.rings[dp.ringIdx]; 3851 var dpos = project({ rx: dRing.rx, ry: dRing.ry, tilt: disc.tilt }, dp.angle, discCy); 3852 var dtwk = (Math.sin(t * 0.05 + dp.twinkle) + 1) * 0.5; 3853 var dAlpha = dp.brightness * (0.5 + 0.5 * dtwk); 3854 var dArc = ((dp.angle % (Math.PI * 2)) + Math.PI * 2) % (Math.PI * 2); 3855 var dHot = dArc > 4.7 && dArc < 5.7; 3856 var dSprite = getSprite(dHot ? 35 : 215, 90, dHot); 3857 var dDrawSize = dSprite.width * (0.4 + dp.size * 0.3); 3858 ctx.globalAlpha = dAlpha; 3859 ctx.drawImage(dSprite, dpos.x - dDrawSize/2, dpos.y - dDrawSize/2, dDrawSize, dDrawSize); 3860 } 3861 3862 ctx.globalAlpha = 1; 3863 ctx.globalCompositeOperation = 'source-over'; 3864 3865 for (var n = 0; n < icons.length; n++) { 3866 var ic = icons[n]; 3867 var oIdx = parseInt(ic.getAttribute('data-orbit'), 10) || 0; 3868 var ph = parseFloat(ic.getAttribute('data-phase')) || 0; 3869 var ob = orbits[Math.min(oIdx, orbits.length - 1)]; 3870 var icAngle = ph * Math.PI * 2 + t * ob.speed; 3871 var ipos = project(ob, icAngle); 3872 3873 ic.style.transform = 'translate3d(' + (ipos.x - W * 0.5) + 'px,' + (ipos.y - H * 0.5) + 'px,0)'; 3874 } 3875 3876 raf = requestAnimationFrame(tick); 3877 } 3878 3879 function start() { 3880 if (running || !inView || document.hidden) return; 3881 running = true; 3882 raf = requestAnimationFrame(tick); 3883 } 3884 function stop() { 3885 running = false; 3886 if (raf) { cancelAnimationFrame(raf); raf = 0; } 3887 } 3888 3889 resize(); 3890 rebuild(); 3891 3892 visual.addEventListener('pointermove', function(e) { 3893 var r = visual.getBoundingClientRect(); 3894 mouse.x = e.clientX - r.left; 3895 mouse.y = e.clientY - r.top; 3896 mouse.active = true; 3897 }); 3898 visual.addEventListener('pointerleave', function() { 3899 mouse.active = false; 3900 }); 3901 3902 var io = new IntersectionObserver(function(entries) { 3903 inView = entries[0].isIntersecting; 3904 inView ? start() : stop(); 3905 }, { threshold: 0.15 }); 3906 io.observe(section); 3907 3908 section.addEventListener('gm-s8b:tab', function(e) { 3909 var idx = e.detail && typeof e.detail.index === 'number' ? e.detail.index : 0; 3910 var preset = discPresets[idx] || discPresets[0]; 3911 discFrom = cloneDisc(disc); 3912 discTo = cloneDisc(preset); 3913 transT = 0; 3914 }); 3915 3916 document.addEventListener('visibilitychange', function() { 3917 document.hidden ? stop() : (inView && start()); 3918 }); 3919 3920 var resizeT; 3921 window.addEventListener('resize', function() { 3922 clearTimeout(resizeT); 3923 resizeT = setTimeout(function() { 3924 if (window.innerWidth <= 900) { stop(); return; } 3925 resize(); 3926 }, 150); 3927 }); 3928})(); 3929</script>
3929 3930 3931 3932 <footer class="main-footer "> 3933 <div class="container-h"> 3934 <div class="footer-col slide"> 3935 <h6 class="title">Gomag <span></span></h6> 3936 <ul class="footer-link"> 3937 <li><a href="https://www.gomag.ro/functionalitati" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Features', 'gaEventLabel': 'Platforma Ecommerce'});">Platforma Ecommerce</a></li> 3938 <li><a href="https://www.gomag.ro/preturi" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Pricing', 'gaEventLabel': 'Preturi'});">Preturi</a></li> 3939 <li><a href="https://www.gomag.ro/portofoliu" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Examples', 'gaEventLabel': 'Exemple'});">Exemple</a></li> 3940 <li><a href="https://www.gomag.ro/portofoliu" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Examples', 'gaEventLabel': 'Magazine Online'});">Magazine Online</a></li> 3941 <li><a href="/migreaza-la-gomag" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Blog', 'gaEventLabel': 'Trecerea la Gomag'});">Trecerea la Gomag</a></li> 3942 <li><a href="/blog/cum-imi-fac-un-magazin-online/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'GhidEcommerce', 'gaEventLabel': 'Ghid Ecommerce'});">Ghid Ecommerce</a></li> 3943 3944 </ul> 3945 </div> 3946 3947 <div class="footer-col slide"> 3948 <h6 class="title">Resurse <span></span></h6> 3949 <ul class="footer-link"> 3950 <li><a href="https://www.gomag.ro/termeni-si-conditii" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'TermsAndConditions', 'gaEventLabel': 'Termeni si Conditii'});">Termeni si Conditii</a></li> 3951 <li><a href="https://www.gomag.ro/politica-de-confidentialitate" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'PrivacyPolicy', 'gaEventLabel': 'Politica de confidentialitate'});">Politica de Confidentialitate</a></li> 3952 <li><a href="https://www.gomag.ro/politica-de-cookies" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'CookiePolicy', 'gaEventLabel': 'Politica de cookies'});">Politica de Cookies</a></li> 3953 <li><a href="https://help.gomag.ro" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Blog', 'gaEventLabel': 'Suport'});">Suport</a></li> 3954 <li><a href="https://www.gomag.ro/blog" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'Blog', 'gaEventLabel': 'Blog'});">Blog</a></li> 3955 3956 </ul> 3957 </div> 3958 3959 <div class="footer-col slide"> 3960 <h6 class="title">Magazine Online <span></span></h6> 3961 <ul class="footer-link"> 3962 3963 <li><a href="/magazin-online-casa-si-gradina" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'LPHomeDeco', 'gaEventLabel': 'Magazin Casa si Gradina'});">Magazin Online Casa si Gradina</a></li> 3964 <li><a href="/magazin-online-fashion" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'LPFashion', 'gaEventLabel': 'Magazin Fahion'});">Magazin Online Fashion</a></li> 3965 <li><a href="/magazin-online-beauty" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'LPBeauty', 'gaEventLabel': 'Magazin Health & Beauty'});">Magazin Online Health & Beauty</a></li> 3966 <li><a href="/magazin-online-baby-kids" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterLinks', 'gaEventAction': 'LPBeauty', 'gaEventLabel': 'Magazin Bebelusi, Jucarii & Copii'});">Magazin Online Bebelusi, Jucarii & Copii</a></li> 3967 3968 </ul> 3969 </div> 3970 3971 <div class="footer-col slide contact-col"> 3972 <h6 class="title">Contact <span></span></h6> 3973 <ul class="footer-link"> 3974 <li><a href="tel:0372-570.824"><i class="fa fa-phone" aria-hidden="true"></i> 0372-570.824</a></li> 3975 <!--<li><a href="tel:"><i class="fa fa-phone" aria-hidden="true"></i> </a></li> 3976 <li><a href="tel:"><i class="fa fa-phone" aria-hidden="true"></i> </a></li>--> 3977 <li><a href="/cdn-cgi/l/email-protection#70131f1e0411130430171f1d11175e021f"><i class="fa fa-envelope" aria-hidden="true"></i> <span class="__cf_email__" data-cfemail="4a2925243e2b293e0a2d25272b2d643825">[email protected]</span></a></li> 3978 </ul> 3979 <div class="footer-col nl-col"> 3980 <h6 class="title">Newsletter Ecommerce</h6> 3981 <form class="clearfix"> 3982 <p id="_newsletterSucces" style="padding-bottom:3px; color:#339966;">Ati fost abonat cu succes.</p> 3983 <p id="_newsletterError1" style="padding-bottom:3px; color:#e51e1e;">Introduceti o adresa de email valida.</p> 3984 <p id="_newsletterError2" style="padding-bottom:3px; color:#e51e1e;">Adresa de email exista in baza de date.</p> 3985 <input type="email" class="input-placeholder" placeholder="Adresa de e-mail" id="_newsletterMail"> 3986 <input type="submit" value="aboneaza-te" id="_newsletterSubmit" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterForm', 'gaEventAction': 'Newsletter', 'gaEventLabel': 'Aboneaza-te'});"> 3987 </form>
3988 </div> 3989 </div> 3990 3991 3992 </div> 3993 3994 <hr> 3995 3996 <div class="container-h clearfix"> 3997 3998 <div class="footer-col footer-social"> 3999 <a target="_blank" href="https://www.facebook.com/groups/gomagro/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Facebook'});" aria-label="Facebook Gomag"><i class="fa fa-facebook" aria-hidden="true"></i></a> 4000 4001 <a target="_blank" href="https://www.instagram.com/gomag.ro/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Instagram'});" aria-label="Instagram Gomag"><i class="fa fa-instagram" aria-hidden="true"></i></a> 4002 4003 <a target="_blank" href="https://www.youtube.com/c/Gomagro" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Youtube'});" aria-label="Youtube Gomag"><i class="fa fa-youtube" aria-hidden="true"></i></a> 4004 4005 <a target="_blank" href="https://www.gomag.ro/blog/doza-ecommerce/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Podcast'});" aria-label="Podcast Doza de ECommerce"><i class="fa fa-circle-play" aria-hidden="true"></i></a> 4006 4007 <a target="_blank" href="https://www.gomag.ro/blog/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Blog'});" aria-label="Blog Ecommerce Gomag"><i class="fa fa-bell" aria-hidden="true"></i></a> 4008 4009 <a target="_blank" href="https://academia.gomag.ro/" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Academia'});" aria-label="Academia de ECommerce Gomag"><i class="fa fa-rectangle-list" aria-hidden="true"></i></a> 4010 4011 <a target="_blank" href="https://www.linkedin.com/company/gomag" onclick="dataLayer.push({'event': 'gaTriggerEvent', 'gaEventCategory': 'FooterIcons', 'gaEventAction': 'Social', 'gaEventLabel': 'Linked In'});" aria-label="LinkedIn Gomag"><i class="fa fa-linkedin" aria-hidden="true"></i></a> 4012 </div> 4013 4014 </div> 4015 4016 <p class="copyright "> 4017 ©2026 Gomag. Toate drepturile rezervate. 4018 </p> 4019 </footer> <!-- end main-footer --> 4020 4021 4022 4023 </div> <!-- end wrapper -->
vendor: 110 bytes, lines 4023-4025
4023 4024 4025<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4025<script src="/site/plugins/app/ui/frontend/js/easyResponsiveTabs.js"></script>
vendor: 1 bytes, line 4025
4025
4026<script src="/site/plugins/app/ui/frontend/js/owl.carousel.js"></script>
vendor: 1 bytes, line 4026
4026
4027<script src="/site/plugins/app/ui/frontend/js/jquery.fancybox.js"></script>
vendor: 1 bytes, line 4027
4027
4028<script src="/site/plugins/app/ui/frontend/js/script.js?v=51"></script>
vendor: 1 bytes, line 4028
4028
4029<script src="/site/plugins/app/ui/frontend/js/jquery.poshytip.min.js"></script>
4029 4030
4031<script> 4032 $(document).ready(function(){ 4033 4034 $('.pack-tip').poshytip({ 4035 className: 'tip-twitter', 4036 showTimeout: 1, 4037 hideTimeout: 0, 4038 alignTo: 'target', 4039 alignX: 'right', 4040 alignY: 'center', 4041 offsetX: 10, 4042 fade: 0, 4043 hideAniDuration: 0 4044 }); 4045 4046 $('.pack-tip2').poshytip({ 4047 className: 'tip-twitter', 4048 showTimeout: 1, 4049 hideTimeout: 0, 4050 alignTo: 'target', 4051 alignX: 'right', 4052 alignY: 'center', 4053 offsetX: 10, 4054 fade: 0, 4055 hideAniDuration: 0 4056 }); 4057 4058 $('#_newsletterSucces').hide(); 4059 $('#_newsletterError1').hide(); 4060 $('#_newsletterError2').hide(); 4061 $('#_newsletterSubmit').click(function(e){ 4062 4063 var email = $('#_newsletterMail').val(); 4064 4065 e.preventDefault(); 4066 4067 $.post( "https://www.gomag.ro/ajax-newsletter", { email: email }, 4068 4069 function(data){ 4070 4071 if(data.succes == 1){ 4072 $('#_newsletterSucces').show(); 4073 document.location.hash = "thank-you-newsletter"; 4074 } else { 4075 $('#_newsletterSucces').hide(); 4076 } 4077 4078 if(data.error == 1){ 4079 $('#_newsletterError1').show(); 4080 } else { 4081 $('#_newsletterError1').hide(); 4082 } 4083 4084 if(data.error == 2){ 4085 $('#_newsletterError2').show(); 4086 } else { 4087 $('#_newsletterError2').hide(); 4088 } 4089 4090 }, 'json'); 4091 4092 }); 4093 4094 $('.reqOffer2').fancybox({ 4095 margin: 0, 4096 padding: 0, 4097 width: 465, 4098 showCloseButton: false, 4099 autoSize: true, 4100 closeBtn : false, 4101 type: 'iframe', 4102 autoResize: true, 4103 helpers : { 4104 overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 4105 } 4106 }); 4107 $('.-g-marketing-popup').fancybox({ 4108 margin: 0, 4109 padding: 0, 4110 width: 465, 4111 showCloseButton: false, 4112 autoSize: true, 4113 closeBtn : false, 4114 type: 'iframe', 4115 autoResize: true, 4116 helpers : { 4117 overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 4118 } 4119 }); 4120 4121 $('.reqOffer').fancybox({ 4122 margin: 0, 4123 padding: 0, 4124 width: 1000, 4125 minHeight: 485, 4126 showCloseButton: false, 4127 autoSize: true, 4128 closeBtn : false, 4129 type: 'iframe', 4130 autoResize: true, 4131 helpers : { 4132 overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 4133 } 4134 }); 4135 4136 /*$('.demoPP').fancybox({ 4137 margin: 0, 4138 padding: 0, 4139 showCloseButton: false, 4140 4141 width: 1100, 4142 autoSize: true, 4143 type: 'iframe', 4144 closeBtn : false, 4145 autoResize: true, 4146 helpers : { 4147 overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 4148 } 4149 });*/ 4150 4151 var fancyboxOptions = { 4152 margin: 0, 4153 padding: 0, 4154 showCloseButton: false, 4155 width: 1100, 4156 autoSize: true, 4157 type: 'iframe', 4158 closeBtn: false, 4159 autoResize: true, 4160 helpers: { 4161 overlay: { closeClick: false } // prevents closing when clicking OUTSIDE fancybox 4162 } 4163 }; 4164 4165 if ($(window).width() > 760) { 4166 fancyboxOptions.minHeight = 375; 4167 } else { 4168 fancyboxOptions.minHeight = 450; 4169 } 4170 4171 $('.demoPP').fancybox(fancyboxOptions); 4172 4173 function demoLoginOpen() 4174 { 4175 $.fancybox({ 4176 href: '#demoLogin', 4177 margin: 0, 4178 padding: 0, 4179 showCloseButton: false, 4180 width: '100%', 4181 height: '100%', 4182 autoSize: true, 4183 type: 'inline', 4184 closeBtn : false, 4185 autoResize: true, 4186 helpers : { 4187 //overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 4188 }, 4189 }); 4190 } 4191 4192 $('#demoLoginButton').on('click', function(){ 4193 $('#_appId').val(''); 4194 4195 demoLoginOpen(); 4196 }); 4197 4198 $('.activateAppButton').on('click', function(){ 4199 $('#_appId').val($(this).data('app')); 4200 4201 demoLoginOpen(); 4202 }); 4203 4204 $('.activateBotButton').on('click', function(){ 4205 $('#_appId').val($(this).data('app')); 4206 4207 demoLoginOpen(); 4208 }); 4209 $(document).on('click', '#createDemoBotPopup', function(){ 4210 $.fancybox.close(); 4211 $('.triggerCreateDemo').click(); 4212 }); 4213 4214 $('.close-trg').on('click',function() { 4215 $.fancybox.close(); 4216 }); 4217 4218 $('#_sendDemo').on('click', function(){ 4219 4220 $.post( "https://www.gomag.ro/ajax-login", {website: $('#_websitename').val(), app: $('#_appId').val(), 'k': '6f98228da15e67051726d128e784dcd9'}, function(data){ 4221 if(data.redirectTo != '') 4222 { 4223 window.location = data.redirectTo; 4224 } 4225 else 4226 { 4227 $('._websiteError').html('<span style="color:#ff0000;">Adresa introdusa nu este un magazin Gomag valid*</span>'); 4228 } 4229 }, 'json'); 4230 }); 4231 4232 }); 4233 4234</script>
4234 4235 4236<div style="display:none"> 4237 <div id="demoLogin" style="min-width: 550px; "> 4238 4239 <div class="pop-body clearfix" style="padding: 70px;"> 4240 <a class="close-trg" href="javascript:void(0)" style="top: -55px; right: -55px;opacity: .4;"><img src="/site/plugins/app/ui/frontend/gfx/close.png" alt="close"></a> 4241 <div class="left clearfix" style="padding:0px;"> 4242 <p class="pop-main-t" style=" text-align: left; font-size: 2.2em;">Acceseaza Magazin</p> 4243 <input type="hidden" id="_appId"> 4244 <label for=""class="input-h"> 4245 <span class="label-txt label-txt-full _websiteError" style="margin-bottom: 30px; margin-top: 10px">Introdu adresa magazinului tau Gomag</span> 4246 <!--<span class="label-txt label-txt-m">Adresa website</span>--> 4247 <input id="_websitename" type="text" class="input-s input-placeholder" placeholder="http://www.domeniu.ro"> 4248 </label> 4249 4250 <a href="javascript:;" id="_sendDemo" class="demo-btn main-btn btn-roll" style="margin-top: 20px; margin-left: auto; text-transform: none; font-size: 1.14em;font-weight: 600;margin-right: auto;display: block; width:auto;">Acceseaza Magazin</a> 4251 4252 4253 </div> 4254 </div> 4255 </div> 4256</div> 4257 4258
4258<script type="text/javascript"> 4259 (function(w,o,d,s) { 4260 w['_itlk']='cd25f2a6e2f50f464f40018-2'; 4261 w['_itlt']=[]; w['_itlq']=[];w['_itld']=s;w[o]=w[o]||{log:function(t,v,p){w['_itlt'].push([t,v,p])},stream:function(q){w['_itlq'].push([q])}}; 4262 var pa = d.createElement('script'), ae = d.getElementsByTagName('script')[0], protocol = (('https:' == d.location.protocol) ? 'https://' : 'http://');pa.async = 1; pa.src = protocol + 'io.innertrends.com/itl.js'; pa.type = 'text/javascript'; ae.parentNode.insertBefore(pa, ae); 4263 })(window,'_itl',document,""); 4264 </script>
4264 4265 4266 4267</body> 4268</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.