{"id":492358,"date":"2026-05-29T13:16:55","date_gmt":"2026-05-29T10:16:55","guid":{"rendered":"https:\/\/livresq.com\/?page_id=492358"},"modified":"2026-06-02T13:38:17","modified_gmt":"2026-06-02T10:38:17","slug":"livresq-companion","status":"publish","type":"page","link":"https:\/\/livresq.com\/ro\/livresq-companion\/","title":{"rendered":"LIVRESQ Companion"},"content":{"rendered":"\n<!-- START LIVRESQ EXPORT -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['Poppins', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n        },\n        colors: {\n          brand: {\n  \"50\": \"#fdf2f7\",\n  \"100\": \"#fae6f0\",\n  \"200\": \"#f6cce0\",\n  \"300\": \"#f1a3cb\",\n  \"400\": \"#e86ab0\",\n  \"500\": \"#ec1e79\",\n  \"600\": \"#d01062\",\n  \"700\": \"#ad094d\",\n  \"800\": \"#8f0a42\",\n  \"900\": \"#770d38\"\n}\n        }\n      }\n    }\n  }\n<\/script>\n\n<!-- React DOM minified format -->\n<script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<div id=\"livresq-app-root\"><\/div>\n\n<script type=\"text\/babel\">\n  const { useState, useEffect, useRef } = React;\n\n  const createLucideIcon = (iconName) => {\n    return (props) => {\n      const kebabName = iconName.replace(\/([a-z0-9]|(?=[A-Z]))([A-Z])\/g, '$1-$2').toLowerCase();\n      useEffect(() => {\n        if (window.lucide) {\n          window.lucide.createIcons();\n        }\n      });\n      return <i data-lucide={kebabName} className={props.className} style={ { width: props.size || 24, height: props.size || 24, strokeWidth: props.strokeWidth || 2, color: props.color || 'currentColor' } } \/>;\n    };\n  };\n\n  const Bot = createLucideIcon('Bot');\n  const Zap = createLucideIcon('Zap');\n  const Clock = createLucideIcon('Clock');\n  const ShieldCheck = createLucideIcon('ShieldCheck');\n  const Building2 = createLucideIcon('Building2');\n  const TrendingUp = createLucideIcon('TrendingUp');\n  const Users = createLucideIcon('Users');\n  const Presentation = createLucideIcon('Presentation');\n  const Database = createLucideIcon('Database');\n  const X = createLucideIcon('X');\n  const Check = createLucideIcon('Check');\n  const ChevronDown = createLucideIcon('ChevronDown');\n  const ArrowRight = createLucideIcon('ArrowRight');\n  const MessageCircle = createLucideIcon('MessageCircle');\n  const LayoutList = createLucideIcon('LayoutList');\n  const Target = createLucideIcon('Target');\n  const Eraser = createLucideIcon('Eraser');\n  const Lightbulb = createLucideIcon('Lightbulb');\n  const Blocks = createLucideIcon('Blocks');\n  const CheckCircle = createLucideIcon('CheckCircle');\n  const FileText = createLucideIcon('FileText');\n  const Sparkles = createLucideIcon('Sparkles');\n  const BookOpen = createLucideIcon('BookOpen');\n  const Globe = createLucideIcon('Globe');\n  const PencilLine = createLucideIcon('PencilLine');\n  const SlidersHorizontal = createLucideIcon('SlidersHorizontal');\n  const Send = createLucideIcon('Send');\n  const ClockAlert = createLucideIcon('ClockAlert');\n  const MousePointerClick = createLucideIcon('MousePointerClick');\n  const BookOpenCheck = createLucideIcon('BookOpenCheck');\n  const CheckCircle2 = createLucideIcon('CheckCircle2');\n  const GraduationCap = createLucideIcon('GraduationCap');\n  const Building = createLucideIcon('Building');\n\n  function AboutSection() {\n  return <section id=\"about\" className=\"py-24 bg-white\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n          \n          {\n    \/* Text Content *\/\n  }\n          <div>\n            <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n              Ce este LIVRESQ Companion?\n            <\/h2>\n            <p className=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n              LIVRESQ Companion este un asistent pedagogic dezvoltat special pentru a sprijini profesorii, trainerii \u0219i institu\u021biile educa\u021bionale s\u0103 accelereze crearea materialelor de e-learning. Acesta folose\u0219te puterea inteligen\u021bei artificiale \u0219i <strong>este conform cu programa \u0219colar\u0103 din Rom\u00e2nia<\/strong>.\n            <\/p>\n            <p className=\"text-lg text-slate-600 mb-8 leading-relaxed\">\n              Ofer\u0103 un spa\u021biu de lucru simplu \u0219i clar, din care se pot porni solicit\u0103ri concrete pentru planificarea lec\u021biilor, propuneri de activit\u0103\u021bi, fi\u0219e de lucru, instrumente de evaluare sau adapt\u0103ri ale con\u021binutului \u00een func\u021bie de nivelul clasei. \u00cen locul unor pa\u0219i fragmenta\u021bi \u0219i al unui volum mare de munc\u0103 repetitiv\u0103, profesorii au la dispozi\u021bie un sprijin digital care r\u0103spunde rapid \u0219i structurat.\n            <\/p>\n            \n            <div className=\"space-y-6\">\n              <div className=\"flex items-start gap-4\">\n                <div className=\"mt-1 bg-brand-50 text-brand-600 p-2.5 rounded-lg shrink-0 border border-brand-100\">\n                  <Zap size={20} \/>\n                <\/div>\n                <div>\n                  <h3 className=\"font-semibold text-slate-900 text-lg mb-1\">Accelerare prin AI<\/h3>\n                  <p className=\"text-slate-600\">Genereaz\u0103 rapid structuri, texte \u0219i scenarii educa\u021bionale interactive.<\/p>\n                <\/div>\n              <\/div>\n              \n              <div className=\"flex items-start gap-4\">\n                <div className=\"mt-1 bg-brand-50 text-brand-600 p-2.5 rounded-lg shrink-0 border border-brand-100\">\n                  <Clock size={20} \/>\n                <\/div>\n                <div>\n                  <h3 className=\"font-semibold text-slate-900 text-lg mb-1\">Reduce timpul de produc\u021bie<\/h3>\n                  <p className=\"text-slate-600\">Transform\u0103 ore de munc\u0103 manual\u0103 \u00een minute de editare \u0219i rafinare.<\/p>\n                <\/div>\n              <\/div>\n\n              <div className=\"flex items-start gap-4\">\n                <div className=\"mt-1 bg-brand-50 text-brand-600 p-2.5 rounded-lg shrink-0 border border-brand-100\">\n                  <Bot size={20} \/>\n                <\/div>\n                <div>\n                  <h3 className=\"font-semibold text-slate-900 text-lg mb-1\">Suport pedagogic<\/h3>\n                  <p className=\"text-slate-600\">Nu e\u0219ti expert \u00een instruire? LIVRESQ Companion \u00ee\u021bi ofer\u0103 sugestii de bune practici pentru lec\u021bii interactive.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          {\n    \/* Visual \/ Image placeholder *\/\n  }\n          <div className=\"relative\">\n            <div className=\"absolute inset-0 bg-gradient-to-tr from-brand-100 to-slate-50 rounded-3xl transform rotate-3 scale-105\" \/>\n            <div className=\"relative bg-white border border-slate-200 rounded-3xl p-8 shadow-xl\">\n               <div className=\"flex items-center gap-4 mb-6 pb-6 border-b border-slate-100\">\n                  <div className=\"bg-brand-600 rounded-full p-3 text-white\">\n                     <Bot size={28} \/>\n                  <\/div>\n                  <div>\n                    <h4 className=\"font-bold text-slate-900\">Salut! Sunt LIVRESQ Companion.<\/h4>\n                    <p className=\"text-sm text-slate-500\">Asistentul t\u0103u pedagogic inteligent<\/p>\n                  <\/div>\n               <\/div>\n               <div className=\"space-y-4\">\n                  <div className=\"bg-slate-50 p-4 rounded-xl border border-slate-100\">\n                     <p className=\"text-slate-700 font-medium mb-2\">Cu ce te pot ajuta ast\u0103zi?<\/p>\n                     <ul className=\"text-sm text-slate-600 space-y-2\">\n                        <li className=\"flex items-center gap-2\"><div className=\"w-1.5 h-1.5 rounded-full bg-brand-500\" \/> Structurarea unei noi lec\u021bii<\/li>\n                        <li className=\"flex items-center gap-2\"><div className=\"w-1.5 h-1.5 rounded-full bg-brand-500\" \/> Generarea unui set de 5 \u00eentreb\u0103ri<\/li>\n                        <li className=\"flex items-center gap-2\"><div className=\"w-1.5 h-1.5 rounded-full bg-brand-500\" \/> Simplificarea acestui text pentru copii<\/li>\n                     <\/ul>\n                  <\/div>\n                  <div className=\"bg-brand-50\/50 p-4 rounded-xl border border-brand-100 flex items-center justify-between\">\n                     <span className=\"text-sm font-medium text-slate-600\">Seteaz\u0103 contextul lec\u021biei...<\/span>\n                     <Bot size={20} className=\"text-brand-400\" \/>\n                  <\/div>\n               <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction BenefitsSection() {\n  const benefits = [\n    {\n      icon: <TrendingUp size={24} \/>,\n      title: \"Accelerarea digitaliz\\u0103rii\",\n      description: \"Produce\\u021Bi de p\\xE2n\\u0103 la 5 ori mai mult con\\u021Binut educa\\u021Bional \\xEEn acela\\u0219i interval de timp.\"\n    },\n    {\n      icon: <Presentation size={24} \/>,\n      title: \"Standardizarea con\\u021Binutului\",\n      description: \"Asigura\\u021Bi-v\\u0103 c\\u0103 toate materialele respect\\u0103 curicula \\u0219i standardele institu\\u021Biei folosind prompturi predefinite.\"\n    },\n    {\n      icon: <Users size={24} \/>,\n      title: \"Cre\\u0219terea adop\\u021Biei tehnologiei\",\n      description: \"Chiar \\u0219i cadrele didactice mai pu\\u021Bin tehnice pot crea materiale interactive complexe fiind ghidate de AI.\"\n    },\n    {\n      icon: <ShieldCheck size={24} \/>,\n      title: \"Integrare AI responsabil\\u0103\",\n      description: \"AI-ul nostru actioneaza ca un asistent, l\\u0103s\\xE2nd profesorului decizia \\u0219i controlul editorial final.\"\n    },\n    {\n      icon: <Database size={24} \/>,\n      title: \"Securitate \\u0219i conformitate\",\n      description: \"Hostat sigur \\xEEn infrastructur\\u0103 Microsoft Azure, respect\\xE2nd standardele europene GDPR pentru date \\xEEn educa\\u021Bie.\"\n    },\n    {\n      icon: <Building2 size={24} \/>,\n      title: \"Suport pentru proiecte na\\u021Bionale\",\n      description: \"Ideal pentru proiectele PNRR, SmartLabs \\u0219i digitalizarea la nivel na\\u021Bional sau jude\\u021Bean.\"\n    }\n  ];\n  return <section id=\"benefits\" className=\"py-24 bg-brand-50\/50\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"flex flex-col lg:flex-row gap-16 items-center\">\n          \n          <div className=\"lg:w-1\/3\">\n            <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n              Scalabil pentru \u0219coli, universit\u0103\u021bi \u0219i inspectorate\n            <\/h2>\n            <p className=\"text-lg text-slate-600 mb-8\">\n              Dincolo de avantajele individuale, LIVRESQ Companion este g\u00e2ndit ca o solu\u021bie complet\u0103 pentru transformarea digital\u0103 a institu\u021biilor educa\u021bionale.\n            <\/p>\n            <div className=\"bg-white rounded-xl p-6 border border-slate-200 shadow-sm\">\n               <div className=\"text-2xl font-bold text-brand-600 mb-2\">-70%<\/div>\n               <div className=\"text-slate-800 font-medium\">Reducerea timpului alocat<\/div>\n               <p className=\"text-sm text-slate-500 mt-2\">Pentru preg\u0103tirea materialelor didactice \u00een mediul preuniversitar \u0219i universitar.<\/p>\n            <\/div>\n          <\/div>\n\n          <div className=\"lg:w-2\/3\">\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n              {benefits.map((benefit, index) => <div key={index} className=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n                  <div className=\"flex items-center gap-4 mb-4\">\n                    <div className=\"p-2.5 bg-brand-50 text-brand-600 rounded-lg border border-brand-100\">\n                      {benefit.icon}\n                    <\/div>\n                    <h3 className=\"font-bold text-slate-900 leading-tight\">{benefit.title}<\/h3>\n                  <\/div>\n                  <p className=\"text-sm text-slate-600\">{benefit.description}<\/p>\n                <\/div>)}\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction ComparisonSection() {\n  const comparison = [\n    {\n      feature: \"Timp de creare lec\\u021Bie\",\n      without: \"Zile sau s\\u0103pt\\u0103m\\xE2ni\",\n      with: \"Ore sau chiar minute\"\n    },\n    {\n      feature: \"Nivel de interactivitate\",\n      without: \"Dependent de competen\\u021Be tehnice\",\n      with: \"Sugerat \\u0219i construit automat\"\n    },\n    {\n      feature: \"Efort pedagogic\",\n      without: \"Necesit\\u0103 experien\\u021B\\u0103 vast\\u0103 ID\",\n      with: \"Ghidaje \\u0219i structuri validate AI\"\n    },\n    {\n      feature: \"C\\u0103utare informa\\u021Bii (Search)\",\n      without: \"Manual\\u0103, pe diverse site-uri\",\n      with: \"Sintetizare rapid\\u0103 sub un singur acoperi\\u0219\"\n    },\n    {\n      feature: \"Adaptare pentru audien\\u021Be diferite\",\n      without: \"Munc\\u0103 manual\\u0103 de rescriere zeci de pagini\",\n      with: \"Un singur click pentru rescriere\"\n    }\n  ];\n  return <section className=\"py-24 bg-[#0f111a] text-white relative overflow-hidden\">\n      {\n    \/* Background Grid *\/\n  }\n      <div className=\"absolute inset-0 bg-[linear-gradient(to_right,#ffffff0a_1px,transparent_1px),linear-gradient(to_bottom,#ffffff0a_1px,transparent_1px)] bg-[size:32px_32px]\" \/>\n\n      {\n    \/* Decals *\/\n  }\n      <div className=\"absolute left-0 top-0 w-full h-px bg-gradient-to-r from-transparent via-slate-700 to-transparent\" \/>\n      \n      <div className=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n        <div className=\"text-center mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold mb-6\">\n            De ce te ajut\u0103 LIVRESQ Companion?\n          <\/h2>\n          <p className=\"text-lg text-slate-300\">\n            Acela\u0219i rezultat de top, ob\u021binut printr-un proces incomparabil mai simplu.\n          <\/p>\n        <\/div>\n\n        <div className=\"bg-[#1e2029] rounded-3xl overflow-hidden border border-slate-700 shadow-2xl relative z-20\">\n          <div className=\"grid grid-cols-3 bg-[#111424] border-b border-slate-700\">\n            <div className=\"p-6 text-sm font-semibold text-slate-400 uppercase tracking-wider flex items-center justify-center text-center\">\n              Aspect\n            <\/div>\n            <div className=\"p-6 text-sm font-semibold text-slate-400 uppercase tracking-wider flex items-center justify-center text-center border-l justify-self-stretch border-slate-700\">\n              Metoda clasic\u0103\n            <\/div>\n            <div className=\"p-6 text-sm font-bold text-brand-400 uppercase tracking-wider flex items-center justify-center text-center border-l justify-self-stretch border-slate-700 bg-brand-900\/20\">\n              Urm\u0103toarea genera\u021bie\n            <\/div>\n          <\/div>\n          \n          <div className=\"divide-y divide-slate-700\/50\">\n            {comparison.map((item, index) => <div key={index} className=\"grid grid-cols-3 hover:bg-slate-700\/20 transition-colors\">\n                <div className=\"p-6 flex items-center font-medium text-slate-300\">\n                  {item.feature}\n                <\/div>\n                <div className=\"p-6 flex items-center gap-3 text-slate-400 border-l border-slate-700\/50 bg-[#111424]\/30\">\n                  <X size={18} className=\"text-red-400 shrink-0\" \/>\n                  <span className=\"text-sm\">{item.without}<\/span>\n                <\/div>\n                <div className=\"p-6 flex items-center gap-3 text-white border-l border-slate-700\/50 bg-brand-900\/10\">\n                  <Check size={18} className=\"text-brand-400 shrink-0\" \/>\n                  <span className=\"font-semibold text-sm\">{item.with}<\/span>\n                <\/div>\n              <\/div>)}\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction FAQSection() {\n  const faqs = [\n    {\n      question: \"LIVRESQ Companion este inclus \\xEEn LIVRESQ?\",\n      answer: \"LIVRESQ Companion nu este inclus \\xEEn licen\\u021Ba LIVRESQ \\u0219i poate fi achizi\\u021Bionat separat de abonamentul LIVRESQ.\"\n    },\n    {\n      question: \"Datele utilizatorilor sunt protejate?\",\n      answer: \"Da, absolut. LIVRESQ Companion respect\\u0103 standarde stricte de securitate \\u0219i normele GDPR europene. Datele introduse nu sunt folosite pentru a antrena modele publice.\"\n    },\n    {\n      question: \"Ce modele AI folose\\u0219te func\\u021Bionalitatea?\",\n      answer: \"LIVRESQ Companion folose\\u0219te un mix din cele mai performante modele lingvistice de pia\\u021B\\u0103, orchestrate pentru a r\\u0103spunde cu acurate\\u021Be contextual\\u0103 \\xEEn func\\u021Bie de nevoia specific\\u0103 a ecranului \\xEEn care lucrezi.\"\n    },\n    {\n      question: \"Func\\u021Bioneaz\\u0103 bine \\xEEn limba rom\\xE2n\\u0103?\",\n      answer: \"Da, LIVRESQ Companion a fost optimizat \\u0219i testat extensiv pentru a genera, corecta \\u0219i structura materiale educa\\u021Bionale excelente \\xEEn limba rom\\xE2n\\u0103, p\\u0103str\\xE2nd nuan\\u021Bele \\u0219i diacriticele.\"\n    },\n    {\n      question: \"Poate genera con\\u021Binut pentru orice disciplin\\u0103?\",\n      answer: \"Da. Indiferent dac\\u0103 e vorba de \\u0219tiin\\u021Be exacte, istorie, limbi str\\u0103ine sau subiecte op\\u021Bionale, LIVRESQ Companion se adapteaz\\u0103 contextului furnizat de tine pentru a genera elemente specifice \\xEEn conformitate cu programa \\u0219colar\\u0103 din Rom\\xE2nia.\"\n    }\n  ];\n  return <section id=\"faq\" className=\"py-24 bg-slate-50\">\n      <div className=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"text-center mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n            \u00centreb\u0103ri frecvente\n          <\/h2>\n          <p className=\"text-lg text-slate-600\">\n            Afl\u0103 tot ce trebuie s\u0103 \u0219tii despre noul t\u0103u asistent pedagogic.\n          <\/p>\n        <\/div>\n\n        <div className=\"space-y-4\">\n          {faqs.map((faq, index) => {\n    return <details\n      key={index}\n      className=\"group bg-white border border-slate-200 hover:border-slate-300 rounded-2xl overflow-hidden transition-all duration-300 open:border-brand-400 open:shadow-md [&#038;_summary::-webkit-details-marker]:hidden\"\n      open={index === 0}\n    >\n                <summary\n      className=\"w-full flex items-center justify-between p-6 text-left focus:outline-none cursor-pointer list-none\"\n    >\n                  <span className=\"font-semibold text-lg pr-8 text-slate-900 group-open:text-brand-600\">\n                    {faq.question}\n                  <\/span>\n                  <div className=\"w-8 h-8 rounded-full bg-slate-100 text-slate-400 flex items-center justify-center shrink-0 transition-transform duration-300 group-open:bg-brand-50 group-open:text-brand-600 group-open:rotate-180\">\n                    <ChevronDown size={20} \/>\n                  <\/div>\n                <\/summary>\n                <div className=\"p-6 pt-0 text-slate-600 leading-relaxed\">\n                  {faq.answer}\n                <\/div>\n              <\/details>;\n  })}\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction FinalCTASection() {\n  return <section id=\"try\" className=\"py-24 bg-white relative overflow-hidden\">\n      <div className=\"absolute inset-0 bg-brand-600\">\n        <div className=\"absolute inset-0 bg-gradient-to-t from-brand-900\/40 via-transparent to-transparent\" \/>\n        <div className=\"absolute top-0 right-0 w-full h-full opacity-10\" style={{ backgroundImage: \"radial-gradient(circle at 100% 0%, white 0%, transparent 50%)\" }} \/>\n      <\/div>\n\n      <div className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n        <h2 className=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\n          Transform\u0103 modul \u00een care creezi con\u021binut educa\u021bional\n        <\/h2>\n        <p className=\"text-xl text-brand-100 mb-10 max-w-2xl mx-auto leading-relaxed\">\n          Descoper\u0103 cum LIVRESQ Companion poate accelera crearea lec\u021biilor interactive \u0219i sus\u021bine transformarea digital\u0103 a educa\u021biei \u00een organiza\u021bia ta.\n        <\/p>\n\n        <div className=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\n          <a href=\"https:\/\/livresq.com\/ro\/pricing\/#:~:text=ADDON%20NOU-,LIVRESQ%20Companion,-Asistent%20pedagogic%20pentru\" className=\"w-full sm:w-auto px-8 py-4 rounded-full bg-white hover:bg-slate-50 text-brand-600 font-bold flex items-center justify-center gap-2 transition-transform hover:-translate-y-1 shadow-xl shadow-brand-900\/30\">\n            Cump\u0103r\u0103\n            <ArrowRight size={20} \/>\n          <\/a>\n          <a href=\"https:\/\/livresq.com\/ro\/contact\/\" className=\"w-full sm:w-auto px-8 py-4 rounded-full bg-white\/10 hover:bg-white\/20 text-white backdrop-blur-sm font-medium border border-white\/20 flex items-center justify-center gap-2 transition-colors\">\n            <MessageCircle size={20} \/>\n            Contacteaz\u0103 Echipa\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction FunctionalitiesSection() {\n  const features = [\n    {\n      icon: <LayoutList className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Asistent Pedagogic AI\",\n      description: \"Genereaz\\u0103 idei \\u0219i materiale structurate pentru clas\\u0103 printr-o simpl\\u0103 conversa\\u021Bie.\"\n    },\n    {\n      icon: <Target className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Profil Personalizat cu Memorie AI\",\n      description: \"AI-ul re\\u021Bine contextul, detaliile despre clas\\u0103 \\u0219i preferin\\u021Bele tale de predare.\"\n    },\n    {\n      icon: <Blocks className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Instrumente Metodice\",\n      description: \"Folose\\u0219te \\u0219abloane predefinite pentru planificare, design instruc\\u021Bional \\u0219i evaluare.\"\n    },\n    {\n      icon: <FileText className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Biblioteca Digital\\u0103 LIVRESQ\",\n      description: \"Descoper\\u0103 \\u0219i import\\u0103 mii de resurse educa\\u021Bionale \\u0219i lec\\u021Bii publice.\"\n    },\n    {\n      icon: <Lightbulb className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Pastila Zilei\",\n      description: \"Idei rapide de activare \\u0219i g\\xE2nduri motiva\\u021Bionale gata de folosit la \\xEEnceputul orelor.\"\n    },\n    {\n      icon: <CheckCircle className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Planificator Inteligent\",\n      description: \"Organizeaz\\u0103-\\u021Bi activit\\u0103\\u021Bile \\u0219i resursele \\xEEn calendare clare \\u0219i u\\u0219or de urm\\u0103rit.\"\n    },\n    {\n      icon: <Target className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Panou pentru Directori\",\n      description: \"Gestioneaz\\u0103 centralizat licen\\u021Bele \\u0219colii \\u0219i urm\\u0103re\\u0219te activarea conturilor profesorilor.\"\n    },\n    {\n      icon: <Eraser className=\"text-brand-600 transition-colors duration-300\" size={24} \/>,\n      title: \"Generare \\u0219i Adaptare\",\n      description: \"Rescrie texte, simplific\\u0103 informa\\u021Bii complexe \\u0219i genereaz\\u0103 quiz-uri instantaneu.\"\n    }\n  ];\n  return <section id=\"features\" className=\"py-24 bg-white\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"text-center max-w-3xl mx-auto mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n            Ce poate face LIVRESQ Companion\n          <\/h2>\n          <p className=\"text-lg text-slate-600\">\n            Un set complet de instrumente concepute special pentru a te ajuta s\u0103 produci con\u021binut educa\u021bional de calitate superioar\u0103, \u00eentr-un timp record.\n          <\/p>\n        <\/div>\n\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-12\">\n          {features.map((feature, index) => <div key={index} className=\"flex flex-col group\">\n              <div className=\"w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center mb-5 border border-brand-100 shadow-sm group-hover:bg-brand-600 group-hover:text-white transition-colors duration-300\">\n                {React.cloneElement(feature.icon, { className: \"transition-colors duration-300\" })}\n              <\/div>\n              <h3 className=\"text-xl font-bold text-slate-900 mb-3\">{feature.title}<\/h3>\n              <p className=\"text-slate-600 leading-relaxed flex-1\">{feature.description}<\/p>\n            <\/div>)}\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction HeroSection() {\n  return <section className=\"flex flex-col\">\n      {\n    \/* Hero Area *\/\n  }\n      <div className=\"bg-[#0f111a] text-white pt-24 pb-20 md:pt-32 md:pb-32 relative overflow-hidden\">\n         {\n    \/* Background Grid *\/\n  }\n         <div className=\"absolute inset-0 bg-[linear-gradient(to_right,#ffffff0a_1px,transparent_1px),linear-gradient(to_bottom,#ffffff0a_1px,transparent_1px)] bg-[size:32px_32px]\" \/>\n\n         {\n    \/* Background gradient\/glows *\/\n  }\n         <div className=\"absolute right-0 top-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-brand-600\/20 rounded-full blur-[120px] pointer-events-none\" \/>\n         \n         <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n               \n               {\n    \/* Left Content *\/\n  }\n               <div className=\"max-w-2xl\">\n                  <div\n    className=\"inline-flex items-center gap-2 px-4 py-2 rounded-full border border-blue-500\/30 bg-blue-500\/10 text-blue-400 text-xs font-semibold tracking-wide mb-8\"\n  >\n                     <Sparkles size={14} \/>\n                     <span>DEZVOLTAT CU SPRIJINUL GOOGLE<\/span>\n                  <\/div>\n                  \n                  <h1\n    className=\"text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight mb-6 tracking-tight\"\n  >\n                     Asistentul t\u0103u <br \/>\n                     pedagogic inteligent: <br \/>\n                     <span className=\"text-brand-500\">LIVRESQ<\/span> <span className=\"text-[#76D1F2]\">Companion<\/span>\n                  <\/h1>\n                  \n                  <p\n    className=\"text-lg text-slate-300 mb-10 leading-relaxed max-w-xl\"\n  >\n                     Transform\u0103m orele pierdute pe sarcini repetitive \u00een doar c\u00e2teva minute de lucru eficient.\n                     Red\u0103m profesorilor timpul necesar pentru ceea ce conteaz\u0103 cu adev\u0103rat: conexiunea cu elevii.\n                  <\/p>\n                  \n                  <div\n    className=\"flex flex-col sm:flex-row gap-4\"\n  >\n                     <a\n    href=\"https:\/\/companion.livresq.com\/\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    className=\"px-8 py-3.5 rounded-xl bg-brand-600 hover:bg-brand-500 text-white font-bold flex items-center justify-center gap-2 transition-all shadow-lg shadow-brand-500\/20\"\n  >\n                        Acceseaz\u0103 Companion\n                        <ArrowRight size={18} \/>\n                     <\/a>\n                  <\/div>\n               <\/div>\n               \n               {\n    \/* Right Mockup *\/\n  }\n               <div\n    className=\"relative mt-8 lg:mt-0\"\n  >\n                 <div className=\"relative rounded-2xl overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.5)] transform lg:rotate-2 hover:rotate-0 transition-transform duration-500 bg-[#1e2029] p-3 border border-slate-700\/50\">\n                    <div className=\"rounded-xl overflow-hidden relative group aspect-video lg:aspect-auto\">\n                      <img decoding=\"async\"\n    src=\"https:\/\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg\"\n    alt=\"LIVRESQ Companion Interface\"\n    className=\"w-full h-full object-cover transition-all duration-700 shadow-sm\"\n  \/>\n                    <\/div>\n                 <\/div>\n               <\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n\n      {\n    \/* Stats and Card Area *\/\n  }\n      <div className=\"bg-white pb-24 border-b border-slate-100\">\n         <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            {\n    \/* Stats *\/\n  }\n            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-8 py-16 text-center\">\n               <div>\n                  <div className=\"text-4xl md:text-5xl font-extrabold text-brand-600 mb-2 tracking-tight\">10.000+<\/div>\n                  <div className=\"text-slate-500 font-medium text-sm md:text-base\">profesori activi<\/div>\n               <\/div>\n               <div>\n                  <div className=\"text-4xl md:text-5xl font-extrabold text-sky-400 mb-2 tracking-tight\">800+<\/div>\n                  <div className=\"text-slate-500 font-medium text-sm md:text-base\">\u0219coli \u00een ecosistem<\/div>\n               <\/div>\n               <div>\n                  <div className=\"text-4xl md:text-5xl font-extrabold text-blue-600 mb-2 tracking-tight\">7.260+<\/div>\n                  <div className=\"text-slate-500 font-medium text-sm md:text-base\">institu\u021bii conectate<\/div>\n               <\/div>\n               <div>\n                  <div className=\"text-4xl md:text-5xl font-extrabold text-slate-800 mb-2 tracking-tight\">161.000+<\/div>\n                  <div className=\"text-slate-500 font-medium text-sm md:text-base\">creatori \u00een comunitate<\/div>\n               <\/div>\n            <\/div>\n\n            {\n    \/* Features Card - overlapping feeling from layout perspective *\/\n  }\n            <div className=\"bg-white rounded-[2rem] p-8 md:p-12 border border-slate-200 shadow-xl max-w-5xl mx-auto -mb-16 mt-4 relative z-20\">\n               <div className=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center divide-y md:divide-y-0 md:divide-x divide-slate-200\">\n                  \n                  {\n    \/* Left Feature *\/\n  }\n                  <div className=\"flex gap-6 pt-0 md:pt-0 pb-8 md:pb-0 pr-0 md:pr-8 items-start\">\n                     <div className=\"shrink-0 w-16 h-16 rounded-2xl bg-blue-50 text-blue-600 flex items-center justify-center\">\n                        <BookOpen size={28} \/>\n                     <\/div>\n                     <div>\n                        <h3 className=\"text-2xl font-bold text-slate-900 mb-4\">Conform Programei din Rom\u00e2nia<\/h3>\n                        <p className=\"text-slate-600 leading-relaxed text-sm\">\n                           Asistentul genereaz\u0103 materiale didactice respect\u00e2nd riguros program\u0103. Suplimentar, accept\u0103 <strong>integrarea cu manuale oficiale aprobate<\/strong> pentru o corelare perfect\u0103 pe capitole specifice.\n                        <\/p>\n                     <\/div>\n                  <\/div>\n                  \n                  {\n    \/* Right Feature *\/\n  }\n                  <div className=\"flex gap-6 pt-8 md:pt-0 pl-0 md:pl-8 items-start justify-end flex-row-reverse md:flex-row text-right md:text-right\">\n                     <div>\n                        <h3 className=\"text-2xl font-bold text-slate-900 mb-4\">Adaptabilitate Global\u0103<\/h3>\n                        <p className=\"text-slate-600 leading-relaxed text-sm\">\n                           Sistemul este flexibil, put\u00e2nd fi configurat instant pentru <span className=\"text-brand-600 font-medium\">orice alt\u0103 program\u0103<\/span> sau curriculum interna\u021bional.\n                        <\/p>\n                     <\/div>\n                     <div className=\"shrink-0 w-16 h-16 rounded-2xl bg-brand-50 text-brand-600 flex items-center justify-center\">\n                        <Globe size={28} \/>\n                     <\/div>\n                  <\/div>\n\n               <\/div>\n            <\/div>\n\n         <\/div>\n      <\/div>\n      \n      {\n    \/* Spacer to handle the negative margin overlap of the card *\/\n  }\n      <div className=\"h-16 bg-white\" \/>\n    <\/section>;\n}\nfunction HowItWorksSection() {\n  const steps = [\n    {\n      icon: <PencilLine size={24} \/>,\n      title: \"Formulezi cerin\\u021Ba\",\n      description: \"Porne\\u0219ti de la o cerin\\u021B\\u0103 didactic\\u0103 simpl\\u0103 pentru clasa \\u0219i disciplina pe care o predai.\"\n    },\n    {\n      icon: <Sparkles size={24} \/>,\n      title: \"LIVRESQ Companion genereaz\\u0103\",\n      description: \"AI-ul construie\\u0219te instant planuri de lec\\u021Bie, fi\\u0219e, activit\\u0103\\u021Bi sau evalu\\u0103ri conform programei \\u0219colare.\"\n    },\n    {\n      icon: <SlidersHorizontal size={24} \/>,\n      title: \"Ajustezi \\u0219i validezi\",\n      description: \"Profesorul de\\u021Bine controlul complet: editeaz\\u0103, ajusteaz\\u0103 \\u0219i valideaz\\u0103 con\\u021Binutul generat.\"\n    },\n    {\n      icon: <Send size={24} \/>,\n      title: \"Expor\\u021Bi \\u0219i folose\\u0219ti\",\n      description: \"Salvezi materialele \\xEEn format PDF pentru portofoliul personal sau le folose\\u0219ti direct la clas\\u0103.\"\n    }\n  ];\n  return <section id=\"how-it-works\" className=\"py-24 bg-[#0f111a] text-white relative overflow-hidden\">\n      {\n    \/* Background Grid *\/\n  }\n      <div className=\"absolute inset-0 bg-[linear-gradient(to_right,#ffffff0a_1px,transparent_1px),linear-gradient(to_bottom,#ffffff0a_1px,transparent_1px)] bg-[size:32px_32px]\" \/>\n\n      <div className=\"absolute top-0 right-0 w-1\/2 h-full bg-brand-900\/20 blur-3xl rounded-full translate-x-1\/2 pointer-events-none\" \/>\n      \n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n        <div className=\"text-center max-w-3xl mx-auto mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold mb-6\">\n            De la idee la materiale didactice \u00een <span className=\"text-brand-400\">c\u00e2teva minute<\/span>\n          <\/h2>\n          <p className=\"text-lg text-slate-300\">\n            LIVRESQ Companion \u00ee\u021bi optimizeaz\u0103 timpul. Nu trebuie s\u0103 \u00eenve\u021bi o platform\u0103 complex\u0103; prime\u0219ti instant rezultate aliniate cu programa na\u021bional\u0103.\n          <\/p>\n        <\/div>\n\n        <div className=\"relative\">\n          {\n    \/* Connecting line *\/\n  }\n          <div className=\"hidden lg:block absolute top-12 left-[10%] right-[10%] h-0.5 bg-gradient-to-r from-slate-800 via-brand-500\/50 to-slate-800\" \/>\n          \n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n            {steps.map((step, index) => <div key={index} className=\"relative pt-8 lg:pt-0\">\n                {\n    \/* Number indicator *\/\n  }\n                <div className=\"hidden lg:flex absolute top-0 left-1\/2 -translate-x-1\/2 -mt-4 w-8 h-8 rounded-full bg-[#0f111a] border-4 border-slate-800 text-slate-400 items-center justify-center text-sm font-bold z-10\">\n                  {index + 1}\n                <\/div>\n                \n                <div className=\"bg-[#1e2029] border border-slate-700\/50 rounded-2xl p-8 h-full lg:mt-12 group hover:border-brand-500\/50 transition-all shadow-[0_10px_30px_rgba(0,0,0,0.3)]\">\n                  <div className=\"w-14 h-14 rounded-xl bg-brand-900\/40 text-brand-400 flex items-center justify-center mb-6 group-hover:bg-brand-500 group-hover:text-white transition-colors\">\n                    {step.icon}\n                  <\/div>\n                  <h3 className=\"text-xl font-bold mb-3\">{step.title}<\/h3>\n                  <p className=\"text-slate-400 leading-relaxed\">{step.description}<\/p>\n                <\/div>\n              <\/div>)}\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction ProblemsSection() {\n  const problems = [\n    {\n      icon: <ClockAlert size={28} \/>,\n      problem: \"Crearea lec\\u021Biilor dureaz\\u0103 prea mult\",\n      solution: \"LIVRESQ Companion genereaz\\u0103 rapid structuri, texte \\u0219i activit\\u0103\\u021Bi, l\\u0103s\\xE2ndu-\\u021Bi timp pentru finisaje.\",\n      color: \"brand\",\n      colorClasses: {\n        bg: \"bg-brand-500\",\n        lightBg: \"bg-brand-50\",\n        text: \"text-brand-600\"\n      }\n    },\n    {\n      icon: <MousePointerClick size={28} \/>,\n      problem: \"Materialele digitale nu sunt interactive\",\n      solution: \"Sugereaz\\u0103 automat exerci\\u021Bii, quiz-uri \\u0219i elemente interactive potrivite con\\u021Binutului t\\u0103u.\",\n      color: \"brand\",\n      colorClasses: {\n        bg: \"bg-brand-500\",\n        lightBg: \"bg-brand-50\",\n        text: \"text-brand-600\"\n      }\n    },\n    {\n      icon: <BookOpenCheck size={28} \/>,\n      problem: \"Lipsa experien\\u021Bei \\xEEn design instruc\\u021Bional\",\n      solution: \"LIVRESQ Companion \\xEE\\u021Bi ofer\\u0103 suport pedagogic contextual pentru o experien\\u021B\\u0103 de \\xEEnv\\u0103\\u021Bare optim\\u0103.\",\n      color: \"brand\",\n      colorClasses: {\n        bg: \"bg-brand-500\",\n        lightBg: \"bg-brand-50\",\n        text: \"text-brand-600\"\n      }\n    }\n  ];\n  return <section className=\"py-24 bg-slate-50\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"text-center max-w-3xl mx-auto mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n            Mai pu\u021bin timp pentru creare. <span className=\"text-brand-600\">Mai mult timp pentru predare.<\/span>\n          <\/h2>\n          <p className=\"text-lg text-slate-600\">\n            Adres\u0103m cele mai mari provoc\u0103ri \u00een crearea de con\u021binut e-learning cu o abordare inteligent\u0103 \u0219i automatizat\u0103.\n          <\/p>\n        <\/div>\n\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n          {problems.map((item, index) => <div key={index} className=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden group\">\n              <div className={`absolute top-0 left-0 w-full h-1 ${item.colorClasses.bg} transform origin-left scale-x-0 group-hover:scale-x-100 transition-transform duration-300`} \/>\n              \n              <div className={`w-14 h-14 rounded-xl flex items-center justify-center mb-6 ${item.colorClasses.lightBg} ${item.colorClasses.text} border border-brand-100`}>\n                {item.icon}\n              <\/div>\n              \n              <div className=\"mb-4\">\n                <span className=\"text-sm font-semibold text-slate-400 uppercase tracking-wider\">Provocare<\/span>\n                <h3 className=\"text-xl font-bold text-slate-900 mt-1 leading-snug\">{item.problem}<\/h3>\n              <\/div>\n              \n              <div className=\"pt-4 border-t border-slate-100\">\n                <span className=\"text-sm font-semibold text-brand-600 uppercase tracking-wider\">Solu\u021bia LIVRESQ Companion<\/span>\n                <p className=\"text-slate-600 mt-2\">{item.solution}<\/p>\n              <\/div>\n            <\/div>)}\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction RolesBenefitsSection() {\n  const roles = [\n    {\n      icon: <BookOpen className=\"text-brand-600\" size={32} \/>,\n      title: \"Pentru Profesori\",\n      description: \"Transform\\u0103 orele de preg\\u0103tire \\xEEn minute de editare \\u0219i rafinare direct \\xEEn platform\\u0103.\",\n      benefits: [\n        \"Asistent Pedagogic AI: Generare rapid\\u0103 de structuri, texte, quiz-uri \\u0219i activit\\u0103\\u021Bi interactive.\",\n        \"Generare contextual\\u0103: Profilul cu Memorie AI re\\u021Bine detaliile clasei \\u0219i stilul t\\u0103u de predare.\",\n        \"Suport Metodic: \\u0218abloane predefinite pentru design instruc\\u021Bional, evalu\\u0103ri \\u0219i scenarii de integrare.\",\n        \"Biblioteca Digital\\u0103 LIVRESQ: G\\u0103se\\u0219ti \\u0219i impor\\u021Bi mii de resurse publice printr-un simplu cuv\\xE2nt-cheie.\",\n        \"Planificator: \\xCE\\u021Bi organizezi evenimentele \\u0219i resursele viitoare u\\u0219or, pe calendar.\"\n      ]\n    },\n    {\n      icon: <Users className=\"text-brand-600\" size={32} \/>,\n      title: \"Pentru Directori\",\n      description: \"Administrare simplificat\\u0103 a licen\\u021Belor \\u0219i vizibilitate complet\\u0103 asupra adop\\u021Biei din \\u0219coal\\u0103.\",\n      benefits: [\n        \"Panou Centralizat: Vezi imediat stocul de licen\\u021Be disponibile pentru \\u0219coala ta.\",\n        \"Gestiunea Profesorilor: Aloci manual conturi noi sau trimi\\u021Bi invita\\u021Bii \\xEEn mas\\u0103 (Bulk).\",\n        \"Urm\\u0103rirea Statusului: Verifici dac\\u0103 invita\\u021Biile trimise au fost activate sau sunt \\xEEn a\\u0219teptare.\",\n        \"Comunicare Personalizat\\u0103: Editezi \\u0219i salvezi \\u0219abloane cu mesaje proprii pentru invita\\u021Biile trimise.\",\n        \"Stimuleaz\\u0103 Digitalizarea: Oferi instrumente clare cancelariei pentru a cre\\u0219te eficien\\u021Ba didactic\\u0103.\"\n      ]\n    },\n    {\n      icon: <Building2 className=\"text-brand-600\" size={32} \/>,\n      title: \"Pentru Institu\\u021Bii \\u0219i ISJ-uri\",\n      description: \"Solu\\u021Bia de nivel sistemic pentru scalarea programelor educa\\u021Bionale \\u0219i formarea cadrelor didactice.\",\n      benefits: [\n        \"Standardizare: Con\\u021Binut educa\\u021Bional uniform \\u0219i de calitate adaptat directivelor institu\\u021Biei.\",\n        \"Inteligen\\u021B\\u0103 Artificial\\u0103 Responsabil\\u0103: AI-ul e un asistent care men\\u021Bine profesorul \\xEEn control total.\",\n        \"Securitate garantat\\u0103: Date g\\u0103zduite \\xEEn spa\\u021Biul UE, conform normelor GDPR pentru mediul educa\\u021Bional.\",\n        \"Scalabilitate: Suport solid pentru zeci de mii de utilizatori \\xEEn cadrul proiectelor mari sau PNRR.\",\n        \"Reducerea Timpului: Mic\\u0219oreaz\\u0103 cu p\\xE2n\\u0103 la 70% timpul alocat pentru proiectarea didactic\\u0103.\"\n      ]\n    }\n  ];\n  return <section className=\"py-24 bg-white border-y border-slate-100\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"text-center max-w-3xl mx-auto mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n            Beneficii clare la toate nivelurile\n          <\/h2>\n          <p className=\"text-lg text-slate-600\">\n            LIVRESQ Companion a fost g\u00e2ndit s\u0103 r\u0103spund\u0103 nevoilor din cancelarie, din direc\u021biune \u0219i de la nivel strategic institu\u021bional.\n          <\/p>\n        <\/div>\n\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n          {roles.map((role, index) => <div key={index} className=\"flex flex-col bg-slate-50 rounded-3xl p-8 border border-brand-100 shadow-sm hover:shadow-lg transition-shadow relative overflow-hidden group\">\n              <div className=\"absolute top-0 right-0 w-32 h-32 bg-brand-50 rounded-bl-full -z-0 opacity-50 group-hover:scale-110 transition-transform duration-500\" \/>\n              \n              <div className=\"relative z-10 flex flex-col h-full\">\n                <div className=\"w-16 h-16 rounded-2xl bg-white border border-brand-100 flex items-center justify-center mb-6 shadow-sm\">\n                  {role.icon}\n                <\/div>\n                \n                <h3 className=\"text-2xl font-bold text-slate-900 mb-3\">{role.title}<\/h3>\n                <p className=\"text-slate-600 mb-8 pb-8 border-b border-brand-100\/50\">\n                  {role.description}\n                <\/p>\n                \n                <ul className=\"space-y-4 flex-1\">\n                  {role.benefits.map((benefit, i) => <li key={i} className=\"flex items-start gap-3\">\n                      <div className=\"mt-1 flex-shrink-0 text-brand-500\">\n                        <CheckCircle2 size={18} \/>\n                      <\/div>\n                      <span className=\"text-sm text-slate-700 leading-relaxed\">{benefit}<\/span>\n                    <\/li>)}\n                <\/ul>\n              <\/div>\n            <\/div>)}\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction UseCasesSection() {\n  const cases = [\n    {\n      icon: <GraduationCap size={32} \/>,\n      title: \"Profesori\",\n      description: \"Genera\\u021Bi fi\\u0219e de lucru, explica\\u021Bii adaptate pe v\\xE2rste \\u0219i quiz-uri de evaluare la finalul fiec\\u0103rei lec\\u021Bii.\"\n    },\n    {\n      icon: <BookOpen size={32} \/>,\n      title: \"Universit\\u0103\\u021Bi\",\n      description: \"Suporta\\u021Bi profesorii \\xEEn trecerea de la cursuri clasice PDF la cursuri interactive pe platforma Moodle sau direct \\xEEn LIVRESQ.\"\n    },\n    {\n      icon: <Building size={32} \/>,\n      title: \"\\u0218coli \\u0219i Licee\",\n      description: \"Standardiza\\u021Bi con\\u021Binutul educa\\u021Bional digital \\u0219i sprijini\\u021Bi cancelaria cu un asistent pedagogic conform cu programa \\u0219colar\\u0103.\"\n    }\n  ];\n  return <section className=\"py-24 bg-white\">\n      <div className=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div className=\"text-center max-w-3xl mx-auto mb-16\">\n          <h2 className=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6\">\n            Pentru cine este LIVRESQ Companion\n          <\/h2>\n          <p className=\"text-lg text-slate-600\">\n            Un instrument flexibil care se adapteaz\u0103 nivelului \u0219i specificului oric\u0103rui mediu academic de \u00eenv\u0103\u021bare.\n          <\/p>\n        <\/div>\n\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 justify-center\">\n          {cases.map((useCase, index) => <div\n    key={index}\n    className=\"p-8 rounded-2xl border border-slate-200 bg-slate-50 hover:bg-white hover:shadow-xl transition-all group\"\n  >\n              <div className=\"w-16 h-16 rounded-2xl bg-white border border-slate-100 flex items-center justify-center text-slate-700 mb-6 group-hover:text-brand-600 group-hover:border-brand-100 transition-colors shadow-sm\">\n                {useCase.icon}\n              <\/div>\n              <h3 className=\"text-xl font-bold text-slate-900 mb-3\">{useCase.title}<\/h3>\n              <p className=\"text-slate-600 leading-relaxed\">{useCase.description}<\/p>\n            <\/div>)}\n        <\/div>\n      <\/div>\n    <\/section>;\n}\nfunction App() {\n  useEffect(() => {\n    const handleAnchorClick = (e) => {\n      const target = e.target;\n      const anchor = target.closest(\"a\");\n      if (!anchor) return;\n      const href = anchor.getAttribute(\"href\");\n      if (href && href.startsWith(\"#\")) {\n        e.preventDefault();\n        const element = document.querySelector(href);\n        if (element) {\n          element.scrollIntoView({ behavior: \"smooth\" });\n        }\n      }\n    };\n    document.addEventListener(\"click\", handleAnchorClick);\n    return () => document.removeEventListener(\"click\", handleAnchorClick);\n  }, []);\n  return <div className=\"min-h-screen bg-slate-50 font-sans selection:bg-brand-200 selection:text-brand-900 overflow-x-hidden\">\n      <main id=\"wp-export-target\" className=\"bg-slate-50\">\n        <HeroSection \/>\n        <AboutSection \/>\n        <ProblemsSection \/>\n        <FunctionalitiesSection \/>\n        <RolesBenefitsSection \/>\n        <HowItWorksSection \/>\n        <BenefitsSection \/>\n        <UseCasesSection \/>\n        <ComparisonSection \/>\n        <FAQSection \/>\n        <FinalCTASection \/>\n      <\/main>\n    <\/div>;\n}\n\n  \n  const root = ReactDOM.createRoot(document.getElementById('livresq-app-root'));\n  root.render(<App \/>);\n<\/script>\n<!-- END LIVRESQ EXPORT -->\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":36627,"featured_media":492357,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-492358","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>LIVRESQ Companion - LIVRESQ<\/title>\n<meta name=\"description\" content=\"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.\" \/>\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\/ro\/livresq-companion\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LIVRESQ Companion - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/ro\/livresq-companion\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-02T10:38:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"752\" \/>\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=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/livresq-companion\/\",\"url\":\"https:\/\/livresq.com\/livresq-companion\/\",\"name\":\"LIVRESQ Companion - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/livresq-companion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/livresq-companion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1\",\"datePublished\":\"2026-05-29T10:16:55+00:00\",\"dateModified\":\"2026-06-02T10:38:17+00:00\",\"description\":\"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/livresq-companion\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/livresq-companion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\/\/livresq.com\/livresq-companion\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1\",\"width\":1380,\"height\":752},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/livresq-companion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LIVRESQ Companion\"}]},{\"@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\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@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 SEO plugin. -->","yoast_head_json":{"title":"LIVRESQ Companion - LIVRESQ","description":"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.","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\/ro\/livresq-companion\/","og_locale":"ro_RO","og_type":"article","og_title":"LIVRESQ Companion - LIVRESQ","og_description":"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.","og_url":"https:\/\/livresq.com\/ro\/livresq-companion\/","og_site_name":"LIVRESQ","article_modified_time":"2026-06-02T10:38:17+00:00","og_image":[{"width":1380,"height":752,"url":"https:\/\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Timp estimat pentru citire":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/livresq-companion\/","url":"https:\/\/livresq.com\/livresq-companion\/","name":"LIVRESQ Companion - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/livresq-companion\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/livresq-companion\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1","datePublished":"2026-05-29T10:16:55+00:00","dateModified":"2026-06-02T10:38:17+00:00","description":"LIVRESQ Companion, asistent pedagogic AI pentru profesori. Planific\u0103 lec\u021bii, fi\u0219e \u0219i evalu\u0103ri \u00een minute, conform programei \u0219colare.","breadcrumb":{"@id":"https:\/\/livresq.com\/livresq-companion\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/livresq-companion\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/livresq.com\/livresq-companion\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/05\/Media-7.jpg?fit=1380%2C752&ssl=1","width":1380,"height":752},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/livresq-companion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"LIVRESQ Companion"}]},{"@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":"ro-RO"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@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\/ro\/wp-json\/wp\/v2\/pages\/492358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/users\/36627"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/comments?post=492358"}],"version-history":[{"count":11,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/492358\/revisions"}],"predecessor-version":[{"id":492393,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/pages\/492358\/revisions\/492393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media\/492357"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media?parent=492358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}