PageSourceSearch

https://www.gomag.ro/

html gomag.ro collected 2026-10-02 06:18:37 UTC 236,298 bytes, 4,268 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &euro; / 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 &euro;/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&#160;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				&copy;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.