{"id":1001890,"date":"2025-09-17T01:39:03","date_gmt":"2025-09-17T04:39:03","guid":{"rendered":"https:\/\/jendantas.com\/?page_id=1001890"},"modified":"2025-09-17T02:10:43","modified_gmt":"2025-09-17T05:10:43","slug":"card","status":"publish","type":"page","link":"https:\/\/jendantas.com\/en\/card\/","title":{"rendered":"Card"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1001890\" class=\"elementor elementor-1001890\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce17bf4 e-flex e-con-boxed e-con e-parent\" data-id=\"ce17bf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-757a37e elementor-widget elementor-widget-html\" data-id=\"757a37e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" \/>\r\n  <meta name=\"theme-color\" content=\"#000000\" \/>\r\n  <title>Cart\u00e3o Digital<\/title>\r\n  <style>\r\n    :root{\r\n      --bg:#0a0a0a;\r\n      --ink:#e5e7eb;\r\n      --muted:#9ca3af;\r\n      --brand:#7dd3fc;        \/* acento *\/\r\n      --glow:0 0 32px rgba(125,211,252,.15);\r\n      --radius:22px;\r\n    }\r\n    *{box-sizing:border-box}\r\n    html,body{height:100%}\r\n    body{\r\n      margin:0;\r\n      background:\r\n        radial-gradient(1200px 900px at 80% -10%, rgba(125,211,252,.06), transparent 60%),\r\n        radial-gradient(900px 600px at -10% 110%, rgba(167,139,250,.06), transparent 60%),\r\n        var(--bg);\r\n      color:var(--ink);\r\n      font:16px\/1.5 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Inter,Oxygen,Ubuntu,Cantarell,\"Helvetica Neue\",Arial;\r\n      overflow:hidden;\r\n      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n    }\r\n    .wrap{\r\n      min-height:100dvh;\r\n      padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);\r\n      display:grid; place-items:center;\r\n    }\r\n    .card{\r\n      width:min(92vw,420px); height:min(92vh,760px);\r\n      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));\r\n      border:1px solid rgba(255,255,255,.08);\r\n      border-radius:var(--radius);\r\n      box-shadow:0 10px 30px rgba(0,0,0,.5), var(--glow);\r\n      display:grid; grid-template-rows:auto 1fr auto; gap:18px;\r\n      padding:22px; position:relative; isolation:isolate;\r\n      backdrop-filter:blur(6px);\r\n    }\r\n    .halo{position:absolute; inset:-2px; border-radius:inherit; pointer-events:none;}\r\n    .halo::before{\r\n      content:\"\"; position:absolute; inset:-2px; border-radius:inherit;\r\n      background:conic-gradient(from 210deg at 50% 50%, rgba(125,211,252,.35), rgba(167,139,250,0) 35%, rgba(56,189,248,.35) 60%, rgba(167,139,250,0));\r\n      filter:blur(18px); opacity:.45; mix-blend:screen;\r\n    }\r\n    header{display:flex; align-items:center; gap:14px}\r\n    .monogram{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}\r\n    .monogram svg{width:26px;height:26px;position:relative;z-index:1}\r\n    \/* Lottie container dentro da monogram *\/\r\n    #lottieBadge{position:absolute;inset:-25%;opacity:.35;filter:blur(.2px)}\r\n\r\n    .id{display:flex;flex-direction:column}\r\n    .name{font-size:1.25rem;font-weight:700;letter-spacing:.2px}\r\n    .role{font-size:.9rem;color:var(--muted)}\r\n    .mid{display:grid;place-items:center;text-align:center;padding:8px 6px}\r\n    .tagline{color:var(--muted);font-size:.96rem;max-width:28ch}\r\n\r\n    .actions{display:grid; gap:12px}\r\n    .btn{\r\n      position:relative;\r\n      display:flex; align-items:center; justify-content:center; gap:12px;\r\n      padding:14px 16px; border-radius:16px;\r\n      border:1px solid rgba(255,255,255,.08);\r\n      background:rgba(255,255,255,.03); color:var(--ink);\r\n      text-decoration:none; font-weight:600;\r\n      transition:transform .08s ease, background .2s ease, border-color .2s ease;\r\n      box-shadow:var(--glow);\r\n      outline:none;\r\n    }\r\n    .btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.14) }\r\n    .btn:active{ transform:translateY(0) }\r\n    .btn svg{width:20px;height:20px;opacity:.92}\r\n\r\n    \/* Luz pulsando suave na borda *\/\r\n    .btn::after{\r\n      content:\"\"; position:absolute; inset:0; border-radius:inherit; pointer-events:none;\r\n      border:1px solid var(--brand);\r\n      opacity:.35;\r\n      box-shadow:0 0 18px rgba(125,211,252,.25), inset 0 0 10px rgba(125,211,252,.12);\r\n      animation:pulse 4.6s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse{\r\n      0%,100%{ opacity:.22; box-shadow:0 0 10px rgba(125,211,252,.18), inset 0 0 6px rgba(125,211,252,.08) }\r\n      50%     { opacity:.60; box-shadow:0 0 22px rgba(125,211,252,.35), inset 0 0 12px rgba(125,211,252,.16) }\r\n    }\r\n    .btn:focus-visible{ outline:2px solid var(--brand); outline-offset:2px }\r\n\r\n    footer{display:flex; align-items:center; justify-content:space-between; gap:10px; opacity:.85}\r\n    .tiny{font-size:.78rem;color:var(--muted)}\r\n    .dots{display:flex; gap:6px}\r\n    .dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.12)}\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .btn::after{ animation:none }\r\n      .btn{ transition:none }\r\n    }\r\n  <\/style>\r\n  <script src=\"https:\/\/unpkg.com\/lottie-web\/build\/player\/lottie.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n  <div class=\"wrap\">\r\n    <section class=\"card\" role=\"region\" aria-label=\"Cart\u00e3o digital\">\r\n      <div class=\"halo\" aria-hidden=\"true\"><\/div>\r\n      <header>\r\n        <div class=\"monogram\" aria-hidden=\"true\">\r\n          <div id=\"lottieBadge\"><\/div>\r\n          <!-- \u00cdcone de alvo (target) -->\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"id\">\r\n          <div class=\"name\">Diego Paican \u2022 LIVORO<\/div>\r\n          <div class=\"role\">Founder \u2022 Intelig\u00eancia Imobili\u00e1ria<\/div>\r\n        <\/div>\r\n      <\/header>\r\n\r\n      <div class=\"mid\">\r\n        <p class=\"tagline\">Transformando a experi\u00eancia imobili\u00e1ria com p\u00e1ginas de vendas personalizadas e apoio audiovisual \u2014 em um s\u00f3 lugar.<\/p>\r\n      <\/div>\r\n\r\n      <nav class=\"actions\" aria-label=\"A\u00e7\u00f5es do cart\u00e3o\">\r\n        <a class=\"btn\" href=\"#\" id=\"saveContact\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M12 12v9\"\/><path d=\"M7 16l5 5l5-5\"\/><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"3\"\/>\r\n          <\/svg>\r\n          <span>Salvar contato<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"btn\" id=\"waLink\" href=\"https:\/\/wa.me\/5583999306547?text=Ol%C3%A1%20Diego%2C%20peguei%20seu%20contato%20no%20cart%C3%A3o%20digital.\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M3 12a9 9 0 1 0 16.36 5.04L22 22l-4.07-2.18A9 9 0 0 0 3 12z\"\/><path d=\"M8 12c0 1 2 3 3 3s3-1 3-2\"\/>\r\n          <\/svg>\r\n          <span>WhatsApp<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"btn\" id=\"mailLink\" href=\"mailto:paican@hypetarget.com?subject=Contato%20via%20cart%C3%A3o%20digital\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M3 7l9 7l9-7\"\/><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"\/>\r\n          <\/svg>\r\n          <span>Email<\/span>\r\n        <\/a>\r\n      <\/nav>\r\n\r\n      <footer>\r\n        <span class=\"tiny\">\u00a9 LIVORO<\/span>\r\n        <div class=\"dots\" aria-hidden=\"true\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><\/div>\r\n      <\/footer>\r\n    <\/section>\r\n  <\/div>\r\n\r\n<script>\r\n  \/\/ ===== Dados para o vCard (ORG = LIVORO) =====\r\n  const CONTACT = {\r\n    fullName: 'Diego Paican',\r\n    org: 'LIVORO',\r\n    title: 'Founder \u2022 Intelig\u00eancia Imobili\u00e1ria',\r\n    phone: '+55 83 99930-6547',\r\n    email: 'paican@hypetarget.com',\r\n    url: 'https:\/\/hypetarget.com\/',\r\n    address: 'Jo\u00e3o Pessoa, PB, Brasil'\r\n  };\r\n\r\n  function makeVCard(contact){\r\n    const now = new Date().toISOString().replace(\/[-:]\/g, '').split('.')[0] + 'Z';\r\n    const vcf = [\r\n      'BEGIN:VCARD',\r\n      'VERSION:3.0',\r\n      `N:${contact.fullName.split(' ').slice(1).join(' ')};${contact.fullName.split(' ')[0]};;;`,\r\n      `FN:${contact.fullName}`,\r\n      contact.title ? `TITLE:${contact.title}` : '',\r\n      contact.org ? `ORG:${contact.org}` : '',\r\n      contact.phone ? `TEL;TYPE=CELL,VOICE:${contact.phone}` : '',\r\n      contact.email ? `EMAIL;TYPE=INTERNET,PREF:${contact.email}` : '',\r\n      contact.url ? `URL:${contact.url}` : '',\r\n      contact.address ? `ADR;TYPE=WORK:;;${contact.address};;;;` : '',\r\n      `REV:${now}`,\r\n      'END:VCARD'\r\n    ].filter(Boolean).join('\\n');\r\n    return vcf;\r\n  }\r\n\r\n  function downloadVCard(){\r\n    const vcf = makeVCard(CONTACT);\r\n    const blob = new Blob([vcf], {type: 'text\/vcard;charset=utf-8'});\r\n    const url = URL.createObjectURL(blob);\r\n    const a = document.createElement('a');\r\n    a.href = url;\r\n    a.download = (CONTACT.fullName || 'contato') + '.vcf';\r\n    document.body.appendChild(a);\r\n    a.click();\r\n    a.remove();\r\n    setTimeout(() => URL.revokeObjectURL(url), 7000);\r\n  }\r\n\r\n  document.getElementById('saveContact').addEventListener('click', (e)=>{\r\n    e.preventDefault();\r\n    downloadVCard();\r\n  });\r\n\r\n  \/\/ ====== Lottie (opcional) ======\r\n  \/\/ Cole a URL de um .json Lottie em LOTTIE_URL (recomendado algo sutil, looping curto).\r\n  \/\/ Exemplo comentado: 'https:\/\/assets10.lottiefiles.com\/packages\/lf20_touohxv0.json'\r\n  const LOTTIE_URL = '';\r\n  if (window.lottie && LOTTIE_URL){\r\n    lottie.loadAnimation({\r\n      container: document.getElementById('lottieBadge'),\r\n      renderer: 'svg',\r\n      loop: true,\r\n      autoplay: true,\r\n      path: LOTTIE_URL,\r\n      rendererSettings: { preserveAspectRatio: 'xMidYMid slice', progressiveLoad: true }\r\n    });\r\n  }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cart\u00e3o Digital Diego Paican \u2022 LIVORO Founder \u2022 Intelig\u00eancia Imobili\u00e1ria Transformando a experi\u00eancia imobili\u00e1ria com p\u00e1ginas de vendas personalizadas e apoio audiovisual \u2014 em um s\u00f3 lugar. Salvar contato WhatsApp Email \u00a9 LIVORO<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_page_generator_pro_exclude":false,"_page_generator_pro_group":0,"_page_generator_pro_index":0,"footnotes":""},"class_list":["post-1001890","page","type-page","status-publish","hentry"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/pages\/1001890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/comments?post=1001890"}],"version-history":[{"count":23,"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/pages\/1001890\/revisions"}],"predecessor-version":[{"id":1001917,"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/pages\/1001890\/revisions\/1001917"}],"wp:attachment":[{"href":"https:\/\/jendantas.com\/en\/wp-json\/wp\/v2\/media?parent=1001890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}