{"id":22,"date":"2025-11-02T18:37:14","date_gmt":"2025-11-02T18:37:14","guid":{"rendered":"https:\/\/romanagency.md\/?page_id=22"},"modified":"2026-07-14T14:24:15","modified_gmt":"2026-07-14T14:24:15","slug":"design","status":"publish","type":"page","link":"https:\/\/romanagency.md\/ru\/design\/","title":{"rendered":"Design"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid wd-rs-698ca82c40116\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ROMAN AGENCY \u2014 PAGIN\u0102: DESIGN & BRANDING (3 SERVICII) -->\n<section class=\"ra-branding\">\n  <style>\n    .ra-branding{\n      --bg:#070707;\n      --bg2:#0c0c0c;\n      --panel:rgba(255,255,255,.03);\n      --panel2:rgba(255,255,255,.015);\n      --text:#fff;\n      --muted:rgba(255,255,255,.62);\n      --border:rgba(255,255,255,.12);\n      --silver:linear-gradient(135deg,#ffffff,#d9d9d9,#a6a6a6,#f2f2f2);\n      --btn:linear-gradient(135deg,#e6e6e6,#bfbfbf,#f5f5f5);\n      --radius:28px;\n\n      font-family:\"IBM Plex Mono\", monospace;\n      color:var(--text);\n      background:linear-gradient(180deg,var(--bg),var(--bg2));\n      padding:clamp(80px,8vw,130px) 20px;\n      border-radius:var(--radius);\n      border:1px solid var(--border);\n      overflow:hidden;\n      position:relative;\n    }\n\n    .ra-branding::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      background:\n        radial-gradient(900px 500px at 18% 12%, rgba(255,255,255,.06), transparent 55%),\n        radial-gradient(900px 500px at 82% 28%, rgba(255,255,255,.05), transparent 60%);\n      pointer-events:none;\n      opacity:.9;\n    }\n\n    .ra-b-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:1;}\n\n    .ra-b-head{\n      text-align:center;\n      margin-bottom:clamp(40px,5vw,70px);\n    }\n    .ra-b-title{\n      margin:0;\n      font-size:clamp(30px,4.2vw,60px);\n      font-weight:700;\n      letter-spacing:-1px;\n      background:var(--silver);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n      text-shadow:0 18px 45px rgba(0,0,0,.7);\n    }\n    .ra-b-sub{\n      margin:14px auto 0;\n      max-width:920px;\n      color:var(--muted);\n      font-size:clamp(14px,1.2vw,17px);\n      line-height:1.7;\n    }\n\n    .ra-b-grid{\n      display:grid;\n      grid-template-columns:repeat(3, 1fr);\n      gap:18px;\n      align-items:stretch;\n    }\n\n    .ra-b-card{\n      border:1px solid var(--border);\n      background:linear-gradient(180deg,var(--panel),var(--panel2));\n      border-radius:22px;\n      overflow:hidden;\n      transition:transform .35s ease,border-color .35s ease,background .35s ease;\n      display:flex;\n      flex-direction:column;\n      min-height:560px;\n    }\n    .ra-b-card:hover{\n      transform:translateY(-10px);\n      border-color:rgba(255,255,255,.22);\n      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018));\n    }\n\n    \/* MEDIA (fallback + brightness\/opacity pentru negru) *\/\n    .ra-b-media{\n      position:relative;\n      height:240px;\n      border-bottom:1px solid rgba(255,255,255,.08);\n      overflow:hidden;\n      background:\n        radial-gradient(700px 260px at 50% 20%, rgba(255,255,255,.08), transparent 60%),\n        linear-gradient(180deg,#0b0b0b,#070707);\n    }\n    .ra-b-media img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      object-position:center;\n      display:block;\n\n      opacity:.92;\n      filter:grayscale(100%) contrast(115%) brightness(105%);\n      transform:scale(1.02);\n      transition:transform .6s ease, filter .6s ease, opacity .6s ease;\n    }\n    .ra-b-card:hover .ra-b-media img{\n      transform:scale(1.08);\n      opacity:1;\n      filter:grayscale(65%) contrast(115%) brightness(112%);\n    }\n    .ra-b-media::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.72) 100%),\n        radial-gradient(600px 240px at 50% 22%, rgba(255,255,255,.10), transparent 62%);\n      pointer-events:none;\n    }\n\n    .ra-b-body{\n      padding:18px 18px 20px;\n      display:flex;\n      flex-direction:column;\n      gap:12px;\n      flex:1;\n    }\n    .ra-b-kicker{\n      font-size:12px;\n      letter-spacing:2px;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.55);\n    }\n    .ra-b-h{\n      margin:0;\n      font-size:20px;\n      font-weight:700;\n      letter-spacing:.2px;\n      background:var(--silver);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n    .ra-b-p{\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.7;\n      max-width:54ch;\n    }\n\n    .ra-b-list{\n      margin:6px 0 0;\n      padding:0;\n      list-style:none;\n      display:grid;\n      gap:10px;\n    }\n    .ra-b-list li{\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n      color:rgba(255,255,255,.70);\n      font-size:13px;\n      line-height:1.6;\n    }\n    .ra-b-dot{\n      width:8px;height:8px;border-radius:999px;\n      background:linear-gradient(135deg,#fff,#bfbfbf,#f5f5f5);\n      margin-top:6px;\n      flex:0 0 8px;\n      box-shadow:0 6px 16px rgba(0,0,0,.6);\n    }\n\n    .ra-b-foot{\n      padding:0 18px 22px;\n      display:flex;\n      gap:12px;\n      flex-wrap:wrap;\n      align-items:center;\n      justify-content:flex-start;\n    }\n\n    .ra-btnSilver{\n      padding:12px 22px;\n      border-radius:16px;\n      font-size:12px;\n      font-weight:700;\n      letter-spacing:1.4px;\n      text-transform:uppercase;\n      text-decoration:none;\n      background:var(--btn);\n      color:#111;\n      box-shadow:\n        inset 0 1px 1px rgba(255,255,255,.6),\n        0 10px 26px rgba(0,0,0,.65);\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      transition:.25s ease;\n    }\n    .ra-btnSilver:hover{\n      transform:translateY(-3px);\n      box-shadow:\n        inset 0 1px 1px rgba(255,255,255,.8),\n        0 16px 38px rgba(0,0,0,.72);\n    }\n\n    .ra-btnGhost{\n      padding:12px 22px;\n      border-radius:16px;\n      font-size:12px;\n      font-weight:700;\n      letter-spacing:1.4px;\n      text-transform:uppercase;\n      text-decoration:none;\n      border:1px solid rgba(255,255,255,.22);\n      color:#fff;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      transition:.25s ease;\n    }\n    .ra-btnGhost:hover{\n      background:rgba(255,255,255,.06);\n      transform:translateY(-3px);\n      border-color:rgba(255,255,255,.35);\n    }\n\n    .ra-b-note{\n      margin:clamp(30px,4vw,55px) auto 0;\n      max-width:980px;\n      text-align:center;\n      color:rgba(255,255,255,.55);\n      font-size:13px;\n      line-height:1.8;\n    }\n\n    @media(max-width:980px){\n      .ra-b-grid{grid-template-columns:1fr;}\n      .ra-b-card{min-height:auto;}\n      .ra-b-media{height:220px;}\n    }\n  <\/style>\n\n  <div class=\"ra-b-wrap\">\n    <header class=\"ra-b-head\">\n      <h1 class=\"ra-b-title\">Design &amp; Branding<\/h1>\n      <p class=\"ra-b-sub\">\n        Identitate vizual\u0103 premium, curat\u0103 \u0219i memorabil\u0103. Construim sistemul de brand (nu doar \u201cun logo\u201d),\n        ca s\u0103 ar\u0103\u021bi profesionist pe site, social media \u0219i \u00een materiale comerciale.\n      <\/p>\n    <\/header>\n\n    <div class=\"ra-b-grid\">\n      <!-- 1) LOGO & IDENTITATE -->\n      <article class=\"ra-b-card\">\n        <div class=\"ra-b-media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romanagency.md\/wp-content\/uploads\/2026\/02\/c7963db9-dd7e-47f8-b373-ea5ab8df1f6d.png\"\n            alt=\"Logo &amp; identitate vizual\u0103\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ra-b-body\">\n          <div class=\"ra-b-kicker\">Serviciu 01<\/div>\n          <h2 class=\"ra-b-h\">Logo &amp; identitate vizual\u0103<\/h2>\n          <p class=\"ra-b-p\">\n            Definim look-ul brandului: simplu, elegant, coerent. Potrivit pentru business-uri care vor \u201cpremium, nu zgomot\u201d.\n          <\/p>\n\n          <ul class=\"ra-b-list\">\n            <li><span class=\"ra-b-dot\"><\/span>Logo (variante + utilizare corect\u0103)<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Palet\u0103, fonturi, reguli de stil (mini brand system)<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Fi\u0219iere pentru web &amp; print (PNG\/SVG\/PDF)<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ra-b-foot\">\n          <a class=\"ra-btnSilver\" href=\"https:\/\/romanagency.md\/contacte\/\">Solicit\u0103 ofert\u0103<\/a>\n          <a class=\"ra-btnGhost\" href=\"https:\/\/romanagency.md\/portofoliu\/\">Vezi lucr\u0103ri<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 2) UI\/UX -->\n      <article class=\"ra-b-card\">\n        <div class=\"ra-b-media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1559028012-481c04fa702d?auto=format&fit=crop&w=1600&q=80\"\n            alt=\"UI\/UX design pentru website\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ra-b-body\">\n          <div class=\"ra-b-kicker\">Serviciu 02<\/div>\n          <h2 class=\"ra-b-h\">UI\/UX pentru website<\/h2>\n          <p class=\"ra-b-p\">\n            Design de pagini care arat\u0103 scump \u0219i conduce utilizatorul spre ac\u021biune. Structur\u0103 clar\u0103, spa\u021biere, ierarhie, conversie.\n          <\/p>\n\n          <ul class=\"ra-b-list\">\n            <li><span class=\"ra-b-dot\"><\/span>Layout premium (hero, sec\u021biuni, CTA-uri)<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Mobile-first + consisten\u021b\u0103 pe toate paginile<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Design orientat pe conversie (f\u0103r\u0103 \u00eenc\u0103rcare inutil\u0103)<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ra-b-foot\">\n          <a class=\"ra-btnSilver\" href=\"https:\/\/romanagency.md\/contacte\/\">Solicit\u0103 ofert\u0103<\/a>\n          <a class=\"ra-btnGhost\" href=\"https:\/\/romanagency.md\/portofoliu\/\">Vezi lucr\u0103ri<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 3) SOCIAL & ADS -->\n      <article class=\"ra-b-card\">\n        <div class=\"ra-b-media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1600&q=80\"\n            alt=\"Creative pentru social media &amp; ads\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"ra-b-body\">\n          <div class=\"ra-b-kicker\">Serviciu 03<\/div>\n          <h2 class=\"ra-b-h\">Social &amp; Ads Creatives<\/h2>\n          <p class=\"ra-b-p\">\n            Seturi de vizualuri coerente pentru post\u0103ri \u0219i reclame. Stil curat + mesaj clar, ca s\u0103 cre\u0219ti CTR \u0219i calitatea lead-urilor.\n          <\/p>\n\n          <ul class=\"ra-b-list\">\n            <li><span class=\"ra-b-dot\"><\/span>Template-uri (post\u0103ri, stories, bannere)<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Adapt\u0103ri pe dimensiuni + consisten\u021b\u0103 de brand<\/li>\n            <li><span class=\"ra-b-dot\"><\/span>Direc\u021bie vizual\u0103 pentru campanii (testare &amp; itera\u021bii)<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ra-b-foot\">\n          <a class=\"ra-btnSilver\" href=\"https:\/\/romanagency.md\/contacte\/\">Solicit\u0103 ofert\u0103<\/a>\n          <a class=\"ra-btnGhost\" href=\"https:\/\/romanagency.md\/portofoliu\/\">Vezi lucr\u0103ri<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"ra-b-note\">\n      Important: p\u0103str\u0103m brandul minimalist \u0219i \u201cluxury\u201d (f\u0103r\u0103 efecte flashy). Construim un sistem coerent,\n      ca s\u0103 arate bine peste tot \u2014 site, social, print.\n    <\/div>\n  <\/div>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"ra2026-contact\">\n\n<style>\n.ra2026-contact,\n.ra2026-contact *,\n.ra2026-contact *::before,\n.ra2026-contact *::after{\n  box-sizing:border-box;\n}\n\n.ra2026-contact{\n  display:block !important;\n  width:100% !important;\n  margin:0 !important;\n  padding:80px 20px !important;\n  clear:both !important;\n  background:#070707;\n  color:#fff;\n  font-family:\"IBM Plex Mono\",monospace;\n}\n\n.ra2026-contact-inner{\n  display:grid !important;\n  grid-template-columns:minmax(0,760px) !important;\n  justify-content:center !important;\n  align-items:start !important;\n  width:100% !important;\n  max-width:100% !important;\n  margin:0 auto !important;\n  padding:0 !important;\n}\n\n.ra2026-contact-title{\n  display:block !important;\n  grid-column:1 !important;\n  width:100% !important;\n  margin:0 0 38px !important;\n  padding:0 !important;\n  float:none !important;\n  clear:both !important;\n  background:linear-gradient(\n    135deg,\n    #f5f5f5 0%,\n    #cfcfcf 35%,\n    #999 65%,\n    #f5f5f5 100%\n  );\n  background-clip:text;\n  -webkit-background-clip:text;\n  color:transparent;\n  font-family:\"IBM Plex Mono\",monospace;\n  font-size:30px !important;\n  font-weight:600 !important;\n  line-height:1.3 !important;\n  letter-spacing:1px;\n  text-align:center !important;\n}\n\n.ra2026-form-holder{\n  display:block !important;\n  grid-column:1 !important;\n  width:100% !important;\n  max-width:760px !important;\n  margin:0 auto !important;\n  padding:0 !important;\n  float:none !important;\n  clear:both !important;\n}\n\n.ra2026-form-holder .wpcf7,\n.ra2026-form-holder .wpcf7-form,\n.ra2026-form-holder .ra-cf7{\n  display:block !important;\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding:0 !important;\n  float:none !important;\n  clear:both !important;\n}\n\n\/* C\u00e2mpuri *\/\n.ra2026-form-holder .ra-field{\n  display:block;\n  width:100%;\n  margin:0 0 22px;\n}\n\n.ra2026-form-holder .wpcf7-form-control-wrap{\n  display:block;\n  width:100%;\n}\n\n.ra2026-form-holder .ra-field input{\n  display:block;\n  width:100% !important;\n  height:58px;\n  margin:0 !important;\n  padding:0 22px !important;\n  background:#090909 !important;\n  border:1px solid rgba(255,255,255,.20) !important;\n  border-radius:14px !important;\n  box-shadow:none !important;\n  color:#fff !important;\n  font-family:\"IBM Plex Mono\",monospace !important;\n  font-size:16px !important;\n  outline:none !important;\n  transition:.25s ease;\n}\n\n.ra2026-form-holder .ra-field input::placeholder{\n  color:rgba(255,255,255,.50) !important;\n  opacity:1;\n}\n\n.ra2026-form-holder .ra-field input:focus{\n  border-color:rgba(255,255,255,.65) !important;\n  box-shadow:0 0 0 3px rgba(255,255,255,.06) !important;\n}\n\n\/* Servicii *\/\n.ra2026-form-holder .ra-services{\n  display:block;\n  width:100%;\n  margin:0;\n  padding:20px;\n  background:#090909;\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:16px;\n}\n\n.ra2026-form-holder .ra-services-title{\n  display:block;\n  margin:0 0 15px;\n  color:rgba(255,255,255,.58);\n  font-family:\"IBM Plex Mono\",monospace;\n  font-size:14px;\n  letter-spacing:.7px;\n  text-transform:uppercase;\n}\n\n.ra2026-form-holder .ra-services .wpcf7-radio{\n  display:grid !important;\n  grid-template-columns:1fr !important;\n  gap:8px !important;\n  width:100% !important;\n}\n\n.ra2026-form-holder .ra-services .wpcf7-list-item{\n  display:block !important;\n  width:100% !important;\n  margin:0 !important;\n}\n\n.ra2026-form-holder .ra-services .wpcf7-list-item label{\n  position:relative;\n  display:flex !important;\n  width:100% !important;\n  min-height:86px;\n  margin:0 !important;\n  padding:14px 20px !important;\n  align-items:center !important;\n  justify-content:center !important;\n  overflow:hidden;\n  background:#0c0c0c;\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:12px;\n  cursor:pointer;\n  transition:.22s ease;\n}\n\n.ra2026-form-holder .ra-services .wpcf7-list-item label:hover{\n  background:#111;\n  border-color:rgba(255,255,255,.32);\n}\n\n.ra2026-form-holder .ra-services input[type=\"radio\"]{\n  position:absolute !important;\n  width:1px !important;\n  height:1px !important;\n  opacity:0 !important;\n}\n\n.ra2026-form-holder .ra-services .wpcf7-list-item-label{\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  flex-direction:column !important;\n  gap:11px !important;\n  color:#fff !important;\n  font-family:\"IBM Plex Mono\",monospace !important;\n  font-size:16px !important;\n  line-height:1.4 !important;\n  text-align:center !important;\n}\n\n.ra2026-form-holder\n.ra-services\n.wpcf7-list-item-label::before{\n  content:\"\";\n  display:block;\n  width:22px;\n  height:22px;\n  border:2px solid rgba(255,255,255,.28);\n  border-radius:50%;\n  background:transparent;\n  transition:.2s ease;\n}\n\n.ra2026-form-holder\n.ra-services\ninput[type=\"radio\"]:checked\n+ .wpcf7-list-item-label::before{\n  border-color:#ededed;\n  background:radial-gradient(\n    circle,\n    #ededed 0,\n    #ededed 5px,\n    transparent 6px\n  );\n}\n\n\/* Buton *\/\n.ra2026-form-holder .ra-btn{\n  display:block !important;\n  width:100% !important;\n  min-height:68px !important;\n  margin:26px 0 0 !important;\n  padding:18px 25px !important;\n  background:linear-gradient(\n    135deg,\n    #f5f5f5 0%,\n    #c9c9c9 45%,\n    #fafafa 100%\n  ) !important;\n  border:0 !important;\n  border-radius:15px !important;\n  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;\n  color:#111 !important;\n  font-family:\"IBM Plex Mono\",monospace !important;\n  font-size:16px !important;\n  font-weight:700 !important;\n  letter-spacing:.7px !important;\n  text-align:center !important;\n  cursor:pointer !important;\n  transition:.25s ease;\n}\n\n.ra2026-form-holder .ra-btn:hover{\n  transform:translateY(-2px);\n  box-shadow:0 16px 35px rgba(0,0,0,.45) !important;\n}\n\n.ra2026-form-holder .ra-note{\n  display:block;\n  width:100%;\n  margin:24px 0 0;\n  color:rgba(255,255,255,.50);\n  font-family:\"IBM Plex Mono\",monospace;\n  font-size:13px;\n  text-align:center;\n}\n\n\/* Mesaje *\/\n.ra2026-form-holder .wpcf7-not-valid-tip{\n  display:block;\n  margin-top:7px;\n  color:#ff8989;\n  font-size:12px;\n}\n\n.ra2026-form-holder .wpcf7-response-output{\n  margin:22px 0 0 !important;\n  padding:14px 18px !important;\n  border:1px solid rgba(255,255,255,.25) !important;\n  border-radius:12px !important;\n  color:#fff !important;\n  text-align:center !important;\n}\n\n.ra2026-form-holder .wpcf7-spinner{\n  display:block;\n  margin:12px auto 0;\n}\n\n@media(max-width:768px){\n  .ra2026-contact{\n    padding:55px 15px !important;\n  }\n\n  .ra2026-contact-inner{\n    grid-template-columns:minmax(0,100%) !important;\n  }\n\n  .ra2026-contact-title{\n    margin-bottom:28px !important;\n    font-size:23px !important;\n  }\n\n  .ra2026-form-holder .ra-field{\n    margin-bottom:17px;\n  }\n\n  .ra2026-form-holder .ra-field input{\n    height:54px;\n    padding:0 17px !important;\n    font-size:14px !important;\n  }\n\n  .ra2026-form-holder .ra-services{\n    padding:15px 11px;\n  }\n\n  .ra2026-form-holder .ra-services-title{\n    padding-left:5px;\n    font-size:12px;\n  }\n\n  .ra2026-form-holder\n  .ra-services\n  .wpcf7-list-item label{\n    min-height:75px;\n  }\n\n  .ra2026-form-holder\n  .ra-services\n  .wpcf7-list-item-label{\n    gap:8px !important;\n    font-size:14px !important;\n  }\n\n  .ra2026-form-holder .ra-btn{\n    min-height:60px !important;\n    font-size:14px !important;\n  }\n}\n<\/style>\n\n<div class=\"ra2026-contact-inner\">\n\n  <h2 class=\"ra2026-contact-title\">\n    SOLICIT\u0102 CONSULTA\u021aIE\n  <\/h2>\n\n  <div class=\"ra2026-form-holder\">\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f7-o1\" lang=\"ro-RO\" dir=\"ltr\" data-wpcf7-id=\"7\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ru\/wp-json\/wp\/v2\/pages\/22#wpcf7-f7-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formular de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"7\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ro_RO\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f7-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"ra-cf7\">\n\t<div class=\"ra-field\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ra-nume\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nume\" value=\"\" type=\"text\" name=\"ra-nume\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"ra-field\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ra-telefon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Telefon de contact\" value=\"\" type=\"tel\" name=\"ra-telefon\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"ra-services\">\n\t\t<div class=\"ra-services-title\">\n\t\t\t<p>SERVICIUL SOLICITAT\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ra-serviciu\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"ra-serviciu\" value=\"Creare website\" \/><span class=\"wpcf7-list-item-label\">Creare website<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"ra-serviciu\" value=\"Marketing digital\" \/><span class=\"wpcf7-list-item-label\">Marketing digital<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"ra-serviciu\" value=\"Design &amp; Branding\" \/><span class=\"wpcf7-list-item-label\">Design &amp; Branding<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"ra-serviciu\" value=\"Altele\" \/><span class=\"wpcf7-list-item-label\">Altele<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner ra-btn\" type=\"submit\" value=\"TRIMITE SOLICITAREA\" \/>\n\t<\/p>\n\t<div class=\"ra-note\">\n\t\t<p>Vei fi contactat \u00een cel mai scurt timp.\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"wpcf7mailsent\", function(){\n  window.location.href =\n    \"https:\/\/romanagency.md\/multumim-pentru-solicitare\/\";\n}, false);\n<\/script>\n\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid wd-rs-698cb185e5ae2 wd-section-stretch-content\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ROMAN AGENCY \u2014 CONTACT PREMIUM WITH MAP -->\n<section class=\"ra-contact\">\n  <style>\n    .ra-contact{\n      --bg:#070707;\n      --bg2:#0c0c0c;\n      --border:rgba(255,255,255,.12);\n      --muted:rgba(255,255,255,.65);\n      --silver:linear-gradient(135deg,#e6e6e6,#bfbfbf,#f5f5f5);\n\n      font-family:\"IBM Plex Mono\", monospace;\n      background:linear-gradient(180deg,var(--bg),var(--bg2));\n      padding:clamp(70px,8vw,120px) 20px;\n      border-top:1px solid var(--border);\n    }\n\n    .ra-contact-wrap{\n      max-width:1200px;\n      margin:0 auto;\n      display:grid;\n      grid-template-columns:1fr 1.2fr;\n      gap:60px;\n      align-items:center;\n    }\n\n    .ra-contact h2{\n      margin:0 0 30px;\n      font-size:clamp(28px,3vw,42px);\n      font-weight:700;\n      background:var(--silver);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n    }\n\n    .ra-contact-item{\n      margin-bottom:25px;\n    }\n\n    .ra-contact-label{\n      font-size:12px;\n      letter-spacing:2px;\n      text-transform:uppercase;\n      color:var(--muted);\n      margin-bottom:8px;\n    }\n\n    .ra-contact-text{\n      font-size:16px;\n      color:#fff;\n      line-height:1.6;\n    }\n\n    .ra-contact-text a{\n      color:#fff;\n      text-decoration:none;\n      transition:.3s;\n    }\n\n    .ra-contact-text a:hover{\n      opacity:.7;\n    }\n\n    .ra-map{\n      border-radius:24px;\n      overflow:hidden;\n      border:1px solid var(--border);\n      box-shadow:0 20px 60px rgba(0,0,0,.6);\n    }\n\n    .ra-map iframe{\n      width:100%;\n      height:450px;\n      border:0;\n      filter:grayscale(100%) contrast(110%) brightness(90%);\n    }\n\n    @media(max-width:900px){\n      .ra-contact-wrap{\n        grid-template-columns:1fr;\n        gap:40px;\n      }\n      .ra-map iframe{\n        height:350px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ra-contact-wrap\">\n\n    <div>\n      <h2>Contacte<\/h2>\n\n      <div class=\"ra-contact-item\">\n        <div class=\"ra-contact-label\">Adres\u0103<\/div>\n        <div class=\"ra-contact-text\">\n          mun. Chi\u0219in\u0103u<br>\n          strada Burebista 17\n        <\/div>\n      <\/div>\n\n      <div class=\"ra-contact-item\">\n        <div class=\"ra-contact-label\">Telefon<\/div>\n        <div class=\"ra-contact-text\">\n          <a href=\"tel:+37367737111\">067 737 111<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ra-contact-item\">\n        <div class=\"ra-contact-label\">Email<\/div>\n        <div class=\"ra-contact-text\">\n          <a href=\"mailto:info@romanagency.md\">info@romanagency.md<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ra-map\">\n      <iframe \n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2721.843485259754!2d28.87863837605771!3d46.984408730736!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40c9794334e2dd49%3A0xf413323af26ef1a8!2zU3RyYWRhIEJ1cmViaXN0YSAxNywgTUQtMjAzMiwgQ2hpyJlpbsSDdSwg0JzQvtC70LTQvtCy0LA!5e0!3m2!1sru!2s!4v1770820773446!5m2!1sru!2s\"\n        allowfullscreen=\"\"\n        loading=\"lazy\"\n        referrerpolicy=\"no-referrer-when-downgrade\">\n      <\/iframe>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Design &amp; Branding Identitate vizual\u0103 premium, curat\u0103 \u0219i memorabil\u0103. Construim sistemul de brand (nu doar \u201cun logo\u201d), ca s\u0103 ar\u0103\u021bi","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":11,"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/pages\/22\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/romanagency.md\/ru\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}