1<!DOCTYPE html><!--Ga61PdIYPProkGofZ_PNK--><html lang="ro"><head><link rel="preload" as="font" type="font/woff2" href="/_next/static/media/oxanium-latin-ext-700-normal.c74b860a.woff2" crossorigin/><link rel="preload" as="font" type="font/woff2" href="/_next/static/media/oxanium-latin-ext-400-normal.6366756b.woff2" crossorigin/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><style>:root{--font-oxanium:"Oxanium",ui-sans-serif,system-ui,sans-serif}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/oxanium-latin-ext-700-normal.c74b860a.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/oxanium-latin-ext-400-normal.6366756b.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}</style><link rel="preload" as="style" href="/_next/static/css/e07ff2da0052f207.css" onload="this.onload=null;this.rel='stylesheet'"/><noscript><link rel="stylesheet" href="/_next/static/css/e07ff2da0052f207.css"/></noscript><link rel="stylesheet" href="/_next/static/css/e87b4452c5fab3c6.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-42a0fcb353343f63.js"/>
1<script src="/_next/static/chunks/4bd1b696-182b6b13bdad92e3.js" async=""></script>
1<script src="/_next/static/chunks/1255-a0bfd7a1b231ba00.js" async=""></script>
1<script src="/_next/static/chunks/main-app-d7eae83a0210708c.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-90233f0ed218ccc8.js" async=""></script>
1<script src="/_next/static/chunks/2619-04bc32f026a0d946.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-4d64b377cc669037.js" async=""></script>
1<script src="/_next/static/chunks/9285-e8a7f7e3cbf001be.js" async=""></script>
1<script src="/_next/static/chunks/2097-92092181f4d7d435.js" async=""></script>
1<script src="/_next/static/chunks/5239-efd59dfd70326a2b.js" async=""></script>
1<script src="/_next/static/chunks/5549-68ee6ad805ce5ed9.js" async=""></script>
1<script src="/_next/static/chunks/1725-3a98c33ce2936ccc.js" async=""></script>
1<script src="/_next/static/chunks/app/page-60df95651a12938b.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=AW-16921563979" as="script"/><title>ALLMEDIA Creation | Software la ComandÄ & Web Design Premium</title><meta name="description" content="Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ."/><meta property="og:title" content="ALLMEDIA Creation | Software la ComandÄ & Web Design Premium"/><meta property="og:description" content="Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ."/><meta property="og:url" content="https://allmediacreation.ro/"/><meta property="og:site_name" content="ALLMEDIA Creation"/><meta property="og:locale" content="ro_RO"/><meta property="og:image" content="https://allmediacreation.ro/images/hero-banner-1.webp"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="675"/><meta property="og:image:alt" content="ALLMEDIA Creation"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="ALLMEDIA Creation | Software la ComandÄ & Web Design Premium"/><meta name="twitter:description" content="Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ."/><meta name="twitter:image" content="https://allmediacreation.ro/images/hero-banner-1.webp"/><link rel="icon" href="/images/icon-48.png" sizes="48x48" type="image/png"/><link rel="icon" href="/images/icon-192.png" sizes="192x192" type="image/png"/><link rel="icon" href="/images/icon.svg" type="image/svg+xml"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="apple-touch-icon" href="/images/apple-touch-icon.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="antialiased font-sans bg-[#050515] text-white"><div hidden=""><!--$--><!--/$--></div><div class="flex flex-col min-h-screen"><div aria-hidden="true" class="pointer-events-none fixed inset-0 z-[55] mix-blend-screen transition-opacity duration-300" style="opacity:0;background:radial-gradient(90px circle at var(--spot-x, -1000px) var(--spot-y, -1000px), rgba(0, 240, 255, 0.38) 0%, rgba(255, 0, 212, 0.2) 35%, transparent 72%)"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="flex-grow"><div class="w-full min-h-screen bg-[#070617] text-white font-sans flex flex-col relative overflow-hidden selection:bg-[#ff00d4] selection:text-white"><canvas class="absolute inset-0 pointer-events-none z-10 transition-opacity duration-1000 opacity-0" aria-hidden="true"></canvas><div class="absolute top-[-20%] left-[-10%] w-[600px] h-[600px] bg-[#00f0ff] rounded-full pointer-events-none transition-[filter,opacity] duration-1000 opacity-[0.07] blur-[48px]"></div><div class="absolute top-[30%] right-[-10%] w-[600px] h-[600px] bg-[#ff00d4] rounded-full pointer-events-none transition-[filter,opacity] duration-1000 opacity-[0.07] blur-[48px]"></div><div class="absolute bottom-[-10%] left-[20%] w-[700px] h-[700px] bg-[#2563eb] rounded-full pointer-events-none transition-[filter,opacity] duration-1000 opacity-[0.05] blur-[56px]"></div><header class="fixed top-0 left-0 right-0 flex items-center justify-between transition-all duration-500 z-50 border-b select-none 2 h-24 bg-[#070617]/60 backdrop-blur-xl border-white/[0.04] 3 px-6 md:px-16 overflow-visible" id="app-sticky-header"><div class="absolute inset-x-0 bottom-0 h-[1px] bg-gradient-to-r from-transparent via-white/[0.06] to-transparent pointer-events-none"></div><div class="flex items-center gap-14 relative z-20"><a class="group flex items-center" href="/"><div class="flex items-center gap-3 select-none "><div class="relative flex items-center justify-center transition-all duration-500 transform hover:rotate-6 hover:scale-105" style="width:44px;height:44px"><svg viewBox="0 0 100 100" class="w-full h-full drop-shadow-[0_0_8px_rgba(0,240,255,0.25)]" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M 52,15 C 72,15 85,32 85,50 C 85,62 77,73 70,78 C 76,68 78,58 77,50 C 75,37 66,24 52,21 C 49,20 44,20 40,21 C 45,18 48,15 52,15 Z" fill="#e31e24" class="animate-pulse"></path><path d="M 22,65 C 38,72 54,67 68,30 C 69,27 68,25 66,27 C 52,53 38,60 22,65 Z" fill="#1b75bc"></path><rect x="30" y="28" width="3.2" height="3.2" fill="#1b75bc" opacity="0.8"></rect><rect x="35" y="26" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="27" y="34" width="3.2" height="3.2" fill="#1b75bc" opacity="0.7"></rect><rect x="32" y="33" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="37" y="31" width="3.2" height="3.2" fill="#1b75bc" opacity="0.9"></rect><rect x="25" y="42" width="3.2" height="3.2" fill="#1b75bc" opacity="0.6"></rect><rect x="30" y="40" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="35" y="38" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="29" y="48" width="3.2" height="3.2" fill="#1b75bc" opacity="0.9"></rect><rect x="34" y="46" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="32" y="54" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="38" y="52" width="3.2" height="3.2" fill="#1b75bc" opacity="0.8"></rect><rect x="43" y="50" width="3.2" height="3.2" fill="#1b75bc" opacity="0.7"></rect><rect x="51" y="59" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="56" y="56" width="3.2" height="3.2" fill="#1b75bc" opacity="0.9"></rect><rect x="61" y="53" width="3.2" height="3.2" fill="#1b75bc" opacity="0.8"></rect><rect x="57" y="64" width="3.2" height="3.2" fill="#1b75bc"></rect><rect x="62" y="61" width="3.2" height="3.2" fill="#1b75bc" opacity="0.7"></rect><rect x="65" y="68" width="3.2" height="3.2" fill="#1b75bc" opacity="0.9"></rect></svg></div><div class="flex flex-col justify-center"><div class="text-lg md:text-xl font-black tracking-tighter uppercase text-[#00f0ff] leading-none">ALLMEDIA</div><div class="flex justify-between w-full text-[#e31e24] font-black uppercase leading-none mt-1 text-[8px]"><span>C</span><span>R</span><span>E</span><span>A</span><span>T</span><span>I</span><span>O</span><span>N</span></div></div></div></a><nav class="hidden lg:flex items-center gap-6"><div class="relative"><a class="group/nav relative flex items-center gap-1.5 px-2.5 py-2 rounded-xl text-xs font-bold uppercase tracking-widest transition-all duration-150 cursor-pointer 4 text-[#00f0ff]" href="/"><span class="absolute inset-0 rounded-xl border transition-all duration-150 pointer-events-none 5 bg-[#00f0ff]/[0.08] border-[#00f0ff]/25 shadow-[0_0_18px_rgba(0,240,255,0.15)]"></span><span class="relative flex items-center justify-center w-6 h-6 rounded-lg transition-all duration-150 6 bg-[#00f0ff]/15 text-[#00f0ff] shadow-[0_0_12px_rgba(0,240,255,0.35)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-3.5 h-3.5 shrink-0 transition-transform duration-150 group-hover/nav:scale-110" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></span><span class="relative transition-transform duration-150 group-hover/nav:translate-x-0.5">AcasÄ</span><span class="absolute left-2.5 right-2.5 bottom-0.5 h-[2px] rounded-full origin-left transition-transform duration-150 ease-out 7 bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff00d4] 8 scale-x-100"></span></a></div><div class="relative"><a class="group/nav relative flex items-center gap-1.5 px-2.5 py-2 rounded-xl text-xs font-bold uppercase tracking-widest transition-all duration-150 cursor-pointer 9 text-gray-300 hover:text-white" href="/despre-allmedia-creation/"><span class="absolute inset-0 rounded-xl border transition-all duration-150 pointer-events-none 10 bg-transparent border-transparent group-hover/nav:bg-white/[0.04] group-hover/nav:border-white/[0.08] group-hover/nav:sh
10adow-[0_0_20px_rgba(0,240,255,0.12)]"></span><span class="relative flex items-center justify-center w-6 h-6 rounded-lg transition-all duration-150 11 bg-white/[0.03] text-gray-500 group-hover/nav:bg-[#00f0ff]/15 group-hover/nav:text-[#00f0ff] group-hover/nav:shadow-[0_0_12px_rgba(0,240,255,0.3)] group-hover/nav:scale-110 group-hover/nav:-rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 shrink-0 transition-transform duration-150 group-hover/nav:scale-110" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></span><span class="relative transition-transform duration-150 group-hover/nav:translate-x-0.5">Despre Noi</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative w-3.5 h-3.5 transition-all duration-150 text-gray-500 group-hover/nav:text-[#00f0ff]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="absolute left-2.5 right-2.5 bottom-0.5 h-[2px] rounded-full origin-left transition-transform duration-150 ease-out 12 bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff00d4] 13 scale-x-0 group-hover/nav:scale-x-100"></span></a></div><div class="relative"><a class="group/nav relative flex items-center gap-1.5 px-2.5 py-2 rounded-xl text-xs font-bold uppercase tracking-widest transition-all duration-150 cursor-pointer 14 text-gray-300 hover:text-white" href="/servicii/"><span class="absolute inset-0 rounded-xl border transition-all duration-150 pointer-events-none 15 bg-transparent border-transparent group-hover/nav:bg-white/[0.04] group-hover/nav:border-white/[0.08] group-hover/nav:shadow-[0_0_20px_rgba(0,240,255,0.12)]"></span><span class="relative flex items-center justify-center w-6 h-6 rounded-lg transition-all duration-150 16 bg-white/[0.03] text-gray-500 group-hover/nav:bg-[#00f0ff]/15 group-hover/nav:text-[#00f0ff] group-hover/nav:shadow-[0_0_12px_rgba(0,240,255,0.3)] group-hover/nav:scale-110 group-hover/nav:-rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-3.5 h-3.5 shrink-0 transition-transform duration-150 group-hover/nav:scale-110" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></span><span class="relative transition-transform duration-150 group-hover/nav:translate-x-0.5">Servicii</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative w-3.5 h-3.5 transition-all duration-150 text-gray-500 group-hover/nav:text-[#00f0ff]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="absolute left-2.5 right-2.5 bottom-0.5 h-[2px] rounded-full origin-left transition-transform duration-150 ease-out 17 bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff00d4] 18 scale-x-0 group-hover/nav:scale-x-100"></span></a></div><div class="relative"><a class="group/nav relative flex items-center gap-1.5 px-2.5 py-2 rounded-xl text-xs font-bold uppercase tracking-widest transition-all duration-150 cursor-pointer 19 text-gray-300 hover:text-white" href="/blog/"><span class="absolute inset-0 rounded-xl border transition-all duration-150 pointer-events-none 20 bg-transparent border-transparent group-hover/nav:bg-white/[0.04] group-hover/nav:border-white/[0.08] group-hover/nav:sh
20adow-[0_0_20px_rgba(0,240,255,0.12)]"></span><span class="relative flex items-center justify-center w-6 h-6 rounded-lg transition-all duration-150 21 bg-white/[0.03] text-gray-500 group-hover/nav:bg-[#00f0ff]/15 group-hover/nav:text-[#00f0ff] group-hover/nav:shadow-[0_0_12px_rgba(0,240,255,0.3)] group-hover/nav:scale-110 group-hover/nav:-rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper w-3.5 h-3.5 shrink-0 transition-transform duration-150 group-hover/nav:scale-110" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg></span><span class="relative transition-transform duration-150 group-hover/nav:translate-x-0.5">Blog</span><span class="absolute left-2.5 right-2.5 bottom-0.5 h-[2px] rounded-full origin-left transition-transform duration-150 ease-out 22 bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff00d4] 23 scale-x-0 group-hover/nav:scale-x-100"></span></a></div><div class="relative"><a class="group/nav relative flex items-center gap-1.5 px-2.5 py-2 rounded-xl text-xs font-bold uppercase tracking-widest transition-all duration-150 cursor-pointer 24 text-gray-300 hover:text-white" href="/contact/"><span class="absolute inset-0 rounded-xl border transition-all duration-150 pointer-events-none 25 bg-transparent border-transparent group-hover/nav:bg-white/[0.04] group-hover/nav:border-white/[0.08] group-hover/nav:shadow-[0_0_20px_rgba(0,240,255,0.12)]"></span><span class="relative flex items-center justify-center w-6 h-6 rounded-lg transition-all duration-150 26 bg-white/[0.03] text-gray-500 group-hover/nav:bg-[#00f0ff]/15 group-hover/nav:text-[#00f0ff] group-hover/nav:shadow-[0_0_12px_rgba(0,240,255,0.3)] group-hover/nav:scale-110 group-hover/nav:-rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3.5 h-3.5 shrink-0 transition-transform duration-150 group-hover/nav:scale-110" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></span><span class="relative transition-transform duration-150 group-hover/nav:translate-x-0.5">Contact</span><span class="absolute left-2.5 right-2.5 bottom-0.5 h-[2px] rounded-full origin-left transition-transform duration-150 ease-out 27 bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff00d4] 28 scale-x-0 group-hover/nav:scale-x-100"></span></a></div></nav></div><div class="hidden md:flex items-center gap-6 relative z-20"><button class="flex items-center gap-2 px-3.5 py-2 rounded-full border border-white/[0.1] bg-white/[0.03] hover:bg-[#00f0ff]/10 hover:border-[#00f0ff]/30 hover:shadow-[0_0_15px_rgba(0,240,255,0.2)] transition-all duration-300 cursor-pointer group" title="SchimbÄ limba / Change language" id="lang-toggle-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages w-3.5 h-3.5 text-[#00f0ff] group-hover:rotate-12 transition-transform duration-500" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="text-[10px] font-black uppercase tracking-wider text-gray-300 group-hover:text-white">RO</span></button><button type="button" class="relative px-7 py-3.5 rounded-full font-black text-xs uppercase tracking-widest text-white bg-gradient-to-r from-[#00f0ff] to-[#2563eb] shadow-[0_4px_25px_rgba(0,240,255,0.25)] hover:shadow-[0_4px_35px_rgba(0,240,255,0.45)] transition-all duration-500 hover:scale-105 active:scale-95 group overflow-hidden cursor-pointer z-30"><span class="relative z-10 flex items-center gap-2 pointer-events-none">LanseazÄ Proiect!<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 animate-pulse text-yellow-300 pointer-events-none" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
281.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div class="absolute inset-0 bg-gradient-to-r from-[#ff00d4] to-[#ff3366] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div></button></div><button class="lg:hidden p-2 rounded-lg bg-white/[0.03] border border-white/[0.08] hover:bg-white/[0.08] transition-colors relative z-20" aria-label="Open navigation menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6 text-white" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></header><div class="h-24 w-full block shrink-0 pointer-events-none"></div><main class="flex-1 w-full max-w-7xl mx-auto px-6 md:px-12 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-8 items-center pt-8 pb-32 lg:pt-12 relative z-20"><div class="lg:col-span-5 order-2 lg:order-1 flex justify-center relative"><div class="relative w-full max-w-[420px] aspect-[1/1.2] flex items-center justify-center" style="transform:none"><div class="absolute inset-[-10%] border border-white/[0.04] rounded-full pointer-events-none "></div><div class="absolute inset-[-4%] border border-dashed border-white/[0.08] rounded-full pointer-events-none "></div><div class="absolute top-[8%] left-[10%] w-3.5 h-3.5 bg-[#00f0ff] rounded-full shadow-[0_0_15px_#00f0ff] "></div><div class="absolute bottom-[15%] right-[5%] w-2.5 h-2.5 bg-[#ff00d4] rounded-full shadow-[0_0_12px_#ff00d4] "></div><div class="relative w-full h-full overflow-visible rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] bg-gradient-to-tr from-[#ff3366]/20 via-[#00f0ff]/10 to-[#2563eb]/20 p-[1px] shadow-[0_20px_50px_rgba(0,0,0,0.5)]"><div class="w-full h-full overflow-hidden rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] bg-[#08071e] relative"><img alt="ALLMEDIA Creation" decoding="async" data-nimg="fill" class="object-cover object-center transform hover:scale-105 transition-transform duration-700 select-none pointer-events-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/hero-banner-1.webp"/><div class="absolute inset-0 bg-gradient-to-t from-[#070617] via-transparent to-transparent opacity-60 pointer-events-none"></div></div></div><div class="absolute top-[15%] left-[-12%] md:left-[-18%] p-4 rounded-2xl bg-white/10 backdrop-blur-md border border-white/[0.12] shadow-[0_15px_35px_rgba(0,0,0,0.4)] w-48 flex items-start gap-3 hover:bg-white/15 transition-colors duration-300 group cursor-pointer" style="transform:none"><div class="p-2.5 rounded-xl bg-orange-500/20 text-orange-400 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user w-5 h-5" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div class="flex flex-col"><span class="text-[10px] uppercase font-bold tracking-widest text-[#ff9966]">Proiect Activ</span><span class="text-xs font-extrabold text-white mt-0.5 group-hover:text-[#00f0ff] transition-colors">Project Z</span><span class="text-[10px] text-gray-400 font-medium mt-0.5">Dezvoltare Web & Soft</span><span class="text-[9px] font-mono text-gray-500 mt-2">acum 5 sec</span></div></div><div class="absolute bottom-[4%] right-[-10%] md:right-[-14%] p-3.5 rounded-2xl bg-white/10 backdrop-blur-md border border-white/[0.12] shadow-[0_15px_35px_rgba(0,0,0,0.4)] w-60 flex items-center justify-between hover:bg-white/15 transition-colors duration-300 cursor-pointer" style="transform:none"><div class="flex items-center gap-3"><div class="flex h-7 items-center"></div><div class="flex flex-col"><span class="text-[9px] font-bold uppercase tracking-wider text-gray-400">ClienÈi MulÈumiÈi</span><div class="flex items-center gap-1.5 mt-0.5"><span class="text-xs font-extrabold text-white">4.8</span><div class="flex gap-0.5 text-yellow-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-2.5 h-2.5 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-2.5 h-2.5 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-2.5 h-2.5 fill-current" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><span class="text-[9px] text-gray-400 font-medium">(8.1k)</span></div></div></div><div class="w-7 h-7 rounded-full bg-gradient-to-tr from-[#ff3366] to-[#ff9966] flex items-center justify-center text-white shadow-[0_0_10px_rgba(255,51,102,0.4)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div></div></div><div class="lg:col-span-7 order-1 lg:order-2 flex flex-col items-start text-left z-20"><div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/[0.04] border border-white/[0.08] mb-6"><span class="w-2 h-2 rounded-full bg-[#ff3366] "></span><span class="text-[10px] font-black uppercase tracking-[0.25em] text-[#ff3366]">Upgrade Premium ALLMEDIA Creation</span></div><h1 class="text-4xl sm:text-6xl lg:text-[70px] font-black tracking-tight leading-[1.05] text-white uppercase italic">Dezvoltare web,<!-- --> <br/><span class="italic text-transparent bg-clip-text bg-gradient-to-r from-[#ff99
2866] via-[#ff5e62] to-[#ff00d4] tracking-normal font-light capitalize">Web Design & SEO</span></h1><p class="text-gray-400 text-lg md:text-xl max-w-xl my-8 leading-relaxed border-l-2 border-[#00f0ff] pl-6">TransformÄm viziunea ta digitalÄ Ã®n realitate prin cod robust. CreÄm CRM-uri customizate, automatizÄri cu AI, magazine online de la zero sau pe platforme consacrate, integrÄri API Èi plugin-uri WordPress dedicate.</p><div class="flex flex-wrap items-center gap-6"><button class="px-10 py-4.5 rounded-full font-black text-sm uppercase tracking-widest text-white bg-gradient-to-r from-[#ff3366] to-[#ff9966] shadow-[0_4px_30px_rgba(255,51,102,0.3)] hover:shadow-[0_4px_45px_rgba(255,51,102,0.5)] transition-all duration-500 hover:scale-105 active:scale-95 cursor-pointer">LanseazÄ Proiect!</button><button class="group flex items-center gap-4 cursor-pointer"><div class="relative w-14 h-14 rounded-full bg-white/[0.04] border border-white/[0.12] flex items-center justify-center group-hover:bg-[#00f0ff] group-hover:border-[#00f0ff] transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-5 h-5 text-white group-hover:text-black group-hover:fill-current fill-white/10 transition-colors duration-500 ml-0.5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></div><span class="text-xs uppercase font-extrabold tracking-widest text-gray-300 group-hover:text-[#00f0ff] transition-colors duration-300">UrmÄreÈte Demo</span></button></div><div class="flex flex-wrap gap-x-8 gap-y-3 mt-12 pt-8 border-t border-white/[0.06] w-full max-w-xl text-gray-400"><div class="flex items-center gap-2"><span class="p-1 rounded-full bg-[#00f0ff]/10 text-[#00f0ff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3.5 h-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><span class="text-xs font-bold uppercase tracking-wider">Impact Global</span></div><div class="flex items-center gap-2"><span class="p-1 rounded-full bg-[#ff00d4]/10 text-[#ff00d4]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-3.5 h-3.5" aria-hidden="true"><path d="M12 20v2"></path><path d="M12 2v2"></path><path d="M17 20v2"></path><path d="M17 2v2"></path><path d="M2 12h2"></path><path d="M2 17h2"></path><path d="M2 7h2"></path><path d="M20 12h2"></path><path d="M20 17h2"></path><path d="M20 7h2"></path><path d="M7 20v2"></path><path d="M7 2v2"></path><rect x="4" y="4" width="16" height="16" rx="2"></rect><rect x="8" y="8" width="8" height="8" rx="1"></rect></svg></span><span class="text-xs font-bold uppercase tracking-wider">Automatizare AI</span></div><div class="flex items-center gap-2"><span class="p-1 rounded-full bg-orange-400/10 text-orange-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-3.5 h-3.5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></span><span class="text-xs font-bold uppercase tracking-wider">CRM customizat</span></div></div></div></main><div class="relative w-full mt-auto z-20"><div class="absolute bottom-0 left-0 w-full overflow-hidden pointer-events-none h-[220px]"><svg class="absolute bottom-0 w-full h-[220px] scale-y-[1.1] scale-x-[1.02] transform origin-bottom opacity-90" viewBox="0 0 1440 220" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,90 C320,130 480,50 800,100 C1120,150 1280,70 1440,90 L1440,220 L0,220 Z" fill="#00f0ff" opacity="0.15" class="animate-[pulse_4s_ease-in-out_infinite]"></path><path d="M0,120 C240,170 480,105 720,138 C960,171 1200,155 1440,120 L1440,220 L0,220 Z" fill="#2563eb" opacity="0.2"></path><path d="M0,150 C384,195 768,135 1152,175 L1440,150 L1440,220 L0,220 Z" fill="#ff00d4" opacity="0.2"></path><path d="M0,180 C288,205 576,190 864,205 C1152,220 1344,200 1440,180 L1440,220 L0,220 Z" fill="#ff99
2866" opacity="0.25"></path><path d="M0,195 C300,215 600,195 900,215 C1200,225 1350,210 1440,195 L1440,220 L0,220 Z" fill="#ffffff"></path></svg></div><footer class="relative w-full py-8 bg-[#0b0a1f]/60 backdrop-blur-md border-t border-white/[0.06] flex items-center justify-around px-6 md:px-16 flex-wrap gap-y-6"><div class="flex flex-col min-w-[120px]"><span class="text-[10px] text-[#00f0ff] font-extrabold uppercase tracking-[0.2em]">ROI de Succes</span><span class="text-3xl font-black tracking-tight mt-0.5">340%+</span></div><div class="hidden sm:block h-10 w-px bg-white/[0.08]"></div><div class="flex flex-col min-w-[120px]"><span class="text-[10px] text-[#ff00d4] font-extrabold uppercase tracking-[0.2em]">Proiecte Livrate</span><span class="text-3xl font-black tracking-tight mt-0.5">150+</span></div><div class="hidden sm:block h-10 w-px bg-white/[0.08]"></div><div class="flex flex-col min-w-[120px]"><span class="text-[10px] text-orange-400 font-extrabold uppercase tracking-[0.2em]">Parteneri de Ãncredere</span><span class="text-3xl font-black tracking-tight mt-0.5">180+</span></div><div class="hidden sm:block h-10 w-px bg-white/[0.08]"></div><div class="flex flex-col items-start sm:items-end min-w-[160px]"><span class="text-[10px] text-gray-500 font-extrabold uppercase tracking-[0.2em]">Elite Standards</span><div class="flex gap-3 mt-1.5 opacity-60"><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-white/[0.05] border border-white/[0.08]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-3.5 h-3.5 text-yellow-500" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span class="text-[9px] uppercase font-black tracking-wider text-white">W3C</span></div><div class="flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-white/[0.05] border border-white/[0.08]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3.5 h-3.5 text-[#00f0ff]" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-[9px] uppercase font-black tracking-wider text-white">NextJS</span></div></div></div></footer></div><div class="relative w-full py-16 bg-[#070617] border-y border-white/[0.08]" aria-hidden="true"></div><section id="slider-solutions" class="relative w-full bg-[#dadada] text-gray-900 py-24 px-6 md:px-16 z-20 overflow-hidden" style="opacity:0;transform:translateY(35px)"><div class="absolute inset-0 pointer-events-none overflow-hidden z-0"><div class="absolute -top-32 -left-32 w-[600px] h-[600px] bg-white rounded-full blur-[100px] opacity-80"></div><div class="absolute top-[30%] -right-20 w-[700px] h-[700px] bg-white rounded-full blur-[120px] opacity-90"></div><div class="absolute -bottom-32 left-[15%] w-[600px] h-[600px] bg-white rounded-full blur-[100px] opacity-85"></div><svg class="absolute inset-0 w-full h-full opacity-70" preserveAspectRatio="none" viewBox="0 0 1440 900" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,160 C320,300 480,20 720,140 C960,260 1120,60 1440,180 L1440,0 L0,0 Z" fill="#ffffff" fill-opacity="0.8"></path><path d="M0,380 C240,240 480,440 760,300 C1040,160 1240,360 1440,240 L1440,900 L0,900 Z" fill="#ffffff" fill-opacity="0.5"></path><path d="M0,580 C360,440 580,680 920,520 C1260,360 1350,600 1440,500 L1440,900 L0,900 Z" fill="#ffffff" fill-opacity="0.75"></path></svg></div><div class="max-w-7xl mx-auto relative z-10"><div class="flex flex-col md:flex-row md:items-end justify-between mb-16 gap-6"><div class="flex flex-col"><span class="text-xs uppercase font-black tracking-[0.3em] text-[#ff3366] mb-3">ExpertizÄ Èi Valoare</span><h2 class="text-3xl md:text-5xl font-black uppercase italic tracking-tight text-gray-900 leading-[1.1]">Core-ul Nostru<!-- --> <br/><span class="italic capitalize text-[#ff3366] font-light">Digital Customizat</span></h2></div><div class="flex items-center gap-4"><div class="flex gap-2"><button type="button" aria-label="GliseazÄ la serviciul 1" class="h-2 rounded-full transition-all duration-300 cursor-pointer w-8 bg-[#ff3366]"></button><button type="button" aria-label="GliseazÄ la serviciul 2" class="h-2 rounded-full transition-all duration-300 cursor-pointer w-2 bg-gray-300 hover:bg-gray-400"></button><button type="button" aria-label="GliseazÄ la serviciul 3" class="h-2 rounded-full transition-all duration-300 cursor-pointer w-2 bg-gray-300 hover:bg-gray-400"></button><button type="button" aria-label="GliseazÄ la serviciul 4" class="h-2 rounded-full transition-all duration-300 cursor-pointer w-2 bg-gray-300 hover:bg-gray-400"></button></div></div></div><div class="relative mt-8"><div class="overflow-hidden py-3"><div class="flex"><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#00f2fe] to-[#4facfe] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M50 85C50 85 57 85 62 85C67 85 71 81 71 76C71 73 73 71 76 71C82 71 87 66 87 60C87 55 84 52 81 50C80 49 79 48 79 46C79 32 68 21 54 21C40.5 21 30.5 31.5 30 45C27 46 25 49 25 52.5C25 57.5 29 61.5 34 61.5" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M54 33C49 33 45 37 45 42C45 45.5 47 48 48.5 50.5V54.5H59.5V50.5C61 48 63 45.5 63 42C63 37 59 33 54 33Z" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M48.5 54.5H59.5" stroke-width="2.2" stroke-linecap="round"></path><path d="M51 58H57" stroke-width="2.2" stroke-linecap="round"></path><path d="M54 58V61" stroke-width="2.2" stroke-linecap="round"></path><path d="M51 40C51 40 52.5 38 54 38C55.5 38 57 40 57 40" stroke-width="1.8" stroke-linecap="round"></path><line x1="54" y1="24" x2="54" y2="28" stroke-width="2.2" stroke-linecap="round"></line><line x1="41.3" y1="29.3" x2="44.1" y2="32.1" stroke-width="2.2" stroke-linecap="round"></line><line x1="36" y1="42" x2="40" y2="42" stroke-width="2.2" stroke-linecap="round"></line><line x1="66.7" y1="29.3" x2="63.9" y2="32.1" stroke-width="2.2" stroke-linecap="round"></line><line x1="72" y1="42" x2="68" y2="42" stroke-width="2.2" stroke-linecap="round"></line></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">AplicaÈii Web & CRM</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">Sisteme CRM Èi ERP personalizate, panouri de control intuitive Èi platforme web scalabile construite de la zero pentru eficienÈÄ.</p></div><div class="absolute bottom-6 flex items-center justify-center"><span class="w-5 h-5 rounded-full border border-gray-200 flex items-center justify-center bg-white"><span class="w-1.5 h-1.5 rounded-full bg-[#ff3366]"></span></span></div></div></div><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#ff5470] to-[#ff8c42] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><rect x="20" y="24" width="60" height="46" rx="5" stroke-width="2.2" stroke-linejoin="round"></rect><line x1="20" y1="36" x2="80" y2="36" stroke-width="2"></line><path d="M26 62C34 54 44 60 52 48C58 40 66 45 74 38" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M68 38H74V44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><rect x="30" y="48" width="6" height="14" rx="1" stroke-width="2"></rect><rect x="42" y="44" width="6" height="18" rx="1" stroke-width="2"></rect><rect x="54" y="52" width="6" height="10" rx="1" stroke-width="2"></rect><rect x="66" y="40" width="6" height="22" rx="1" stroke-width="2"></rect><circle cx="28" cy="30" r="1.5" fill="currentColor"></circle><circle cx="34" cy="30" r="1.5" fill="currentColor"></circle><circle cx="40" cy="30" r="1.5" fill="currentColor"></circle><path d="M42 70L36 80" stroke-width="2.2" stroke-linecap="round"></path><path d="M58 70L64 80" stroke-width="2.2" stroke-linecap="round"></path><path d="M50 70V82" stroke-width="2.2" stroke-linecap="round"></path></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">AutomatizÄri AI</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">IntegrÄm modele AI de ultimÄ generaÈie pentru automatizarea proceselor repetitive, analize inteligente de date Èi agenÈi autonomi dedicaÈi.</p></div><div class="absolute bottom-6 right-6"><span class="w-2.5 h-2.5 rounded-full bg-[#ff3366] block animate-pulse"></span></div></div></div><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#11998e] to-[#38ef7d] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18 22H82" stroke-width="3" stroke-linecap="round"></path><rect x="22" y="22" width="56" height="42" rx="4" stroke-width="2.2" stroke-linejoin="round"></rect><path d="M38 64L28 82" stroke-width="2.2" stroke-linecap="round"></path><path d="M50 64V84" stroke-width="2.2" stroke-linecap="round"></path><path d="M62 64L72 82" stroke-width="2.2" stroke-linecap="round"></path><circle cx="41" cy="43" r="12" stroke-width="2.2"></circle><path d="M41 31V43L50 51" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><line x1="59" y1="35" x2="71" y2="35" stroke-width="2.2" stroke-linecap="round"></line><line x1="59" y1="41" x2="71" y2="41" stroke-width="2.2" stroke-linecap="round"></line><line x1="59" y1="47" x2="67" y2="47" stroke-width="2.2" stroke-linecap="round"></line><line x1="59" y1="53" x2="65" y2="53" stroke-width="2.2" stroke-linecap="round"></line></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">Magazine Online Custom</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">Dezvoltare shop online custom pe platforme moderne (Shopify, WooCommerce), optimizat pentru conversii mari, vitezÄ maximÄ Èi securitate.</p></div><div class="absolute bottom-6 left-6"><span class="w-2.5 h-2.5 rounded-full bg-emerald-400 block"></span></div></div></div><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#00c6ff] to-[#0072ff] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M60 32C60 32 55 20 44 20C33 20 28 32 28 32C28 32 26 44 32 56L28 66C28 66 36 66 40 62C44 66 52 66 52 66L48 56C54 44 60 32 60 32Z" stroke-width="2.2" stroke-linejoin="round"></path><circle cx="44" cy="38" r="4.5" stroke-width="2.2"></circle><path d="M29 48C24 50 20 58 20 58L28 56" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M59 48C64 50 68 58 68 58L60 56" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M38 66C38 72 44 78 44 78C44 78 50 72 50 66" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M72 26L74 31L79 33L74 35L72 40L70 35L65 33L70 31L72 26Z" stroke-width="1.8" stroke-linejoin="round" fill="currentColor" opacity="0.8"></path><path d="M18 80C34 80 50 78 68 64C76 56 80 46 82 36" stroke-width="2.2" stroke-dasharray="3 3" stroke-linecap="round"></path></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">Optimizare SEO & PageSpeed</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">Audit tehnic SEO avansat, structuri Schema.org JSON-LD Èi arhitecturÄ Next.js pentru garantarea scorului de 100 în PageSpeed Insights.</p></div></div></div><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-
28gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#b224ef] to-[#7579ff] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M60 32C60 32 55 20 44 20C33 20 28 32 28 32C28 32 26 44 32 56L28 66C28 66 36 66 40 62C44 66 52 66 52 66L48 56C54 44 60 32 60 32Z" stroke-width="2.2" stroke-linejoin="round"></path><circle cx="44" cy="38" r="4.5" stroke-width="2.2"></circle><path d="M29 48C24 50 20 58 20 58L28 56" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M59 48C64 50 68 58 68 58L60 56" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M38 66C38 72 44 78 44 78C44 78 50 72 50 66" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M72 26L74 31L79 33L74 35L72 40L70 35L65 33L70 31L72 26Z" stroke-width="1.8" stroke-linejoin="round" fill="currentColor" opacity="0.8"></path><path d="M18 80C34 80 50 78 68 64C76 56 80 46 82 36" stroke-width="2.2" stroke-dasharray="3 3" stroke-linecap="round"></path></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">Module WordPress & Plugins</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">DezvoltÄm plugin-uri Èi module personalizate securizate pentru WordPress, Magento, Prestashop sau orice altÄ platformÄ web existentÄ.</p></div></div></div><div class="px-3 shrink-0" style="width:33.333333333333336%"><div class="relative bg-white rounded-3xl border border-gray-200/80 p-8 md:p-10 flex flex-col items-center justify-between text-center shadow-[0_4px_16px_rgba(0,0,0,0.06)] hover:shadow-[0_8px_24px_rgba(0,0,0,0.12)] hover:-translate-y-2 transition-all duration-300 group h-[470px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="flex flex-col items-center w-full"><div class="[perspective:1000px] mb-6"><div class="w-24 h-24 md:w-28 md:h-28 rounded-[2.2rem] bg-gradient-to-tr from-[#f857a6] to-[#ff5858] flex items-center justify-center text-white shadow-md [transform-style:preserve-3d] transition-all duration-700 ease-out group-hover:[transform:rotateY(360deg)]"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M64 26L74 36L42 68L28 72L32 58L64 26Z" stroke-width="2.2" stroke-linejoin="round"></path><line x1="58" y1="32" x2="68" y2="42" stroke-width="2"></line><path d="M20 50C35 35 48 65 68 45C76 37 82 25 82 25" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><rect x="17" y="47" width="6" height="6" stroke-width="2.2" fill="white"></rect><rect x="45" y="52" width="6" height="6" stroke-width="2.2" fill="white"></rect><rect x="65" y="42" width="6" height="6" stroke-width="2.2" fill="white"></rect><path d="M26 26L28 29L31 30L28 31L26 34L24 31L21 30L24 29L26 26Z" stroke-width="1.5" fill="currentColor"></path><path d="M78 56L80 59L83 60L80 61L78 64L76 61L73 60L76 59L78 56Z" stroke-width="1.5" fill="currentColor"></path></svg></div></div><div class="h-16 flex items-center justify-center mb-4 px-2"><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug group-hover:text-[#ff3366] transition-colors duration-300">ImplementÄri API & IntegrÄri</h3></div><p class="text-gray-500 text-sm md:text-base leading-relaxed font-semibold max-w-xs md:max-w-sm">ConectÄm baze de date, CRM-uri externe, servicii de curierat Èi procesatoare de plÄÈ
28i prin interfeÈe API securizate Èi rapide.</p></div></div></div></div></div><button type="button" aria-label="GliseazÄ serviciul anterior" class="absolute left-0 top-[50%] -translate-y-1/2 -translate-x-4 md:-translate-x-10 w-12 h-12 rounded-full bg-white border border-gray-200/80 hover:border-[#ff3366] hover:text-[#ff3366] text-gray-600 flex items-center justify-center shadow-md hover:shadow-lg transition-all duration-300 active:scale-90 z-30 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left w-5 h-5" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><button type="button" aria-label="GliseazÄ serviciul urmÄtor" class="absolute right-0 top-[50%] -translate-y-1/2 translate-x-4 md:translate-x-10 w-12 h-12 rounded-full bg-white border border-gray-200/80 hover:border-[#ff3366] hover:text-[#ff3366] text-gray-600 flex items-center justify-center shadow-md hover:shadow-lg transition-all duration-300 active:scale-90 z-30 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="mt-28 pt-20 border-t border-gray-100 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center" style="opacity:0;transform:translateY(35px)"><div class="lg:col-span-5 relative flex items-center justify-center"><div class="absolute inset-0 bg-gradient-to-tr from-[#ffe259]/10 to-[#ffa751]/15 rounded-full blur-3xl -z-10"></div><span class="absolute top-4 -right-2 text-4xl text-[#00f0ff] opacity-80 select-none rotate-12 font-extralight animate-pulse">â²</span><span class="absolute right-0 bottom-24 w-5 h-5 rounded-full border-2 border-[#ff00d4] opacity-80 animate-bounce duration-[3000ms]"></span><div class="absolute -bottom-6 -left-6 w-28 h-28 grid grid-cols-6 gap-2 opacity-90 pointer-events-none z-10"><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div><div class="w-1.5 h-1.5 rounded-full bg-red-500/80 shadow-[0_1px_3px_rgba(239,68,68,0.3)]"></div></div><div class="relative w-full aspect-[3/5] md:max-w-sm mx-auto overflow-hidden bg-gradient-to-br from-indigo-50 to-white shadow-[0_20px_50px_rgba(0,0,0,0.08)] border border-gray-100 z-20"><div class="absolute inset-0 bg-gradient-to-br from-indigo-100 to-white" aria-hidden="true"></div><div class="absolute inset-0 bg-[#070617]/10 hover:bg-transparent transition-colors duration-300"></div><div class="absolute inset-0 flex flex-col items-center justify-center gap-3"><button class="relative group flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-r from-[#ff5e62] to-[#ff9966] text-white shadow-lg shadow-coral-500/30 hover:scale-110 active:scale-95 transition-all duration-300 cursor-pointer" title="Deschide Asistentul AI"><span class="absolute inset-0 rounded-full bg-gradient-to-r from-[#ff5e62] to-[#ff9966] opacity-40 animate-ping"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-6 h-6 fill-current text-white ml-1 relative z-10 transition-transform duration-300 group-hover:scale-110" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></button><button class="group flex items-center gap-2 text-[10px] md:text-xs font-black uppercase tracking-[0.2em] text-white bg-black/60 hover:bg-[#00f0ff] hover:text-black border border-white/20 hover:border-[#00f0ff] backdrop-blur-md py-2 px-5 rounded-full shadow-lg hover:shadow-[0_0_25px_rgba(0,240,255,0.5)] hover:scale-105 active:scale-95 transition-all duration-300 cursor-pointer select-none" title="Deschide Asistentul AI"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot w-3.5 h-3.5 text-[#00f0ff] group-hover:text-black transition-colors" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span>CUM TE PUTEM AJUTA ?</span></button></div></div></div><div class="lg:col-span-7 flex flex-col items-start"><span class="text-[#ff5e62] font-black uppercase text-xs md:text-sm tracking-[0.35em] block mb-4">Despre Noi</span>
28<h3 class="text-3xl md:text-5xl font-black uppercase italic tracking-tight text-gray-900 leading-snug md:leading-normal mb-8">Extinde-Èi PrezenÈa DigitalÄ</h3><p class="text-gray-600 text-base md:text-lg leading-relaxed md:leading-loose font-semibold mb-10 max-w-xl">Cu peste 15 ani de excelenÈÄ Ã®n software la comandÄ Èi design web, dezvoltÄm de la zero sisteme complexe (CRM/ERP), platforme de e-commerce ultra-performante Èi automatizÄri cu inteligenÈÄ artificialÄ adaptate perfect business-ului tÄu.</p><div class="w-full max-w-xl space-y-8 mb-12"><div class="flex flex-col"><div class="flex justify-between items-center"><span class="text-[11px] md:text-xs font-black uppercase tracking-wider text-gray-800">Web Design & E-Commerce</span><span class="text-xs font-black text-[#ff3366]">95%</span></div><div class="h-3 w-full bg-gray-100 rounded-full mt-2 overflow-hidden relative border border-gray-100 shadow-inner"><div class="h-full rounded-full bg-gradient-to-r from-[#00c6ff] to-[#0072ff] shadow-[0_2px_5px_rgba(0,114,255,0.25)]" style="width:0px"></div></div></div><div class="flex flex-col"><div class="flex justify-between items-center"><span class="text-[11px] md:text-xs font-black uppercase tracking-wider text-gray-800">AplicaÈii Web & CRM Custom</span><span class="text-xs font-black text-[#ff3366]">92%</span></div><div class="h-3 w-full bg-gray-100 rounded-full mt-2 overflow-hidden relative border border-gray-100 shadow-inner"><div class="h-full rounded-full bg-gradient-to-r from-[#f12711] to-[#f5af19] shadow-[0_2px_5px_rgba(241,39,17,0.25)]" style="width:0px"></div></div></div><div class="flex flex-col"><div class="flex justify-between items-center"><span class="text-[11px] md:text-xs font-black uppercase tracking-wider text-gray-800">AutomatizÄri AI & IntegrÄri API</span><span class="text-xs font-black text-[#ff3366]">88%</span></div><div class="h-3 w-full bg-gray-100 rounded-full mt-2 overflow-hidden relative border border-gray-100 shadow-inner"><div class="h-full rounded-full bg-gradient-to-r from-[#9be15d] to-[#00e3ae] shadow-[0_2px_5px_rgba(155,225,93,0.25)]" style="width:0px"></div></div></div></div><button class="bg-gradient-to-r from-[#ff5e62] to-[#ff9966] text-white py-4 px-9 rounded-full font-black uppercase text-[11px] tracking-widest shadow-xl shadow-coral-500/10 hover:shadow-coral-500/35 hover:scale-105 active:scale-95 transition-all duration-300 flex items-center gap-2.5 cursor-pointer">LanseazÄ Proiectul<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></section><section id="dark-services-solutions" class="relative w-full bg-[#070617] text-white py-24 px-6 md:px-16 z-20 overflow-hidden border-t border-white/[0.03]" style="opacity:0;transform:translateY(35px)"><div class="absolute top-[20%] left-[5%] w-[450px] h-[450px] bg-[#8af01b] opacity-[0.03] blur-[150px] rounded-full pointer-events-none"></div><div class="absolute bottom-[20%] right-[5%] w-[450px] h-[450px] bg-[#00f2fe] opacity-[0.03] blur-[150px] rounded-full pointer-events-none"></div><div class="absolute top-[40%] right-[15%] w-[350px] h-[350px] bg-[#ff3366] opacity-[0.02] blur-[130px] rounded-full pointer-events-none"></div><div class="max-w-7xl mx-auto relative"><div class="flex flex-wrap items-center justify-around gap-8 md:gap-12 w-full pb-16 border-b border-white/[0.04] mb-16 select-none"><div class="flex items-center gap-1.5 group cursor-pointer"><span class="text-2xl font-black tracking-tight text-white/35 group-hover:text-white transition-colors duration-300 font-sans italic lowercase">viger</span><svg class="w-5 h-5 text-[#8af01b] opacity-35 group-hover:opacity-100 transition-opacity duration-300" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M3 12a9 9 0 0 1 15-6.7L21 8"></path><path d="M16 8h5V3"></path></svg></div><div class="flex items-center gap-0.5 group cursor-pointer"><span class="text-2xl font-black tracking-[0.25em] text-white/35 group-hover:text-white transition-colors duration-300 uppercase font-sans">FRONTE</span><span class="text-2xl font-black tracking-[0.25em] text-[#ff5e62] opacity-75 group-hover:opacity-100 transition-opacity duration-300 uppercase font-sans">X</span></div><div class="flex items-center gap-2 group cursor-pointer"><div class="flex items-end gap-0.5 h-6 opacity-35 group-hover:opacity-100 transition-opacity duration-300"><span class="w-[3px] h-3 bg-white"></span><span class="w-[3px] h-5 bg-white"></span><span class="w-[3px] h-4 bg-white"></span><span class="w-[4px] h-6 bg-[#00f2fe]"></span></div><span class="text-xl font-extrabold tracking-tight text-white/35 group-hover:text-white transition-colors duration-300">TORONTO</span></div><div class="flex items-center gap-2.5 group cursor-pointer"><div class="w-6 h-6 rounded bg-white/5 flex items-center justify-center opacity-35 group-hover:opacity-100 transition-opacity duration-300 border border-white/10"><span class="text-[10px] font-black text-[#ff5e62]">A</span></div><span class="text-xl font-bold tracking-wide text-white/35 group-hover:text-white transition-colors duration-300 font-sans uppercase">ADVEITS</span></div><div class="flex items-center group cursor-pointer"><span class="text-2xl font-black tracking-widest text-white/35 group-hover:text-white transition-colors duration-300 uppercase italic">SV</span></div></div><div class="flex flex-col items-center text-center mb-12"><span class="text-[#ff5e62] font-semibold tracking-wide mb-3">Servicii</span><h2 class="text-3xl md:text-5xl font-extrabold text-white leading-tight max-w-2xl font-sans">Oferim servicii web & SEO de excepÈie</h2></div><div class="relative mt-8"><div class="overflow-hidden py-4 -mx-4 px-4"><div class="flex"><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#a8ff78] to-[#78ffd6] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#a8ff78] to-[#78ffd6] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#8af01b"></stop><stop offset="100%" stop-color="#1be8b7"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-1)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#a8ff78] to-[#78ffd6] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="45" cy="45" r="22" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></circle><line x1="61" y1="61" x2="82" y2="82" stroke-width="2.5" stroke-linecap="round"></line><path d="M35 48 C33 46 32 44 32 41 C32 37 35 35 38 35 C41 35 43 37 43 40" stroke-width="2" stroke-linecap="round"></path><path d="M48 35 H54 M48 41 H53 M48 47 H54" stroke-width="2" stroke-linecap="round"></path><rect x="58" y="35" width="8" height="12" rx="1.5" stroke-width="2"></rect><path d="M22 22 L28 28" stroke-width="2" stroke-linecap="round"></path><path d="M78 22 L72 28" stroke-width="2" stroke-linecap="round"></path></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">Servicii SEO InternaÈionale</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">DoreÈti sÄ Ã®Èi optimizezi site-ul într-o limbÄ strÄinÄ? AflÄ Ã®n ce ÈÄri te putem ajuta sÄ domini cÄutÄrile Google Èi sÄ atragi clienÈi globali.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/servicii/">AflÄ mai multe<span class="sr-only"> - <!-- -->Servicii SEO InternaÈionale</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="Servicii SEO InternaÈionale - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#8af01b] to-[#1be8b7] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] curs
28or-pointer" href="/servicii/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#8af01b]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#ff9966] to-[#ff5e62] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#ff9966] to-[#ff5e62] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff9966"></stop><stop offset="100%" stop-color="#ff5e62"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-2)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#ff9966] to-[#ff5e62] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M50 18 L82 32 L50 46 L18 32 Z" stroke-width="2.2" stroke-linejoin="round"></path><path d="M18 32 V62 L50 76 V46 Z" stroke-width="2.2" stroke-linejoin="round"></path><path d="M82 32 V62 L50 76 Z" stroke-width="2.2" stroke-linejoin="round"></path><line x1="50" y1="32" x2="50" y2="46" stroke-width="2" stroke-dasharray="2 2"></line><line x1="18" y1="47" x2="50" y2="61" stroke-width="2" stroke-dasharray="2 2"></line><line x1="82" y1="47" x2="50" y2="61" stroke-width="2" stroke-dasharray="2 2"></line><path d="M65 24 L75 14 L85 24 L75 34 Z" stroke-width="2.2" stroke-linejoin="round"></path></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">Design UI/UX & Produs</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">ClÄdim poveÈti vizuale, interfeÈe perfecte pânÄ la ultimul pixel Èi design de software interactiv de care utilizatorii se vor îndrÄgosti instantaneu.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/creare-site-prezentare/">AflÄ mai multe<span class="sr-only"> - <!-- -->Design UI/UX & Produs</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="Design UI/UX & Produs - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#ff9966] to-[#ff5e62] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] curs
28or-pointer" href="/creare-site-prezentare/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#ff5e62]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#00f2fe] to-[#4facfe] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#00f2fe] to-[#4facfe] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-3" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#00f2fe"></stop><stop offset="100%" stop-color="#4facfe"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-3)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#00f2fe] to-[#4facfe] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><rect x="28" y="16" width="44" height="68" rx="6" stroke-width="2.2" stroke-linejoin="round"></rect><line x1="42" y1="22" x2="58" y2="22" stroke-width="2" stroke-linecap="round"></line><circle cx="50" cy="74" r="3" stroke-width="2.2"></circle><rect x="36" y="28" width="28" height="18" rx="2" stroke-width="2"></rect><line x1="36" y1="52" x2="64" y2="52" stroke-width="2" stroke-linecap="round"></line><line x1="36" y1="58" x2="58" y2="58" stroke-width="2" stroke-linecap="round"></line><line x1="36" y1="64" x2="50" y2="64" stroke-width="2" stroke-linecap="round"></line></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">Dezvoltare AplicaÈii Mobile</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">AplicaÈii mobile native Èi hibride (iOS & Android) de înaltÄ performanÈÄ, cu design impecabil, vitezÄ uluitoare Èi animaÈii ultra-fluide.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/dezvoltare-software/">AflÄ mai multe<span class="sr-only"> - <!-- -->Dezvoltare AplicaÈii Mobile</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="Dezvoltare AplicaÈii Mobile - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#00f2fe] to-[#4facfe] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] curs
28or-pointer" href="/dezvoltare-software/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#00f2fe]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#b224ef] to-[#7579ff] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#b224ef] to-[#7579ff] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-4" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#b224ef"></stop><stop offset="100%" stop-color="#7579ff"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-4)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#b224ef] to-[#7579ff] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 28 L50 18 L80 28 L50 38 Z" stroke-width="2.2" stroke-linejoin="round"></path><path d="M20 48 L50 38 L80 48 L50 58 Z" stroke-width="2.2" stroke-linejoin="round"></path><path d="M20 68 L50 58 L80 68 L50 78 Z" stroke-width="2.2" stroke-linejoin="round"></path><line x1="20" y1="28" x2="20" y2="68" stroke-width="2.2"></line><line x1="80" y1="28" x2="80" y2="68" stroke-width="2.2"></line><line x1="50" y1="38" x2="50" y2="78" stroke-width="2.2"></line><circle cx="50" cy="28" r="1.5" fill="currentColor"></circle><circle cx="50" cy="48" r="1.5" fill="currentColor"></circle><circle cx="50" cy="68" r="1.5" fill="currentColor"></circle></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">Programare Fullstack Web</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">Dezvoltare web completÄ, robustÄ Èi scalabilÄ folosind arhitecturi moderne (React, Next.js, Node.js), baze de date rapide Èi API-uri securizate.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/dezvoltare-software/">AflÄ mai multe<span class="sr-only"> - <!-- -->Programare Fullstack Web</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="Programare Fullstack Web - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#b224ef] to-[#7579ff] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] curs
28or-pointer" href="/dezvoltare-software/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#b224ef]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#8af01b] to-[#1be8b7] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#8af01b] to-[#1be8b7] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-5" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#8af01b"></stop><stop offset="100%" stop-color="#1be8b7"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-5)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#8af01b] to-[#1be8b7] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M50 16 C68 16 78 22 78 22 V48 C78 64 64 78 50 84 C36 78 22 64 22 48 V22 C22 22 32 16 50 16 Z" stroke-width="2.2" stroke-linejoin="round"></path><path d="M54 30 L38 48 H48 L44 66 L62 46 H50 Z" stroke-width="2" stroke-linejoin="round" fill="currentColor"></path></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">SEO Tehnic & Optimizare VitezÄ</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">AccelerÄm viteza de încÄrcare sub 1 secundÄ, maximizÄm indicatorii Core Web Vitals Èi eliminÄm erorile de indexare pentru un impuls SEO masiv.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/servicii/">AflÄ mai multe<span class="sr-only"> - <!-- -->SEO Tehnic & Optimizare VitezÄ</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="SEO Tehnic & Optimizare VitezÄ - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#8af01b] to-[#1be8b7] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] cursor-pointer" href="/servicii/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#8af01b]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div><div class="px-4 shrink-0" style="width:33.333333333333336%"><div class="relative p-[1px] rounded-[2.2rem] bg-gradient-to-br from-[#f857a6] to-[#ff5858] group transition-all duration-300 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-[#f857a6] to-[#ff5858] opacity-0 group-hover:opacity-30 blur-xl rounded-[2.2rem] transition-opacity duration-300 pointer-events-none"></div><div class="relative bg-[#0d0922] rounded-[2.2rem] h-full flex flex-col overflow-hidden z-10 min-h-[440px]"><div class="absolute inset-x-0 bottom-0 h-[28%] pointer-events-none overflow-hidden z-0 translate-y-full opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500 ease-out"><svg viewBox="0 0 400 200" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 left-0 w-full h-full"><defs><linearGradient id="wave-gradient-6" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#f857a6"></stop><stop offset="100%" stop-color="#ff5858"></stop></linearGradient></defs><path d="M 0 35 C 90 10, 150 55, 230 25 C 300 0, 350 25, 400 15 L 400 200 L 0 200 Z" fill="url(#wave-gradient-6)"></path></svg></div><div class="p-8 md:p-10 flex flex-col flex-grow relative z-10"><div class="mb-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-tr from-[#f857a6] to-[#ff5858] flex items-center justify-center text-white transition-transform duration-500 ease-out group-hover:scale-110 group-hover:rotate-6"><svg viewBox="0 0 100 100" class="w-14 h-14 md:w-16 md:h-16 transition-all duration-300" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M64 26L74 36L42 68L28 72L32 58L64 26Z" stroke-width="2.2" stroke-linejoin="round"></path><line x1="58" y1="32" x2="68" y2="42" stroke-width="2"></line><path d="M20 50C35 35 48 65 68 45C76 37 82 25 82 25" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path><rect x="17" y="47" width="6" height="6" stroke-width="2.2" fill="white"></rect><rect x="45" y="52" width="6" height="6" stroke-width="2.2" fill="white"></rect><rect x="65" y="42" width="6" height="6" stroke-width="2.2" fill="white"></rect><path d="M26 26L28 29L31 30L28 31L26 34L24 31L21 30L24 29L26 26Z" stroke-width="1.5" fill="currentColor"></path><path d="M78 56L80 59L83 60L80 61L78 64L76 61L73 60L76 59L78 56Z" stroke-width="1.5" fill="currentColor"></path></svg></div></div><h3 class="text-xl md:text-2xl font-extrabold text-white tracking-tight leading-snug mb-4 transition-colors duration-300 group-hover:text-white">Scalare E-commerce & IntegrÄri</h3><p class="text-gray-400 text-sm md:text-base leading-relaxed mb-8 flex-grow">
28ConectÄm procesatori de plÄÈi, sisteme ERP/CRM, servicii de curierat Èi sincronizÄri de stocuri în timp real pentru a scala magazinul tÄu online.</p><div class="relative flex items-center justify-between mt-auto pt-6 z-20"><a class="text-base font-extrabold text-white tracking-tight transition-all duration-300 relative z-20 hover:opacity-90" href="/creare-magazin-online/">AflÄ mai multe<span class="sr-only"> - <!-- -->Scalare E-commerce & IntegrÄri</span></a><div class="flex items-center gap-3 relative z-20"><a aria-label="Scalare E-commerce & IntegrÄri - Detalii serviciu" class="w-11 h-11 rounded-full bg-gradient-to-tr from-[#f857a6] to-[#ff5858] flex items-center justify-center text-white shadow-lg transition-all duration-500 hover:scale-110 group-hover:bg-white group-hover:bg-none group-hover:rounded-[38%_62%_63%_37%_/_41%_35%_65%_59%] cursor-pointer" href="/creare-magazin-online/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 transition-colors duration-500 text-white group-hover:text-[#ff5858]" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><div class="relative w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-500 scale-75 group-hover:scale-100"><div class="absolute inset-0 rounded-full border border-white/30 animate-ping"></div><div class="w-2.5 h-2.5 rounded-full bg-black/80"></div></div></div></div></div></div></div></div></div></div><button type="button" aria-label="GliseazÄ soluÈia anterioarÄ" class="absolute left-0 top-1/2 -translate-y-1/2 -translate-x-4 md:-translate-x-6 w-12 h-12 rounded-2xl bg-gradient-to-tr from-[#9b6664] to-[#cc8b86] text-white flex items-center justify-center shadow-lg transition-transform duration-300 hover:scale-110 active:scale-95 z-30 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left w-5 h-5" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><button type="button" aria-label="GliseazÄ soluÈia urmÄtoare" class="absolute right-0 top-1/2 -translate-y-1/2 translate-x-4 md:translate-x-6 w-12 h-12 rounded-2xl bg-[#222543] text-white flex items-center justify-center shadow-lg transition-transform duration-300 hover:scale-110 active:scale-95 z-30 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="flex justify-center items-center gap-4 mt-12"><button class="relative flex items-center justify-center w-6 h-6 rounded-full transition-all duration-300 cursor-pointer border border-[#ff3366]" aria-label="Go to slide 1"><span class="w-2 h-2 rounded-full transition-all duration-300 bg-[#ff3366]"></span></button><button class="relative flex items-center justify-center w-6 h-6 rounded-full transition-all duration-300 cursor-pointer border border-transparent" aria-label="Go to slide 2"><span class="w-2 h-2 rounded-full transition-all duration-300 bg-white/[0.15] hover:bg-white/[0.3]"></span></button><button class="relative flex items-center justify-center w-6 h-6 rounded-full transition-all duration-300 cursor-pointer border border-transparent" aria-label="Go to slide 3"><span class="w-2 h-2 rounded-full transition-all duration-300 bg-white/[0.15] hover:bg-white/[0.3]"></span></button><button class="relative flex items-center justify-center w-6 h-6 rounded-full transition-all duration-300 cursor-pointer border border-transparent" aria-label="Go to slide 4"><span class="w-2 h-2 rounded-full transition-all duration-300 bg-white/[0.15] hover:bg-white/[0.3]"></span></button></div></div></section><section id="project-steps" class="relative w-full bg-slate-50 py-24 px-6 md:px-16 overflow-hidden border-t border-b border-gray-100 z-20" style="opacity:0;transform:translateY(35px)"><div class="absolute top-0 left-0 right-0 h-40 pointer-events-none opacity-40"><svg viewBox="0 0 1440 120" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full h-full preserve-aspect-ratio-none"><path d="M0,32L120,42.7C240,53,480,75,720,74.7C960,75,1200,53,1320,42.7L1440,32L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z" fill="url(#steps-wave-grad)"></path><defs><linearGradient id="steps-wave-grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#00f2fe" stop-opacity="0.1"></stop><stop offset="50%" stop-color="#7579ff" stop-opacity="0.05"></stop><stop offset="100%" stop-color="#00f2fe" stop-opacity="0.1"></stop></linearGradient></defs></svg></div><div class="absolute top-[10%] left-[-10%] w-[500px] h-[500px] bg-gradient-to-tr from-[#00f2fe]/10 to-[#7579ff]/5 rounded-full blur-[100px] pointer-events-none"></div>
28<div class="absolute bottom-[10%] right-[-10%] w-[500px] h-[500px] bg-gradient-to-tr from-[#ff9966]/5 to-[#ff5e62]/5 rounded-full blur-[100px] pointer-events-none"></div><div class="max-w-7xl mx-auto relative z-10"><div class="flex flex-col items-center text-center mb-20"><span class="text-[#ff5e62] font-black uppercase text-xs tracking-widest bg-[#ff5e62]/10 px-4 py-1.5 rounded-full mb-4">Etape</span><h2 class="text-3xl md:text-5xl font-black text-[#070617] tracking-tight leading-tight max-w-2xl font-sans">PaÈi simpli pentru a începe</h2></div><div class="relative mt-12"><div class="absolute top-24 left-0 w-full h-1 pointer-events-none hidden md:block z-0"><svg class="w-full h-16 overflow-visible" viewBox="0 0 1000 100" fill="none" preserveAspectRatio="none"><path d="M 125 50 C 250 10, 250 90, 375 50 C 500 10, 500 90, 625 50 C 750 10, 750 90, 875 50" stroke="#cbd5e1" stroke-width="2.5" stroke-dasharray="8 8" fill="none"></path></svg></div><div class="grid grid-cols-1 md:grid-cols-4 gap-12 relative z-10"><div class="relative bg-white rounded-3xl border border-gray-100 p-8 md:p-10 flex flex-col items-center text-center shadow-[0_10px_35px_rgba(0,0,0,0.01)] hover:shadow-[0_30px_70px_rgba(0,0,0,0.08)] hover:-translate-y-2.5 transition-all duration-500 group min-h-[420px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="[perspective:1000px] mb-8 w-24 h-24 md:w-28 md:h-28 relative"><div class="relative w-full h-full transition-transform duration-700 group-hover:[transform:rotateY(180deg)]" style="transform-style:preserve-3d"><div class="absolute inset-0 w-full h-full rounded-[2.2rem] bg-gradient-to-tr from-[#ff9966] to-[#ff5e62] flex items-center justify-center text-white shadow-[0_15px_30px_rgba(0,0,0,0.15)]" style="backface-visibility:hidden"><span class="text-3xl md:text-4xl font-black tracking-tight font-sans text-white">01</span></div><div class="absolute inset-0 w-full h-full rounded-[2.2rem] overflow-hidden shadow-2xl border border-white/20" style="backface-visibility:hidden;transform:rotateY(180deg)"><div class="absolute inset-0 bg-gradient-to-tr from-[#ff9966] to-[#ff5e62]" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/35 to-transparent"></div><div class="absolute bottom-2 left-2 w-4 h-4 flex items-center justify-center z-30"><div class="absolute inset-0 rounded-full border border-white/40 animate-ping"></div><div class="w-1.5 h-1.5 rounded-full bg-white shadow-sm"></div></div></div></div></div><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug mb-4 group-hover:text-[#ff3366] transition-colors duration-300">Planificarea Proiectului</h3><p class="text-gray-500 text-sm leading-relaxed font-semibold max-w-xs mb-6">Planificarea detaliatÄ a obiectivelor Èi stabilirea strategiei de dezvoltare software pentru rezultate garantate.</p><div class="overflow-hidden h-6 relative w-full flex justify-center mt-auto z-10"><button class="text-xs font-black uppercase tracking-wider text-[#ff5e62] flex items-center gap-1.5 hover:opacity-80 transition-all transform translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 duration-500 ease-out cursor-pointer">ContacteazÄ-ne<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="absolute bottom-6 flex items-center justify-center"><span class="w-5 h-5 rounded-full border border-gray-100 flex items-center justify-center bg-white shadow-sm"><span class="w-1.5 h-1.5 rounded-full bg-[#ff3366]"></span></span></div></div><div class="relative bg-white rounded-3xl border border-gray-100 p-8 md:p-10 flex flex-col items-center text-center shadow-[0_10px_35px_rgba(0,0,0,0.01)] hover:shadow-[0_30px_70px_rgba(0,0,0,0.08)] hover:-translate-y-2.5 transition-all duration-500 group min-h-[420px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="[perspective:1000px] mb-8 w-24 h-24 md:w-28 md:h-28 relative"><div class="relative w-full h-full transition-transform duration-700 group-hover:[transform:rotateY(180deg)]" style="transform-style:preserve-3d"><div class="absolute inset-0 w-full h-full rounded-[2.2rem] bg-gradient-to-tr from-[#00f2fe] to-[#4facfe] flex items-center justify-center text-white shadow-[0_15px_30px_rgba(0,0,0,0.15)]" style="backface-visibility:hidden"><span class="text-3xl md:text-4xl font-black tracking-tight font-sans text-white">02</span></div><div class="absolute inset-0 w-full h-full rounded-[2.2rem] overflow-hidden shadow-2xl border border-white/20" style="backface-visibility:hidden;transform:rotateY(180deg)"><div class="absolute inset-0 bg-gradient-to-tr from-[#00f2fe] to-[#4facfe]" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/35 to-transparent"></div><div class="absolute bottom-2 left-2 w-4 h-4 flex items-center justify-center z-30"><div class="absolute inset-0 rounded-full border border-white/40 animate-ping"></div><div class="w-1.5 h-1.5 rounded-full bg-white shadow-sm"></div></div></div></div></div><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug mb-4 group-hover:text-[#ff3366] transition-colors duration-300">Cercetarea PieÈei</h3><p class="text-gray-500 text-sm leading-relaxed font-semibold max-w-xs mb-6">AnalizÄm niÈa, competiÈia Èi comportamentul utilizatorilor pentru a asigura o poziÈionare de top pe Google.</p><div class="overflow-hidden h-6 relative w-full flex justify-center mt-auto z-10"><button class="text-xs font-black uppercase tracking-wider text-[#ff5e62] flex items-center gap-1.5 hover:opacity-80 transition-all transform translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 duration-500 ease-out cursor-pointer">ContacteazÄ-ne<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="absolute bottom-6 right-6"><span class="w-2.5 h-2.5 rounded-full bg-[#ff3366] block animate-pulse"></span></div></div><div class="relative bg-white rounded-3xl border border-gray-100 p-8 md:p-10 flex flex-col items-center text-center shadow-[0_10px_35px_rgba(0,0,0,0.01)] hover:shadow-[0_30px_70px_rgba(0,0,0,0.08)] hover:-translate-y-2.5 transition-all duration-500 group min-h-[420px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="[perspective:1000px] mb-8 w-24 h-24 md:w-28 md:h-28 relative"><div class="relative w-full h-full transition-transform duration-700 group-hover:[transform:rotateY(180deg)]" style="transform-style:preserve-3d"><div class="absolute inset-0 w-full h-full rounded-[2.2rem] bg-gradient-to-tr from-[#9be15d] to-[#00e3ae] flex items-center justify-center text-white shadow-[0_15px_30px_rgba(0,0,0,0.15)]" style="backface-visibility:hidden"><span class="text-3xl md:text-4xl font-black tracking-tight font-sans text-white">03</span></div><div class="absolute inset-0 w-full h-full rounded-[2.2rem] overflow-hidden shadow-2xl border border-white/20" style="backface-visibility:hidden;transform:rotateY(180deg)"><div class="absolute inset-0 bg-gradient-to-tr from-[#9be15d] to-[#00e3ae]" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/35 to-transparent"></div><div class="absolute bottom-2 left-2 w-4 h-4 flex items-center justify-center z-30"><div class="absolute inset-0 rounded-full border border-white/40 animate-ping"></div><div class="w-1.5 h-1.5 rounded-full bg-white shadow-sm"></div></div></div></div></div><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug mb-4 group-hover:text-[#ff3366] transition-colors duration-300">Plata Serviciilor</h3><p class="text-gray-500 text-sm leading-relaxed font-semibold max-w-xs mb-6">Sistem transparent de facturare pe etape de livrare, asigurând controlul total al bugetului tÄu.</p><div class="overflow-hidden h-6 relative w-full flex justify-center mt-auto z-10"><button class="text-xs font-black uppercase tracking-wider text-[#ff5e62] flex items-center gap-1.5 hover:opacity-80 transition-all transform translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 duration-500 ease-out cursor-pointer">ContacteazÄ-ne<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="absolute bottom-6 left-6"><span class="w-2.5 h-2.5 rounded-full bg-emerald-400 block"></span></div></div><div class="relative bg-white rounded-3xl border border-gray-100 p-8 md:p-10 flex flex-col items-center text-center shadow-[0_10px_35px_rgba(0,0,0,0.01)] hover:shadow-[0_30px_70px_rgba(0,0,0,0.08)] hover:-translate-y-2.5 transition-all duration-500 group min-h-[420px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-gray-50/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><div class="[perspective:1000px] mb-8 w-24 h-24 md:w-28 md:h-28 relative"><div class="relative w-full h-full transition-transform duration-700 group-hover:[transform:rotateY(180deg)]" style="transform-style:preserve-3d"><div class="absolute inset-0 w-full h-full rounded-[2.2rem] bg-gradient-to-tr from-[#b224ef] to-[#7579ff] flex items-center justify-center text-white shadow-[0_15px_30px_rgba(0,0,0,0.15)]" style="backface-visibility:hidden"><span class="text-3xl md:text-4xl font-black tracking-tight font-sans text-white">04</span></div><div class="absolute inset-0 w-full h-full rounded-[2.2rem] overflow-hidden shadow-2xl border border-white/20" style="backface-visibility:hidden;transform:rotateY(180deg)"><div class="absolute inset-0 bg-gradient-to-tr from-[#b224ef] to-[#7579ff]" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/35 to-transparent"></div><div class="absolute bottom-2 left-2 w-4 h-4 flex items-center justify-center z-30"><div class="absolute inset-0 rounded-full border border-white/40 animate-ping"></div><div class="w-1.5 h-1.5 rounded-full bg-white shadow-sm"></div></div></div></div></div><h3 class="text-xl md:text-2xl font-black text-gray-900 uppercase tracking-tight leading-snug mb-4 group-hover:text-[#ff3366] transition-colors duration-300">Livrare Èi Succes!</h3><p class="text-gray-500 text-sm leading-relaxed font-semibold max-w-xs mb-6">
28Lansarea platformei tale de elitÄ, optimizatÄ SEO, alÄturi de suport tehnic continuu Èi scalare.</p><div class="overflow-hidden h-6 relative w-full flex justify-center mt-auto z-10"><button class="text-xs font-black uppercase tracking-wider text-[#ff5e62] flex items-center gap-1.5 hover:opacity-80 transition-all transform translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 duration-500 ease-out cursor-pointer">ContacteazÄ-ne<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="absolute bottom-6 right-6"><span class="w-2.5 h-2.5 rounded-full bg-[#00f2fe] block"></span></div></div></div></div></div></section><section id="home-faq" class="relative w-full bg-[#070617] py-24 px-6 md:px-16 overflow-hidden" style="opacity:0;transform:translateY(35px)"><div class="absolute top-[-5%] left-[-5%] w-[500px] h-[500px] bg-[#00f0ff]/[0.05] blur-[140px] rounded-full pointer-events-none"></div><div class="absolute bottom-[-5%] right-[-5%] w-[500px] h-[500px] bg-[#a855f7]/[0.05] blur-[140px] rounded-full pointer-events-none"></div><div class="absolute top-[40%] left-[40%] w-[400px] h-[400px] bg-[#ff3366]/[0.04] blur-[120px] rounded-full pointer-events-none"></div><div class="relative z-10 max-w-6xl mx-auto"><div class="text-center mb-14"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-white/[0.08] bg-white/[0.02] mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark w-3.5 h-3.5 text-[#a855f7] animate-pulse" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><span class="text-[10px] font-black uppercase tracking-[0.3em] text-[#a855f7]">EXPERTIZÄ FULL-STACK</span></div><h2 class="text-3xl md:text-5xl font-black tracking-tighter mb-4"><span class="text-transparent bg-clip-text bg-gradient-to-r from-white via-white to-gray-400">
28ÃntrebÄri<!-- --> </span><span class="text-transparent bg-clip-text bg-gradient-to-r from-[#00f0ff] via-[#a855f7] to-[#ff3366]">Frecvente</span></h2><p class="text-sm md:text-base text-gray-400 font-medium max-w-2xl mx-auto">Tot ce trebuie sÄ Ètii despre capabilitÄÈile tehnice full-stack ale ALLMEDIA Creation</p></div><div class="flex flex-col md:flex-row gap-4"><div class="flex flex-col gap-4 flex-1"><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00f0ff] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,240,255,0.12)] group"><div class="absolute inset-0 bg-[#00f0ff]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00f0ff] to-[#2563eb] flex items-center justify-center text-[10px] font-black text-white shadow-lg">01</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Ce tehnologii front-end utilizaÈi pentru site-uri Èi aplicaÈii web?</span><span class="shrink-0 mt-0.5 text-[#00f0ff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#a855f7] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(168,85,247,0.12)] group"><div class="absolute inset-0 bg-[#a855f7]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#a855f7] to-[#7c3aed] flex items-center justify-center text-[10px] font-black text-white shadow-lg">02</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Ce limbaje si medii back-end acoperiti?</span><span class="shrink-0 mt-0.5 text-[#a855f7]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#ff3366] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(255,51,102,0.12)] group"><div class="absolute inset-0 bg-[#ff3366]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#ff3366] to-[#ff9966] flex items-center justify-center text-[10px] font-black text-white shadow-lg">03</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Cu ce baze de date lucrati?</span><span class="shrink-0 mt-0.5 text-[#ff3366]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00e3ae] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,227,174,0.12)] group"><div class="absolute inset-0 bg-[#00e3ae]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00e3ae] to-[#0072ff] flex items-center justify-center text-[10px] font-black text-white shadow-lg">04</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Puteti crea site-uri si magazine online pe WordPress? Dar teme sau plugin-uri custom?</span><span class="shrink-0 mt-0.5 text-[#00e3ae]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#ffaa44] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(255,170,68,0.12)] group"><div class="absolute inset-0 bg-[#ffaa44]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#ffaa44] to-[#ff6b35] flex items-center justify-center text-[10px] font-black text-white shadow-lg">05</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Ce optiuni de e-commerce oferiti in afara de WooCommerce?</span><span class="shrink-0 mt-0.5 text-[#ffaa44]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00f0ff] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,240,255,0.12)] group"><div class="absolute inset-0 bg-[#00f0ff]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00f0ff] to-[#2563eb] flex items-center justify-center text-[10px] font-black text-white shadow-lg">06</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Puteti dezvolta sisteme CRM sau ERP personalizate?</span><span class="shrink-0 mt-0.5 text-[#00f0ff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#a855f7] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(168,85,247,0.12)] group">
28<div class="absolute inset-0 bg-[#a855f7]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#a855f7] to-[#7c3aed] flex items-center justify-center text-[10px] font-black text-white shadow-lg">07</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Cum integrati Inteligenta Artificiala in proiecte web?</span><span class="shrink-0 mt-0.5 text-[#a855f7]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div><div class="flex flex-col gap-4 flex-1"><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#ff3366] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(255,51,102,0.12)] group"><div class="absolute inset-0 bg-[#ff3366]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#ff3366] to-[#ff9966] flex items-center justify-center text-[10px] font-black text-white shadow-lg">08</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Realizati si integrari cu API-uri externe si servicii terte?</span><span class="shrink-0 mt-0.5 text-[#ff3366]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00e3ae] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,227,174,0.12)] group"><div class="absolute inset-0 bg-[#00e3ae]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00e3ae] to-[#0072ff] flex items-center justify-center text-[10px] font-black text-white shadow-lg">09</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Cum asigurati performanta tehnica si scorul PageSpeed?</span><span class="shrink-0 mt-0.5 text-[#00e3ae]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#ffaa44] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(255,170,68,0.12)] group"><div class="absolute inset-0 bg-[#ffaa44]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#ffaa44] to-[#ff6b35] flex items-center justify-center text-[10px] font-black text-white shadow-lg">10</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Ce masuri de securitate implementati?</span><span class="shrink-0 mt-0.5 text-[#ffaa44]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00f0ff] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,240,255,0.12)] group"><div class="absolute inset-0 bg-[#00f0ff]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00f0ff] to-[#2563eb] flex items-center justify-center text-[10px] font-black text-white shadow-lg">11</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Ce platforme de hosting si DevOps folositi?</span><span class="shrink-0 mt-0.5 text-[#00f0ff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#a855f7] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(168,85,247,0.12)] group">
28<div class="absolute inset-0 bg-[#a855f7]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#a855f7] to-[#7c3aed] flex items-center justify-center text-[10px] font-black text-white shadow-lg">12</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Cat dureaza un proiect si cum arata procesul de colaborare?</span><span class="shrink-0 mt-0.5 text-[#a855f7]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#ff3366] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(255,51,102,0.12)] group"><div class="absolute inset-0 bg-[#ff3366]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#ff3366] to-[#ff9966] flex items-center justify-center text-[10px] font-black text-white shadow-lg">13</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Oferiti suport si mentenanta dupa lansarea proiectului?</span><span class="shrink-0 mt-0.5 text-[#ff3366]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="relative rounded-2xl overflow-hidden border-l-4 border-[#00e3ae] bg-[#0b0a1f]/60 backdrop-blur-sm border border-white/[0.05] transition-all duration-300 hover:shadow-[0_0_24px_rgba(0,227,174,0.12)] group"><div class="absolute inset-0 bg-[#00e3ae]/[0.06] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div><button class="relative w-full flex items-start gap-4 p-5 text-left cursor-pointer" aria-expanded="false"><span class="shrink-0 mt-0.5 w-7 h-7 rounded-lg bg-gradient-to-br from-[#00e3ae] to-[#0072ff] flex items-center justify-center text-[10px] font-black text-white shadow-lg">14</span><span class="flex-1 font-bold text-white text-sm leading-snug pr-2">Care sunt preturile si cum se stabileste bugetul unui proiect?</span><span class="shrink-0 mt-0.5 text-[#00e3ae]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div></div></div></section></div><!--$--><!--/$--></div><div class="w-full min-h-[28rem] bg-[#0d0e02]/80" aria-hidden="true"></div></div>
28<script src="/_next/static/chunks/webpack-42a0fcb353343f63.js" id="_R_" async=""></script>
28<script>(self.__next_f=self.__next_f||[]).push([0])</script>
28<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9915,[\"7177\",\"static/chunks/app/layout-90233f0ed218ccc8.js\"],\"LanguageProvider\"]\n3:I[35153,[\"7177\",\"static/chunks/app/layout-90233f0ed218ccc8.js\"],\"default\"]\n4:I[9766,[],\"\"]\n5:I[98924,[],\"\"]\n6:I[52619,[\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"4345\",\"static/chunks/app/not-found-4d64b377cc669037.js\"],\"\"]\n7:I[53701,[\"7177\",\"static/chunks/app/layout-90233f0ed218ccc8.js\"],\"default\"]\n8:I[41402,[\"7177\",\"static/chunks/app/layout-90233f0ed218ccc8.js\"],\"\"]\n9:I[81959,[],\"ClientPageRoot\"]\na:I[37322,[\"9285\",\"static/chunks/9285-e8a7f7e3cbf001be.js\",\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"2097\",\"static/chunks/2097-92092181f4d7d435.js\",\"5239\",\"static/chunks/5239-efd59dfd70326a2b.js\",\"5549\",\"static/chunks/5549-68ee6ad805ce5ed9.js\",\"1725\",\"static/chunks/1725-3a98c33ce2936ccc.js\",\"8974\",\"static/chunks/app/page-60df95651a12938b.js\"],\"default\"]\nd:I[24431,[],\"OutletBoundary\"]\nf:I[15278,[],\"AsyncMetadataOutlet\"]\n11:I[24431,[],\"ViewportBoundary\"]\n13:I[24431,[],\"MetadataBoundary\"]\n14:\"$Sreact.suspense\"\n16:I[57150,[],\"\"]\n:HL[\"/_next/static/css/e07ff2da0052f207.css\",\"style\"]\n:HL[\"/_next/static/css/e87b4452c5fab3c6.css\",\"style\"]\n"])</script>
28<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Ga61PdIYPProkGofZ-PNK\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e07ff2da0052f207.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e87b4452c5fab3c6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ro\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased font-sans bg-[#050515] text-white\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"w-full min-h-screen bg-[#070617] text-white flex flex-col items-center justify-center font-sans p-4 text-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative flex flex-col items-center max-w-md\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-16 h-16 rounded-full border-2 border-white/[0.04] border-t-[#00f0ff] border-r-[#ff00d4] animate-spin mb-6\"}],[\"$\",\"h1\",null,{\"className\":\"text-6xl font-black text-[#00f0ff] mb-2\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-xl font-bold mb-2\",\"children\":\"Pagina nu a fost gÄsitÄ\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 text-sm mb-6\",\"children\":\"Pagina pe care o cÄutaÈi nu existÄ sau a fost mutatÄ.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"px-6 py-3 rounded-full bg-gradient-to-r from-[#00f0ff] to-[#ff00d4] text-white font-bold text-sm tracking-wider uppercase hover:opacity-90 transition-opacity\",\"children\":\"Ãnapoi la Pagina PrincipalÄ / Home\"}],[\"$\",\"span\",null,{\"className\":\"text-[9px] text-gray-500 font-bold uppercase tracking-wider mt-8\",\"children\":\"ALLMEDIA Creation\"}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L7\",null,{}]]}],[\"$\",\"$L8\",null,{\"strategy\":\"afterInteractive\",\"src\":\"https://www.googletagmanager.com/gtag/js?id=AW-16921563979\"}],[\"$\",\"$L8\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'AW-16921563979');\\n \"}]]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L9\",null,{\"Component\":\"$a\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@b\",\"$@c\"]}],null,[\"$\",\"$Ld\",null,{\"children\":[\"$Le\",[\"$\",\"$Lf\",null,{\"promise\":\"$@10\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],null],[\"$\",\"$L13\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$14\",null,{\"fallback\":null,\"children\":\"$L15\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$16\",[]],\"s\":false,\"S\":true}\n"])</script>
28<script>self.__next_f.push([1,"b:{}\nc:\"$0:f:0:1:2:children:1:props:children:0:props:params\"\n"])</script>
28<script>self.__next_f.push([1,"12:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\ne:null\n"])</script>
28<script>self.__next_f.push([1,"17:I[80622,[],\"IconMark\"]\n"])</script>
28<script>self.__next_f.push([1,"10:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"ALLMEDIA Creation | Software la ComandÄ \u0026 Web Design Premium\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"ALLMEDIA Creation | Software la ComandÄ \u0026 Web Design Premium\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://allmediacreation.ro/\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"ALLMEDIA Creation\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"ro_RO\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://allmediacreation.ro/images/hero-banner-1.webp\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"675\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"ALLMEDIA Creation\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"ALLMEDIA Creation | Software la ComandÄ \u0026 Web Design Premium\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Servicii premium de dezvoltare software custom, sisteme CRM/ERP, magazine online complexe de la zero Èi design web de elitÄ pentru performanÈÄ digitalÄ absolutÄ.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://allmediacreation.ro/images/hero-banner-1.webp\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/images/icon-48.png\",\"sizes\":\"48x48\",\"type\":\"image/png\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/images/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/images/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L17\",\"21\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
28<script>self.__next_f.push([1,"15:\"$10:metadata\"\n"])</script>
28</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.