LIVRESQ – Despre Noi<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n midnight: '#0F1623',\n livresq: {\n fucsia: '#D91278', \n 'fucsia-dark': '#b00e60', \n albastru: '#6fccf0', \n blond: '#faed87', \n darkblue: '#2c3e50', \n light: '#f8f9fa',\n bg: '#fcfcfc', \n text: '#333333'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n },\n boxShadow: {\n 'soft': '0 4px 20px -2px rgba(0, 0, 0, 0.05)',\n 'glow': '0 0 20px rgba(217, 18, 120, 0.15)',\n 'card': '0 10px 30px -5px rgba(0, 0, 0, 0.05)',\n 'card-hover': '0 20px 40px -5px rgba(0, 0, 0, 0.1)',\n 'float': '0 20px 50px -10px rgba(0, 0, 0, 0.1)'\n },\n animation: {\n 'blob': 'blob 7s infinite',\n 'float': 'float 6s ease-in-out infinite',\n 'shimmer': 'shimmer 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n },\n shimmer: {\n '0%': { transform: 'translateX(-150%) skewX(-45deg)' },\n '100%': { transform: 'translateX(150%) skewX(-45deg)' }\n }\n }\n }\n }\n }\n <\/script>\n <style>\n html { scroll-behavior: smooth; }\n \n \/* Grid Pattern *\/\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n }\n\n \/* Midnight Glass *\/\n .glass-panel-midnight {\n background: rgba(15, 22, 35, 0.6);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Spotlight Effect *\/\n .spotlight-card {\n position: relative;\n overflow: hidden;\n }\n .spotlight-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(\n 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n rgba(255, 255, 255, 0.06),\n transparent 40%\n );\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 2;\n }\n .spotlight-card:hover::before {\n opacity: 1;\n }\n\n \/* Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n .delay-300 { transition-delay: 300ms; }\n .delay-400 { transition-delay: 400ms; }\n\n \/* --- WordPress Theme Override Fixes --- *\/\n \/* Force text color and remove underlines for primary buttons *\/\n a.livresq-btn-primary {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n a.livresq-btn-primary:hover,\n a.livresq-btn-primary:focus,\n a.livresq-btn-primary:active {\n color: #ffffff !important;\n text-decoration: none !important;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n \n \/* Specific fix for blue buttons in WP *\/\n a.livresq-btn-blue {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n a.livresq-btn-blue:hover {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n\n \/* General cleanup for links inside the app wrapper if needed *\/\n a:hover {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-700 antialiased bg-white selection:bg-livresq-fucsia selection:text-white\">\n\n <div class=\"min-h-screen bg-slate-50 flex flex-col\">\n \n <main class=\"flex-grow\">\n \n \n <div class=\"relative bg-slate-50 overflow-hidden pt-16 pb-40 lg:pt-24\">\n \n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n <div \n class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"\n style=\"animation-delay: 2s\"\n ><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto reveal\">\n \n \n <div class=\"flex flex-col items-center justify-center mb-8\">\n <img data-recalc-dims=\"1\" decoding=\"async\" \n src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/01\/ascendia_logo.png?w=800&ssl=1\" \n alt=\"Ascendia\" \n class=\"h-8 md:h-10 object-contain opacity-90 hover:opacity-100 transition-opacity\"\n \/>\n <\/div>\n\n \n <span class=\"inline-flex items-center py-1 px-3 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-sm transition-all hover:bg-[#1379D1]\/10\">\n <i data-lucide=\"award\" class=\"w-3 h-3 mr-2\"><\/i> \n LIVRESQ, un produs ASCENDIA, fondat \u00een 2019\n <\/span>\n \n \n <h1 class=\"text-5xl md:text-6xl font-heading font-black text-slate-900 leading-[1.1] tracking-tight mb-6\">\n 19 Ani de <span class=\"text-[#D91278]\">Inova\u021bie<\/span><br\/>\n \u0219i Stabilitate\n <\/h1>\n \n \n <p class=\"mt-4 text-xl text-slate-600 leading-relaxed max-w-2xl mx-auto\">\n Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning.\n <\/p>\n \n \n <div class=\"mt-10 flex flex-col sm:flex-row gap-4 justify-center\">\n \n <a href=\"#company\" class=\"livresq-btn-primary inline-flex items-center justify-center px-8 py-3 bg-[#D91278] hover:bg-[#b00e60] text-white !text-white font-bold text-lg rounded-md shadow-md hover:shadow-lg transition-all duration-300 border border-white\/10 tracking-tight !no-underline\">\n <i data-lucide=\"book-open\" class=\"w-5 h-5 mr-2\"><\/i>\n Povestea Noastr\u0103\n <\/a>\n \n \n <a href=\"#team\" class=\"inline-flex items-center justify-center px-8 py-3 bg-white text-[#1379D1] hover:bg-[#1379D1]\/5 font-bold text-lg rounded-md shadow-sm border border-[#1379D1]\/30 hover:border-[#1379D1] transition-all duration-300 tracking-tight !no-underline\">\n <i data-lucide=\"users\" class=\"w-5 h-5 mr-2\"><\/i>\n Echipa Noastr\u0103\n <\/a>\n <\/div>\n\n \n <div class=\"mt-12 flex items-center justify-center gap-4 text-sm font-bold text-slate-400 uppercase tracking-widest\">\n <span class=\"hidden sm:block h-px w-8 bg-slate-300\"><\/span>\n Validat de Ecosistemul European de Inovare\n <span class=\"hidden sm:block h-px w-8 bg-slate-300\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"container max-w-6xl mx-auto px-6 relative z-20 -mt-24\">\n <div class=\"bg-white rounded-2xl shadow-float border border-gray-100 p-8 grid grid-cols-2 md:grid-cols-4 gap-8\">\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-gray-900 mb-1\">2007<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Anul Fond\u0103rii Ascendia<\/div>\n <\/div>\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-livresq-fucsia mb-1\">BVB<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Listat\u0103 (ASC)<\/div>\n <\/div>\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-livresq-albastru mb-1\">52+<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Parteneri B2B<\/div>\n <\/div>\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-black text-gray-900 mb-1\">46<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Exper\u021bi<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"company\" class=\"py-24 bg-midnight relative overflow-hidden border-t border-slate-800 spotlight-section\">\n \n <div class=\"absolute inset-0 bg-grid-overlay opacity-30 pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 right-0 -translate-y-1\/2 w-[800px] h-[800px] bg-blue-900\/20 rounded-full blur-[120px] pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col md:flex-row items-center gap-16\">\n \n <div class=\"md:w-5\/12 relative reveal\">\n <div class=\"relative group\">\n \n <div class=\"absolute -inset-1 bg-gradient-to-r from-livresq-albastru to-livresq-fucsia rounded-[20px] blur opacity-20 group-hover:opacity-40 transition duration-1000 group-hover:duration-200\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80\" alt=\"Office Building\" class=\"relative z-10 rounded-[12px] shadow-2xl w-full border border-white\/10\" \/>\n \n \n <div class=\"absolute -bottom-6 -right-6 glass-panel-midnight p-6 rounded-[12px] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] z-20 border border-white\/10 hidden md:block backdrop-blur-md\">\n <p class=\"text-xs text-slate-400 font-bold uppercase tracking-wider mb-1\">Simbol Bursier<\/p>\n <div class=\"flex items-center gap-3\">\n <span class=\"text-3xl font-black text-white\">ASC<\/span>\n <i data-lucide=\"trending-up\" class=\"text-emerald-400 w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"md:w-7\/12 relative pl-8 reveal delay-100\">\n \n <div class=\"absolute left-0 top-0 bottom-0 w-[2px] bg-slate-800\"><\/div>\n <div class=\"absolute left-0 top-0 h-24 w-[2px] bg-gradient-to-b from-livresq-fucsia to-transparent\"><\/div>\n \n <h2 class=\"text-3xl md:text-4xl font-heading font-black text-white mb-6 tracking-tight\">\n Transparen\u021b\u0103 \u0219i <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-livresq-fucsia to-livresq-blond\">Stabilitate Financiar\u0103<\/span>\n <\/h2>\n <p class=\"text-lg text-slate-400 mb-6 leading-relaxed font-light\">\n LIVRESQ este un produs dezvoltat de <strong>Ascendia S.A.<\/strong>. \u00cen 2016, am luat decizia strategic\u0103 de a ne lista compania la Bursa de Valori Bucure\u0219ti. Aceast\u0103 mi\u0219care nu a fost doar despre capital, ci despre <strong>transparen\u021b\u0103 total\u0103<\/strong>.\n <\/p>\n <p class=\"text-slate-400 mb-8 leading-relaxed font-light\">\n Partenerii \u0219i clien\u021bii no\u0219tri au siguran\u021ba c\u0103 lucreaz\u0103 cu o entitate stabil\u0103, auditat\u0103 \u0219i verificabil\u0103. Rapoartele noastre privind veniturile, investi\u021biile \u0219i obiectivele sunt publice.\n <\/p>\n \n <ul class=\"space-y-4 mb-10\">\n <li class=\"spotlight-card glass-panel-midnight p-4 rounded-xl flex items-center border border-white\/5 hover:border-white\/20 transition-all group\">\n <div class=\"w-10 h-10 rounded-lg bg-livresq-albastru\/10 flex items-center justify-center text-livresq-albastru mr-4 border border-livresq-albastru\/20 group-hover:bg-livresq-albastru group-hover:text-white transition-colors\">\n <i data-lucide=\"check\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <span class=\"text-slate-300 font-medium group-hover:text-white transition-colors\">Peste 19 ani de experien\u021b\u0103 continu\u0103<\/span>\n <\/li>\n <li class=\"spotlight-card glass-panel-midnight p-4 rounded-xl flex items-center border border-white\/5 hover:border-white\/20 transition-all group\">\n <div class=\"w-10 h-10 rounded-lg bg-livresq-albastru\/10 flex items-center justify-center text-livresq-albastru mr-4 border border-livresq-albastru\/20 group-hover:bg-livresq-albastru group-hover:text-white transition-colors\">\n <i data-lucide=\"building-2\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <span class=\"text-slate-300 font-medium group-hover:text-white transition-colors\">Solu\u021bii utilizate de mari companii \u0219i institu\u021bii publice<\/span>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/www.bvb.ro\/FinancialInstruments\/Details\/FinancialInstrumentsDetails.aspx?s=ASC\" target=\"_blank\" class=\"livresq-btn-primary inline-flex items-center px-6 py-3 rounded-md bg-[#D91278] hover:bg-[#b00e60] text-white !text-white font-bold shadow-lg hover:shadow-livresq-fucsia\/20 transition-all duration-300 border border-white\/10 group !no-underline\">\n Vezi profilul BVB \n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-slate-50 relative overflow-hidden\" id=\"partners-section\">\n \n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n \n <div class=\"text-center mb-16 reveal\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] shadow-sm mb-6\">\n <i data-lucide=\"hexagon\" class=\"w-3.5 h-3.5\"><\/i>\n <span>Business Network<\/span>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-heading font-black text-slate-900 tracking-tight\">\n Parteneri Strategici\n <\/h2>\n <p class=\"mt-4 text-lg text-slate-600 max-w-2xl mx-auto\">\n Explora\u021bi industriile care au ales Ascendia pentru transformarea digital\u0103.\n <\/p>\n <\/div>\n \n \n <div class=\"flex flex-col lg:flex-row gap-8 lg:h-[500px] reveal delay-100\">\n \n \n <div class=\"lg:w-1\/3 flex flex-col gap-3\" id=\"partners-nav\">\n \n \n <button data-index=\"0\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-[#1379D1] border-[#1379D1] text-white shadow-lg scale-100 lg:translate-x-2\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-white\/20 text-white\">\n <i data-lucide=\"landmark\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-white\">Financiar & Asigur\u0103ri<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-white\/80\"><\/i>\n <\/button>\n\n \n <button data-index=\"1\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"zap\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Industrie & Energie<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"2\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"truck\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Retail & Logistic\u0103<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"3\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"activity\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">S\u0103n\u0103tate & Pharma<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"4\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"cpu\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Tech & Servicii<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n <\/div>\n \n \n <div class=\"lg:w-2\/3 relative\" id=\"partners-content\">\n \n <div data-index=\"0\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-100 translate-y-0 z-10\">\n <div class=\"h-1.5 w-full bg-emerald-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"landmark\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-emerald-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Financiar & Asigur\u0103ri<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Solu\u021bii de training securizate pentru sectorul bancar \u0219i asigur\u0103ri.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-emerald-50 text-emerald-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n \n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">ING Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Raiffeisen Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">CEC Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Allianz \u021airiac<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Groupama<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Provident<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Raiffeisen Leasing<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>7 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-emerald-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"1\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-amber-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"zap\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-amber-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Industrie & Energie<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Digitalizarea proceselor de safety \u0219i training tehnic pentru gigan\u021bi industriali.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-amber-50 text-amber-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">OMV Petrom<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">E.ON \/ Delgaz Grid<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Continental<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Garrett Motion<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Ariston Thermo Group<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>5 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-amber-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"2\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-blue-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"truck\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-blue-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Retail & Logistic\u0103<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Onboarding rapid \u0219i eficient pentru echipe distribuite na\u021bional.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-blue-50 text-blue-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">eMAG<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Auchan<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Carrefour<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">REWE Group<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Mega Image<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Profi<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Sameday<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Fan Courier<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>8 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-blue-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n \n \n <div data-index=\"3\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-pink-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"activity\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-pink-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">S\u0103n\u0103tate & Pharma<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Educa\u021bie medical\u0103 continu\u0103 \u0219i conformitate la standarde \u00eenalte.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-pink-50 text-pink-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Regina Maria<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">MedLife<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Medicover<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Synevo<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Antibiotice SA<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>5 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-pink-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"4\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-indigo-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"cpu\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-indigo-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Tech & Servicii<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Parteneriate strategice pentru inova\u021bie \u00een tehnologie \u0219i servicii B2B.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-indigo-50 text-indigo-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Google<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Microsoft<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">UiPath<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Samsung<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Accenture<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Ipsos<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">CGS<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>7 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-indigo-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"hidden lg:block h-full w-full invisible pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-32 bg-midnight border-t border-slate-800 relative overflow-hidden spotlight-section\">\n \n <div class=\"absolute inset-0 bg-grid-overlay opacity-20 pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[1000px] h-[1000px] bg-blue-900\/20 rounded-full blur-[120px] pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n \n \n <div class=\"flex flex-col items-center text-center relative z-20 mb-4 reveal\">\n <span class=\"inline-flex items-center py-1.5 px-4 rounded-lg border border-[#D91278]\/30 bg-[#D91278]\/10 text-[#D91278] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-[0_0_15px_rgba(217,18,120,0.2)]\">\n <i data-lucide=\"network\" class=\"w-3 h-3 mr-2\"><\/i> \n Ecosistem Integrat\n <\/span>\n \n <h2 class=\"text-4xl md:text-5xl font-heading font-black text-white mb-6 tracking-tight\">\n Interconectare Perfect\u0103\n <\/h2>\n \n <p class=\"text-lg text-slate-400 max-w-2xl font-light leading-relaxed\">\n O suit\u0103 complet\u0103 de instrumente care func\u021bioneaz\u0103 \u00eempreun\u0103 pentru a livra experien\u021be de \u00eenv\u0103\u021bare f\u0103r\u0103 cusur.\n <\/p>\n <\/div>\n \n \n <div class=\"hidden lg:block relative h-20 w-full reveal delay-100 mb-2\">\n \n <div class=\"absolute left-1\/2 -translate-x-1\/2 top-0 h-1\/2 w-px bg-gradient-to-b from-slate-700\/0 via-slate-600 to-blue-500\/50\"><\/div>\n \n \n <div class=\"absolute left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 bg-[#0F1623] border border-blue-500 rounded-full shadow-[0_0_15px_rgba(59,130,246,0.6)] z-20 flex items-center justify-center\">\n <div class=\"w-1.5 h-1.5 bg-blue-400 rounded-full animate-pulse\"><\/div>\n <\/div>\n \n \n <div class=\"absolute top-1\/2 left-[12.5%] right-[12.5%] h-px bg-gradient-to-r from-transparent via-blue-500\/30 to-transparent\"><\/div>\n \n \n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 12.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 37.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 62.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 87.5%\"><\/div>\n \n \n <div class=\"absolute top-1\/2 left-[12.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 left-[37.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 right-[37.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 right-[12.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <\/div>\n \n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"relative group reveal\" style=\"transition-delay: 100ms\">\n <a href=\"https:\/\/livresq.com\/ro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-livresq-fucsia\/10 flex items-center justify-center mb-6 border border-livresq-fucsia\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-livresq-fucsia\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-livresq-fucsia\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">LIVRESQ<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Editorul nostru fanion. Creeaz\u0103 cursuri interactive HTML5, compatibile SCORM.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-livresq-fucsia\">\n Viziteaz\u0103 site-ul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"relative group reveal\" style=\"transition-delay: 200ms\">\n <a href=\"https:\/\/coffeelms.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-blue-500\/10 flex items-center justify-center mb-6 border border-blue-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"server\" class=\"w-8 h-8 text-blue-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-blue-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">CoffeeLMS<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n LMS robust \u0219i flexibil pentru gestionarea cursan\u021bilor \u0219i raportarea progresului.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-blue-400\">\n Viziteaz\u0103 site-ul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div class=\"relative group reveal\" style=\"transition-delay: 300ms\">\n <a href=\"https:\/\/ascendia.ro\/?path=\/en\/microlearning-courses\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-amber-500\/10 flex items-center justify-center mb-6 border border-amber-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"graduation-cap\" class=\"w-8 h-8 text-amber-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-amber-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">eJourneys<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Bibliotec\u0103 de cursuri ‘off-the-shelf’. Con\u021binut gata realizat pentru competen\u021be.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-amber-400\">\n Vezi catalogul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div class=\"relative group reveal\" style=\"transition-delay: 400ms\">\n <a href=\"https:\/\/ascendia.ro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-purple-500\/10 flex items-center justify-center mb-6 border border-purple-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"pen-tool\" class=\"w-8 h-8 text-purple-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-purple-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">Bespoke<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Creare de con\u021binut e-learning personalizat pentru proiecte de mari dimensiuni.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-purple-400\">\n Afl\u0103 mai multe <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"py-24 bg-white relative\">\n <div class=\"container max-w-7xl mx-auto px-6\">\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-20\">\n <div class=\"md:w-1\/2\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\">ADN-ul Nostru: <span class=\"text-[#D91278]\">Educa\u021bia<\/span><\/h2>\n <p class=\"text-gray-600 mb-8 leading-relaxed font-light text-lg\">\n Suntem o echip\u0103 de <strong>46 de speciali\u0219ti<\/strong>. Dar mai mult dec\u00e2t at\u00e2t, suntem oameni care \u00een\u021beleg educa\u021bia din interior.\n <\/p>\n \n <div class=\"relative pl-6 border-l-4 border-livresq-blond bg-livresq-light\/50 p-6 rounded-r-xl mb-8\">\n <div class=\"absolute -top-4 -left-4 bg-white rounded-full p-1 border border-gray-100\">\n <i data-lucide=\"quote\" class=\"text-livresq-blond w-6 h-6\"><\/i>\n <\/div>\n <blockquote class=\"italic text-gray-700 font-medium\">\n „Mul\u021bi dintre noi au p\u0103rin\u021bi profesori. \u0218tim provoc\u0103rile sistemului \u0219i dorim s\u0103 facem o diferen\u021b\u0103 real\u0103, tangibil\u0103, pentru \u00eentregul sector educa\u021bional.”\n <\/blockquote>\n <\/div>\n \n <a href=\"https:\/\/livresq.com\/ro\/contact\/\" target=\"_blank\" class=\"livresq-btn-blue mt-10 p-6 bg-[#1379D1] rounded-md text-white !text-white shadow-md flex items-center justify-between group cursor-pointer hover:shadow-lg hover:-translate-y-1 transition-all duration-300 no-underline hover:text-white border border-white\/10 !no-underline\">\n <div>\n <h4 class=\"font-bold text-lg mb-1 group-hover:text-white tracking-tight\">Carier\u0103 la LIVRESQ<\/h4>\n <p class=\"text-sm text-blue-100 font-medium group-hover:text-white transition-colors\">C\u0103ut\u0103m constant oameni talenta\u021bi.<\/p>\n <\/div>\n <div class=\"w-10 h-10 shrink-0 rounded-full bg-white\/20 flex items-center justify-center group-hover:bg-[#D91278] transition-colors duration-300 border border-white\/10\">\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n \n <div class=\"md:w-1\/2 relative\">\n <div class=\"absolute -top-10 -right-10 w-64 h-64 bg-livresq-light rounded-full mix-blend-multiply filter blur-3xl opacity-70\"><\/div>\n \n <div class=\"grid grid-cols-2 gap-6 relative z-10\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/02\/Ascendia-Stand.jpg?w=800&ssl=1\" alt=\"Echipa Ascendia la stand\" class=\"rounded-[12px] shadow-card transform translate-y-12 hover:-translate-y-2 transition duration-500 w-full object-cover h-64\" \/>\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia.jpeg?w=800&ssl=1\" alt=\"Echipa Ascendia grup\" class=\"rounded-[12px] shadow-soft hover:-translate-y-2 transition duration-500 w-full object-cover h-64\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <script>\n \/\/ 1. Initialize Lucide Icons\n lucide.createIcons();\n\n \/\/ 2. Scroll Reveal Animation\n document.addEventListener('DOMContentLoaded', () => {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\" \n });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n });\n\n \/\/ 3. Spotlight Effect Logic\n document.querySelectorAll('.spotlight-section').forEach(section => {\n section.addEventListener('mousemove', (e) => {\n const cards = section.querySelectorAll('.spotlight-card');\n cards.forEach(card => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n card.style.setProperty('--mouse-x', `${x}px`);\n card.style.setProperty('--mouse-y', `${y}px`);\n });\n });\n });\n\n \/\/ 4. Trusted Partners Tabs Logic\n const navButtons = document.querySelectorAll('.partner-btn');\n const contentPanels = document.querySelectorAll('.partner-content');\n\n \/\/ Styles for active\/inactive states\n const activeBtnClasses = ['bg-[#1379D1]', 'border-[#1379D1]', 'text-white', 'shadow-lg', 'scale-100', 'lg:translate-x-2'];\n const inactiveBtnClasses = ['bg-white', 'border-slate-200', 'text-slate-600', 'hover:border-[#1379D1]\/50', 'hover:bg-slate-50'];\n\n navButtons.forEach(btn => {\n btn.addEventListener('click', () => {\n const index = btn.getAttribute('data-index');\n\n \/\/ Update Buttons\n navButtons.forEach(b => {\n const iconBox = b.querySelector('div:first-child');\n \/\/ FIX: Select SVG because Lucide replaces <i> tags with <svg>\n const arrow = b.querySelector('.lucide-chevron-right'); \n const title = b.querySelector('h3');\n\n if(b === btn) {\n \/\/ Activate\n b.classList.remove(...inactiveBtnClasses);\n b.classList.add(...activeBtnClasses);\n \n \/\/ Icon Box\n iconBox.classList.remove('bg-slate-100', 'text-slate-400', 'group-hover:bg-white', 'group-hover:text-[#1379D1]');\n iconBox.classList.add('bg-white\/20', 'text-white');\n \n \/\/ Title\n title.classList.remove('text-slate-800');\n title.classList.add('text-white');\n \n \/\/ Arrow\n if(arrow) {\n arrow.classList.remove('text-slate-300', 'opacity-0');\n arrow.classList.add('text-white\/80', 'opacity-100');\n }\n } else {\n \/\/ Deactivate\n b.classList.remove(...activeBtnClasses);\n b.classList.add(...inactiveBtnClasses);\n \n \/\/ Icon Box\n iconBox.classList.remove('bg-white\/20', 'text-white');\n iconBox.classList.add('bg-slate-100', 'text-slate-400', 'group-hover:bg-white', 'group-hover:text-[#1379D1]');\n \n \/\/ Title - Force Dark Text\n title.classList.remove('text-white');\n title.classList.add('text-slate-800');\n \n \/\/ Arrow\n if(arrow) {\n arrow.classList.remove('text-white\/80', 'opacity-100');\n arrow.classList.add('text-slate-300', 'opacity-0');\n }\n }\n });\n\n \/\/ Update Content Panels\n contentPanels.forEach(panel => {\n if(panel.getAttribute('data-index') === index) {\n panel.classList.remove('opacity-0', 'translate-y-8', 'z-0', 'pointer-events-none');\n panel.classList.add('opacity-100', 'translate-y-0', 'z-10');\n } else {\n panel.classList.remove('opacity-100', 'translate-y-0', 'z-10');\n panel.classList.add('opacity-0', 'translate-y-8', 'z-0', 'pointer-events-none');\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]<\/p>\n","protected":false},"author":2,"featured_media":278110,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-278106","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Despre noi - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/en\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Despre noi - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/en\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T09:29:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/\",\"url\":\"https:\/\/livresq.com\/despre-noi\/\",\"name\":\"Despre noi - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"datePublished\":\"2022-12-04T10:37:32+00:00\",\"dateModified\":\"2026-03-31T09:29:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/despre-noi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"width\":1200,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Despre noi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"About us - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/en\/about-us\/","og_locale":"en_US","og_type":"article","og_title":"Despre noi - LIVRESQ","og_description":"LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]","og_url":"https:\/\/livresq.com\/en\/about-us\/","og_site_name":"LIVRESQ","article_modified_time":"2026-03-31T09:29:58+00:00","og_image":[{"width":1200,"height":750,"url":"https:\/\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/despre-noi\/","url":"https:\/\/livresq.com\/despre-noi\/","name":"About us - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","datePublished":"2022-12-04T10:37:32+00:00","dateModified":"2026-03-31T09:29:58+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/despre-noi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/despre-noi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","width":1200,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/despre-noi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Despre noi"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"eLearning Authoring Tool","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/comments?post=278106"}],"version-history":[{"count":59,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106\/revisions"}],"predecessor-version":[{"id":490848,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106\/revisions\/490848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/media\/278110"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/media?parent=278106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":278106,"date":"2022-12-04T12:37:32","date_gmt":"2022-12-04T10:37:32","guid":{"rendered":"https:\/\/livresq.com\/?page_id=278106"},"modified":"2026-03-31T12:29:58","modified_gmt":"2026-03-31T09:29:58","slug":"about-us","status":"publish","type":"page","link":"https:\/\/livresq.com\/en\/despre-noi\/","title":{"rendered":"About Us"},"content":{"rendered":"\n\n\n\n \n \n LIVRESQ – Despre Noi<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n midnight: '#0F1623',\n livresq: {\n fucsia: '#D91278', \n 'fucsia-dark': '#b00e60', \n albastru: '#6fccf0', \n blond: '#faed87', \n darkblue: '#2c3e50', \n light: '#f8f9fa',\n bg: '#fcfcfc', \n text: '#333333'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n },\n boxShadow: {\n 'soft': '0 4px 20px -2px rgba(0, 0, 0, 0.05)',\n 'glow': '0 0 20px rgba(217, 18, 120, 0.15)',\n 'card': '0 10px 30px -5px rgba(0, 0, 0, 0.05)',\n 'card-hover': '0 20px 40px -5px rgba(0, 0, 0, 0.1)',\n 'float': '0 20px 50px -10px rgba(0, 0, 0, 0.1)'\n },\n animation: {\n 'blob': 'blob 7s infinite',\n 'float': 'float 6s ease-in-out infinite',\n 'shimmer': 'shimmer 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n },\n shimmer: {\n '0%': { transform: 'translateX(-150%) skewX(-45deg)' },\n '100%': { transform: 'translateX(150%) skewX(-45deg)' }\n }\n }\n }\n }\n }\n <\/script>\n <style>\n html { scroll-behavior: smooth; }\n \n \/* Grid Pattern *\/\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n }\n\n \/* Midnight Glass *\/\n .glass-panel-midnight {\n background: rgba(15, 22, 35, 0.6);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Spotlight Effect *\/\n .spotlight-card {\n position: relative;\n overflow: hidden;\n }\n .spotlight-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(\n 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n rgba(255, 255, 255, 0.06),\n transparent 40%\n );\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 2;\n }\n .spotlight-card:hover::before {\n opacity: 1;\n }\n\n \/* Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n .delay-300 { transition-delay: 300ms; }\n .delay-400 { transition-delay: 400ms; }\n\n \/* --- WordPress Theme Override Fixes --- *\/\n \/* Force text color and remove underlines for primary buttons *\/\n a.livresq-btn-primary {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n a.livresq-btn-primary:hover,\n a.livresq-btn-primary:focus,\n a.livresq-btn-primary:active {\n color: #ffffff !important;\n text-decoration: none !important;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n \n \/* Specific fix for blue buttons in WP *\/\n a.livresq-btn-blue {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n a.livresq-btn-blue:hover {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n\n \/* General cleanup for links inside the app wrapper if needed *\/\n a:hover {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-700 antialiased bg-white selection:bg-livresq-fucsia selection:text-white\">\n\n <div class=\"min-h-screen bg-slate-50 flex flex-col\">\n \n <main class=\"flex-grow\">\n \n \n <div class=\"relative bg-slate-50 overflow-hidden pt-16 pb-40 lg:pt-24\">\n \n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n <div \n class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"\n style=\"animation-delay: 2s\"\n ><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto reveal\">\n \n \n <div class=\"flex flex-col items-center justify-center mb-8\">\n <img data-recalc-dims=\"1\" decoding=\"async\" \n src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/01\/ascendia_logo.png?w=800&ssl=1\" \n alt=\"Ascendia\" \n class=\"h-8 md:h-10 object-contain opacity-90 hover:opacity-100 transition-opacity\"\n \/>\n <\/div>\n\n \n <span class=\"inline-flex items-center py-1 px-3 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-sm transition-all hover:bg-[#1379D1]\/10\">\n <i data-lucide=\"award\" class=\"w-3 h-3 mr-2\"><\/i> \n LIVRESQ, un produs ASCENDIA, fondat \u00een 2019\n <\/span>\n \n \n <h1 class=\"text-5xl md:text-6xl font-heading font-black text-slate-900 leading-[1.1] tracking-tight mb-6\">\n 19 Ani de <span class=\"text-[#D91278]\">Inova\u021bie<\/span><br\/>\n \u0219i Stabilitate\n <\/h1>\n \n \n <p class=\"mt-4 text-xl text-slate-600 leading-relaxed max-w-2xl mx-auto\">\n Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning.\n <\/p>\n \n \n <div class=\"mt-10 flex flex-col sm:flex-row gap-4 justify-center\">\n \n <a href=\"#company\" class=\"livresq-btn-primary inline-flex items-center justify-center px-8 py-3 bg-[#D91278] hover:bg-[#b00e60] text-white !text-white font-bold text-lg rounded-md shadow-md hover:shadow-lg transition-all duration-300 border border-white\/10 tracking-tight !no-underline\">\n <i data-lucide=\"book-open\" class=\"w-5 h-5 mr-2\"><\/i>\n Povestea Noastr\u0103\n <\/a>\n \n \n <a href=\"#team\" class=\"inline-flex items-center justify-center px-8 py-3 bg-white text-[#1379D1] hover:bg-[#1379D1]\/5 font-bold text-lg rounded-md shadow-sm border border-[#1379D1]\/30 hover:border-[#1379D1] transition-all duration-300 tracking-tight !no-underline\">\n <i data-lucide=\"users\" class=\"w-5 h-5 mr-2\"><\/i>\n Echipa Noastr\u0103\n <\/a>\n <\/div>\n\n \n <div class=\"mt-12 flex items-center justify-center gap-4 text-sm font-bold text-slate-400 uppercase tracking-widest\">\n <span class=\"hidden sm:block h-px w-8 bg-slate-300\"><\/span>\n Validat de Ecosistemul European de Inovare\n <span class=\"hidden sm:block h-px w-8 bg-slate-300\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"container max-w-6xl mx-auto px-6 relative z-20 -mt-24\">\n <div class=\"bg-white rounded-2xl shadow-float border border-gray-100 p-8 grid grid-cols-2 md:grid-cols-4 gap-8\">\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-gray-900 mb-1\">2007<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Anul Fond\u0103rii Ascendia<\/div>\n <\/div>\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-livresq-fucsia mb-1\">BVB<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Listat\u0103 (ASC)<\/div>\n <\/div>\n <div class=\"text-center md:border-r md:border-gray-100 last:border-0\">\n <div class=\"text-3xl lg:text-4xl font-black text-livresq-albastru mb-1\">52+<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Parteneri B2B<\/div>\n <\/div>\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-black text-gray-900 mb-1\">46<\/div>\n <div class=\"text-xs text-gray-500 uppercase tracking-widest font-semibold\">Exper\u021bi<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"company\" class=\"py-24 bg-midnight relative overflow-hidden border-t border-slate-800 spotlight-section\">\n \n <div class=\"absolute inset-0 bg-grid-overlay opacity-30 pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 right-0 -translate-y-1\/2 w-[800px] h-[800px] bg-blue-900\/20 rounded-full blur-[120px] pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col md:flex-row items-center gap-16\">\n \n <div class=\"md:w-5\/12 relative reveal\">\n <div class=\"relative group\">\n \n <div class=\"absolute -inset-1 bg-gradient-to-r from-livresq-albastru to-livresq-fucsia rounded-[20px] blur opacity-20 group-hover:opacity-40 transition duration-1000 group-hover:duration-200\"><\/div>\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80\" alt=\"Office Building\" class=\"relative z-10 rounded-[12px] shadow-2xl w-full border border-white\/10\" \/>\n \n \n <div class=\"absolute -bottom-6 -right-6 glass-panel-midnight p-6 rounded-[12px] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)] z-20 border border-white\/10 hidden md:block backdrop-blur-md\">\n <p class=\"text-xs text-slate-400 font-bold uppercase tracking-wider mb-1\">Simbol Bursier<\/p>\n <div class=\"flex items-center gap-3\">\n <span class=\"text-3xl font-black text-white\">ASC<\/span>\n <i data-lucide=\"trending-up\" class=\"text-emerald-400 w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"md:w-7\/12 relative pl-8 reveal delay-100\">\n \n <div class=\"absolute left-0 top-0 bottom-0 w-[2px] bg-slate-800\"><\/div>\n <div class=\"absolute left-0 top-0 h-24 w-[2px] bg-gradient-to-b from-livresq-fucsia to-transparent\"><\/div>\n \n <h2 class=\"text-3xl md:text-4xl font-heading font-black text-white mb-6 tracking-tight\">\n Transparen\u021b\u0103 \u0219i <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-livresq-fucsia to-livresq-blond\">Stabilitate Financiar\u0103<\/span>\n <\/h2>\n <p class=\"text-lg text-slate-400 mb-6 leading-relaxed font-light\">\n LIVRESQ este un produs dezvoltat de <strong>Ascendia S.A.<\/strong>. \u00cen 2016, am luat decizia strategic\u0103 de a ne lista compania la Bursa de Valori Bucure\u0219ti. Aceast\u0103 mi\u0219care nu a fost doar despre capital, ci despre <strong>transparen\u021b\u0103 total\u0103<\/strong>.\n <\/p>\n <p class=\"text-slate-400 mb-8 leading-relaxed font-light\">\n Partenerii \u0219i clien\u021bii no\u0219tri au siguran\u021ba c\u0103 lucreaz\u0103 cu o entitate stabil\u0103, auditat\u0103 \u0219i verificabil\u0103. Rapoartele noastre privind veniturile, investi\u021biile \u0219i obiectivele sunt publice.\n <\/p>\n \n <ul class=\"space-y-4 mb-10\">\n <li class=\"spotlight-card glass-panel-midnight p-4 rounded-xl flex items-center border border-white\/5 hover:border-white\/20 transition-all group\">\n <div class=\"w-10 h-10 rounded-lg bg-livresq-albastru\/10 flex items-center justify-center text-livresq-albastru mr-4 border border-livresq-albastru\/20 group-hover:bg-livresq-albastru group-hover:text-white transition-colors\">\n <i data-lucide=\"check\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <span class=\"text-slate-300 font-medium group-hover:text-white transition-colors\">Peste 19 ani de experien\u021b\u0103 continu\u0103<\/span>\n <\/li>\n <li class=\"spotlight-card glass-panel-midnight p-4 rounded-xl flex items-center border border-white\/5 hover:border-white\/20 transition-all group\">\n <div class=\"w-10 h-10 rounded-lg bg-livresq-albastru\/10 flex items-center justify-center text-livresq-albastru mr-4 border border-livresq-albastru\/20 group-hover:bg-livresq-albastru group-hover:text-white transition-colors\">\n <i data-lucide=\"building-2\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <span class=\"text-slate-300 font-medium group-hover:text-white transition-colors\">Solu\u021bii utilizate de mari companii \u0219i institu\u021bii publice<\/span>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/www.bvb.ro\/FinancialInstruments\/Details\/FinancialInstrumentsDetails.aspx?s=ASC\" target=\"_blank\" class=\"livresq-btn-primary inline-flex items-center px-6 py-3 rounded-md bg-[#D91278] hover:bg-[#b00e60] text-white !text-white font-bold shadow-lg hover:shadow-livresq-fucsia\/20 transition-all duration-300 border border-white\/10 group !no-underline\">\n Vezi profilul BVB \n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-slate-50 relative overflow-hidden\" id=\"partners-section\">\n \n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n \n <div class=\"text-center mb-16 reveal\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] shadow-sm mb-6\">\n <i data-lucide=\"hexagon\" class=\"w-3.5 h-3.5\"><\/i>\n <span>Business Network<\/span>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-heading font-black text-slate-900 tracking-tight\">\n Parteneri Strategici\n <\/h2>\n <p class=\"mt-4 text-lg text-slate-600 max-w-2xl mx-auto\">\n Explora\u021bi industriile care au ales Ascendia pentru transformarea digital\u0103.\n <\/p>\n <\/div>\n \n \n <div class=\"flex flex-col lg:flex-row gap-8 lg:h-[500px] reveal delay-100\">\n \n \n <div class=\"lg:w-1\/3 flex flex-col gap-3\" id=\"partners-nav\">\n \n \n <button data-index=\"0\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-[#1379D1] border-[#1379D1] text-white shadow-lg scale-100 lg:translate-x-2\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-white\/20 text-white\">\n <i data-lucide=\"landmark\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-white\">Financiar & Asigur\u0103ri<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-white\/80\"><\/i>\n <\/button>\n\n \n <button data-index=\"1\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"zap\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Industrie & Energie<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"2\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"truck\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Retail & Logistic\u0103<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"3\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"activity\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">S\u0103n\u0103tate & Pharma<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n\n \n <button data-index=\"4\" class=\"partner-btn group flex items-center gap-4 p-4 rounded-md transition-all duration-300 text-left border bg-white border-slate-200 text-slate-600 hover:border-[#1379D1]\/50 hover:bg-slate-50\">\n <div class=\"w-10 h-10 rounded-md flex items-center justify-center transition-colors duration-300 bg-slate-100 text-slate-400 group-hover:bg-white group-hover:text-[#1379D1]\">\n <i data-lucide=\"cpu\" class=\"w-5 h-5\"><\/i>\n <\/div>\n <div class=\"flex-1\">\n <h3 class=\"font-bold text-base leading-tight text-slate-800\">Tech & Servicii<\/h3>\n <\/div>\n <i data-lucide=\"chevron-right\" class=\"w-5 h-5 transition-transform duration-300 text-slate-300 opacity-0 group-hover:opacity-100\"><\/i>\n <\/button>\n <\/div>\n \n \n <div class=\"lg:w-2\/3 relative\" id=\"partners-content\">\n \n <div data-index=\"0\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-100 translate-y-0 z-10\">\n <div class=\"h-1.5 w-full bg-emerald-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"landmark\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-emerald-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Financiar & Asigur\u0103ri<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Solu\u021bii de training securizate pentru sectorul bancar \u0219i asigur\u0103ri.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-emerald-50 text-emerald-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n \n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">ING Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Raiffeisen Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">CEC Bank<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Allianz \u021airiac<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Groupama<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Provident<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-emerald-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Raiffeisen Leasing<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>7 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-emerald-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"1\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-amber-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"zap\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-amber-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Industrie & Energie<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Digitalizarea proceselor de safety \u0219i training tehnic pentru gigan\u021bi industriali.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-amber-50 text-amber-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">OMV Petrom<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">E.ON \/ Delgaz Grid<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Continental<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Garrett Motion<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-amber-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Ariston Thermo Group<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>5 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-amber-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"2\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-blue-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"truck\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-blue-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Retail & Logistic\u0103<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Onboarding rapid \u0219i eficient pentru echipe distribuite na\u021bional.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-blue-50 text-blue-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">eMAG<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Auchan<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Carrefour<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">REWE Group<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Mega Image<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Profi<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Sameday<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Fan Courier<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>8 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-blue-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n \n \n <div data-index=\"3\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-pink-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"activity\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-pink-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">S\u0103n\u0103tate & Pharma<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Educa\u021bie medical\u0103 continu\u0103 \u0219i conformitate la standarde \u00eenalte.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-pink-50 text-pink-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Regina Maria<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">MedLife<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Medicover<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Synevo<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-pink-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Antibiotice SA<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>5 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-pink-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n\n \n <div data-index=\"4\" class=\"partner-content absolute inset-0 bg-white rounded-md border border-slate-200 shadow-xl overflow-hidden transition-all duration-500 ease-out flex flex-col opacity-0 translate-y-8 z-0 pointer-events-none\">\n <div class=\"h-1.5 w-full bg-indigo-500\"><\/div>\n <div class=\"p-8 lg:p-10 flex-1 flex flex-col relative\">\n <i data-lucide=\"cpu\" class=\"absolute -bottom-8 -right-8 w-64 h-64 opacity-5 text-indigo-600 pointer-events-none\"><\/i>\n <div class=\"flex items-start justify-between mb-8\">\n <div>\n <h3 class=\"text-3xl font-black text-slate-900 mb-2\">Tech & Servicii<\/h3>\n <p class=\"text-slate-500 text-lg font-medium\">Parteneriate strategice pentru inova\u021bie \u00een tehnologie \u0219i servicii B2B.<\/p>\n <\/div>\n <div class=\"hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-indigo-50 text-indigo-600\">\n <i data-lucide=\"activity\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mt-auto relative z-10\">\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Google<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Microsoft<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">UiPath<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Samsung<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Accenture<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">Ipsos<\/span>\n <\/div>\n <div class=\"group\/card flex items-center gap-3 p-3 rounded-md bg-slate-50 border border-slate-100 hover:bg-white hover:shadow-md hover:border-[#1379D1]\/30 transition-all duration-300 cursor-default\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500 opacity-50 group-hover\/card:opacity-100 transition-opacity\"><\/div><span class=\"font-semibold text-slate-700 text-sm group-hover\/card:text-slate-900\">CGS<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 px-8 py-4 border-t border-slate-100 flex items-center justify-between text-xs font-bold text-slate-500 uppercase tracking-wider\">\n <span>7 Parteneri Activi<\/span>\n <span class=\"flex items-center gap-2\"><i data-lucide=\"circle\" class=\"w-2 h-2 fill-current text-indigo-600\"><\/i> Parteneriat Verificat<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"hidden lg:block h-full w-full invisible pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-32 bg-midnight border-t border-slate-800 relative overflow-hidden spotlight-section\">\n \n <div class=\"absolute inset-0 bg-grid-overlay opacity-20 pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[1000px] h-[1000px] bg-blue-900\/20 rounded-full blur-[120px] pointer-events-none\"><\/div>\n \n <div class=\"container max-w-7xl mx-auto px-6 relative z-10\">\n \n \n <div class=\"flex flex-col items-center text-center relative z-20 mb-4 reveal\">\n <span class=\"inline-flex items-center py-1.5 px-4 rounded-lg border border-[#D91278]\/30 bg-[#D91278]\/10 text-[#D91278] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-[0_0_15px_rgba(217,18,120,0.2)]\">\n <i data-lucide=\"network\" class=\"w-3 h-3 mr-2\"><\/i> \n Ecosistem Integrat\n <\/span>\n \n <h2 class=\"text-4xl md:text-5xl font-heading font-black text-white mb-6 tracking-tight\">\n Interconectare Perfect\u0103\n <\/h2>\n \n <p class=\"text-lg text-slate-400 max-w-2xl font-light leading-relaxed\">\n O suit\u0103 complet\u0103 de instrumente care func\u021bioneaz\u0103 \u00eempreun\u0103 pentru a livra experien\u021be de \u00eenv\u0103\u021bare f\u0103r\u0103 cusur.\n <\/p>\n <\/div>\n \n \n <div class=\"hidden lg:block relative h-20 w-full reveal delay-100 mb-2\">\n \n <div class=\"absolute left-1\/2 -translate-x-1\/2 top-0 h-1\/2 w-px bg-gradient-to-b from-slate-700\/0 via-slate-600 to-blue-500\/50\"><\/div>\n \n \n <div class=\"absolute left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-4 h-4 bg-[#0F1623] border border-blue-500 rounded-full shadow-[0_0_15px_rgba(59,130,246,0.6)] z-20 flex items-center justify-center\">\n <div class=\"w-1.5 h-1.5 bg-blue-400 rounded-full animate-pulse\"><\/div>\n <\/div>\n \n \n <div class=\"absolute top-1\/2 left-[12.5%] right-[12.5%] h-px bg-gradient-to-r from-transparent via-blue-500\/30 to-transparent\"><\/div>\n \n \n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 12.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 37.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 62.5%\"><\/div>\n <div class=\"absolute top-1\/2 w-1.5 h-1.5 bg-blue-500\/50 rounded-full -translate-x-1\/2 -translate-y-1\/2\" style=\"left: 87.5%\"><\/div>\n \n \n <div class=\"absolute top-1\/2 left-[12.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 left-[37.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 right-[37.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <div class=\"absolute top-1\/2 right-[12.5%] h-1\/2 w-px bg-gradient-to-b from-blue-500\/30 to-transparent\"><\/div>\n <\/div>\n \n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"relative group reveal\" style=\"transition-delay: 100ms\">\n <a href=\"https:\/\/livresq.com\/ro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-livresq-fucsia\/10 flex items-center justify-center mb-6 border border-livresq-fucsia\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-livresq-fucsia\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-livresq-fucsia\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">LIVRESQ<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Editorul nostru fanion. Creeaz\u0103 cursuri interactive HTML5, compatibile SCORM.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-livresq-fucsia\">\n Viziteaz\u0103 site-ul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"relative group reveal\" style=\"transition-delay: 200ms\">\n <a href=\"https:\/\/coffeelms.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-blue-500\/10 flex items-center justify-center mb-6 border border-blue-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"server\" class=\"w-8 h-8 text-blue-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-blue-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">CoffeeLMS<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n LMS robust \u0219i flexibil pentru gestionarea cursan\u021bilor \u0219i raportarea progresului.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-blue-400\">\n Viziteaz\u0103 site-ul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div class=\"relative group reveal\" style=\"transition-delay: 300ms\">\n <a href=\"https:\/\/ascendia.ro\/?path=\/en\/microlearning-courses\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-amber-500\/10 flex items-center justify-center mb-6 border border-amber-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"graduation-cap\" class=\"w-8 h-8 text-amber-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-amber-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">eJourneys<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Bibliotec\u0103 de cursuri ‘off-the-shelf’. Con\u021binut gata realizat pentru competen\u021be.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-amber-400\">\n Vezi catalogul <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n\n \n <div class=\"relative group reveal\" style=\"transition-delay: 400ms\">\n <a href=\"https:\/\/ascendia.ro\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"spotlight-card block h-full bg-[#151e2e] p-8 rounded-3xl border border-slate-800 hover:border-slate-600 hover:-translate-y-2 transition-all duration-300 relative z-10 overflow-hidden text-center group\">\n <div class=\"hidden lg:block absolute top-0 left-1\/2 -translate-x-1\/2 w-px h-6 bg-gradient-to-b from-blue-500\/10 to-transparent\"><\/div>\n <div class=\"w-16 h-16 mx-auto rounded-2xl bg-purple-500\/10 flex items-center justify-center mb-6 border border-purple-500\/20 group-hover:scale-110 transition-transform duration-300 relative\">\n <i data-lucide=\"pen-tool\" class=\"w-8 h-8 text-purple-400\"><\/i>\n <div class=\"absolute inset-0 rounded-2xl blur-lg opacity-0 group-hover:opacity-40 transition-opacity bg-purple-500\/10\"><\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-white group-hover:text-blue-200 transition-colors\">Bespoke<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8 font-medium\">\n Creare de con\u021binut e-learning personalizat pentru proiecte de mari dimensiuni.\n <\/p>\n <div class=\"inline-flex items-center justify-center text-xs font-bold uppercase tracking-widest opacity-80 group-hover:opacity-100 transition-opacity text-purple-400\">\n Afl\u0103 mai multe <i data-lucide=\"external-link\" class=\"w-3 h-3 ml-2\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"py-24 bg-white relative\">\n <div class=\"container max-w-7xl mx-auto px-6\">\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-20\">\n <div class=\"md:w-1\/2\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\">ADN-ul Nostru: <span class=\"text-[#D91278]\">Educa\u021bia<\/span><\/h2>\n <p class=\"text-gray-600 mb-8 leading-relaxed font-light text-lg\">\n Suntem o echip\u0103 de <strong>46 de speciali\u0219ti<\/strong>. Dar mai mult dec\u00e2t at\u00e2t, suntem oameni care \u00een\u021beleg educa\u021bia din interior.\n <\/p>\n \n <div class=\"relative pl-6 border-l-4 border-livresq-blond bg-livresq-light\/50 p-6 rounded-r-xl mb-8\">\n <div class=\"absolute -top-4 -left-4 bg-white rounded-full p-1 border border-gray-100\">\n <i data-lucide=\"quote\" class=\"text-livresq-blond w-6 h-6\"><\/i>\n <\/div>\n <blockquote class=\"italic text-gray-700 font-medium\">\n „Mul\u021bi dintre noi au p\u0103rin\u021bi profesori. \u0218tim provoc\u0103rile sistemului \u0219i dorim s\u0103 facem o diferen\u021b\u0103 real\u0103, tangibil\u0103, pentru \u00eentregul sector educa\u021bional.”\n <\/blockquote>\n <\/div>\n \n <a href=\"https:\/\/livresq.com\/ro\/contact\/\" target=\"_blank\" class=\"livresq-btn-blue mt-10 p-6 bg-[#1379D1] rounded-md text-white !text-white shadow-md flex items-center justify-between group cursor-pointer hover:shadow-lg hover:-translate-y-1 transition-all duration-300 no-underline hover:text-white border border-white\/10 !no-underline\">\n <div>\n <h4 class=\"font-bold text-lg mb-1 group-hover:text-white tracking-tight\">Carier\u0103 la LIVRESQ<\/h4>\n <p class=\"text-sm text-blue-100 font-medium group-hover:text-white transition-colors\">C\u0103ut\u0103m constant oameni talenta\u021bi.<\/p>\n <\/div>\n <div class=\"w-10 h-10 shrink-0 rounded-full bg-white\/20 flex items-center justify-center group-hover:bg-[#D91278] transition-colors duration-300 border border-white\/10\">\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n \n <div class=\"md:w-1\/2 relative\">\n <div class=\"absolute -top-10 -right-10 w-64 h-64 bg-livresq-light rounded-full mix-blend-multiply filter blur-3xl opacity-70\"><\/div>\n \n <div class=\"grid grid-cols-2 gap-6 relative z-10\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2024\/02\/Ascendia-Stand.jpg?w=800&ssl=1\" alt=\"Echipa Ascendia la stand\" class=\"rounded-[12px] shadow-card transform translate-y-12 hover:-translate-y-2 transition duration-500 w-full object-cover h-64\" \/>\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia.jpeg?w=800&ssl=1\" alt=\"Echipa Ascendia grup\" class=\"rounded-[12px] shadow-soft hover:-translate-y-2 transition duration-500 w-full object-cover h-64\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n \n <script>\n \/\/ 1. Initialize Lucide Icons\n lucide.createIcons();\n\n \/\/ 2. Scroll Reveal Animation\n document.addEventListener('DOMContentLoaded', () => {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\" \n });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n });\n\n \/\/ 3. Spotlight Effect Logic\n document.querySelectorAll('.spotlight-section').forEach(section => {\n section.addEventListener('mousemove', (e) => {\n const cards = section.querySelectorAll('.spotlight-card');\n cards.forEach(card => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n card.style.setProperty('--mouse-x', `${x}px`);\n card.style.setProperty('--mouse-y', `${y}px`);\n });\n });\n });\n\n \/\/ 4. Trusted Partners Tabs Logic\n const navButtons = document.querySelectorAll('.partner-btn');\n const contentPanels = document.querySelectorAll('.partner-content');\n\n \/\/ Styles for active\/inactive states\n const activeBtnClasses = ['bg-[#1379D1]', 'border-[#1379D1]', 'text-white', 'shadow-lg', 'scale-100', 'lg:translate-x-2'];\n const inactiveBtnClasses = ['bg-white', 'border-slate-200', 'text-slate-600', 'hover:border-[#1379D1]\/50', 'hover:bg-slate-50'];\n\n navButtons.forEach(btn => {\n btn.addEventListener('click', () => {\n const index = btn.getAttribute('data-index');\n\n \/\/ Update Buttons\n navButtons.forEach(b => {\n const iconBox = b.querySelector('div:first-child');\n \/\/ FIX: Select SVG because Lucide replaces <i> tags with <svg>\n const arrow = b.querySelector('.lucide-chevron-right'); \n const title = b.querySelector('h3');\n\n if(b === btn) {\n \/\/ Activate\n b.classList.remove(...inactiveBtnClasses);\n b.classList.add(...activeBtnClasses);\n \n \/\/ Icon Box\n iconBox.classList.remove('bg-slate-100', 'text-slate-400', 'group-hover:bg-white', 'group-hover:text-[#1379D1]');\n iconBox.classList.add('bg-white\/20', 'text-white');\n \n \/\/ Title\n title.classList.remove('text-slate-800');\n title.classList.add('text-white');\n \n \/\/ Arrow\n if(arrow) {\n arrow.classList.remove('text-slate-300', 'opacity-0');\n arrow.classList.add('text-white\/80', 'opacity-100');\n }\n } else {\n \/\/ Deactivate\n b.classList.remove(...activeBtnClasses);\n b.classList.add(...inactiveBtnClasses);\n \n \/\/ Icon Box\n iconBox.classList.remove('bg-white\/20', 'text-white');\n iconBox.classList.add('bg-slate-100', 'text-slate-400', 'group-hover:bg-white', 'group-hover:text-[#1379D1]');\n \n \/\/ Title - Force Dark Text\n title.classList.remove('text-white');\n title.classList.add('text-slate-800');\n \n \/\/ Arrow\n if(arrow) {\n arrow.classList.remove('text-white\/80', 'opacity-100');\n arrow.classList.add('text-slate-300', 'opacity-0');\n }\n }\n });\n\n \/\/ Update Content Panels\n contentPanels.forEach(panel => {\n if(panel.getAttribute('data-index') === index) {\n panel.classList.remove('opacity-0', 'translate-y-8', 'z-0', 'pointer-events-none');\n panel.classList.add('opacity-100', 'translate-y-0', 'z-10');\n } else {\n panel.classList.remove('opacity-100', 'translate-y-0', 'z-10');\n panel.classList.add('opacity-0', 'translate-y-8', 'z-0', 'pointer-events-none');\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]<\/p>\n","protected":false},"author":2,"featured_media":278110,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-278106","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Despre noi - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/en\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Despre noi - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/en\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T09:29:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/\",\"url\":\"https:\/\/livresq.com\/despre-noi\/\",\"name\":\"Despre noi - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"datePublished\":\"2022-12-04T10:37:32+00:00\",\"dateModified\":\"2026-03-31T09:29:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/despre-noi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/despre-noi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1\",\"width\":1200,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/despre-noi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Despre noi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"About us - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/en\/about-us\/","og_locale":"en_US","og_type":"article","og_title":"Despre noi - LIVRESQ","og_description":"LIVRESQ – Despre Noi LIVRESQ, un produs ASCENDIA, fondat \u00een 2019 19 Ani de Inova\u021bie \u0219i Stabilitate Mai presus de tehnologie, credem \u00een schimbarea societ\u0103\u021bii prin educa\u021bie. Suntem creatorii LIVRESQ, platforma care redefine\u0219te standardele \u00een e-learning. Povestea Noastr\u0103 Echipa Noastr\u0103 Validat de Ecosistemul European de Inovare 2007 Anul Fond\u0103rii Ascendia BVB Listat\u0103 (ASC) 52+ Parteneri […]","og_url":"https:\/\/livresq.com\/en\/about-us\/","og_site_name":"LIVRESQ","article_modified_time":"2026-03-31T09:29:58+00:00","og_image":[{"width":1200,"height":750,"url":"https:\/\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/despre-noi\/","url":"https:\/\/livresq.com\/despre-noi\/","name":"About us - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","datePublished":"2022-12-04T10:37:32+00:00","dateModified":"2026-03-31T09:29:58+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/despre-noi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/despre-noi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/despre-noi\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2022\/12\/Ascendia_2_listing.jpeg?fit=1200%2C750&ssl=1","width":1200,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/despre-noi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Despre noi"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"eLearning Authoring Tool","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/comments?post=278106"}],"version-history":[{"count":59,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106\/revisions"}],"predecessor-version":[{"id":490848,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/pages\/278106\/revisions\/490848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/media\/278110"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/en\/wp-json\/wp\/v2\/media?parent=278106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}