{"id":744,"date":"2025-06-26T18:31:15","date_gmt":"2025-06-26T18:31:15","guid":{"rendered":"https:\/\/zoeflexsolutions.com\/?page_id=744"},"modified":"2025-12-01T20:00:24","modified_gmt":"2025-12-01T20:00:24","slug":"about","status":"publish","type":"page","link":"https:\/\/zoeflexsolutions.com\/pt\/about\/","title":{"rendered":"Sobre"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"744\" class=\"elementor elementor-744\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f73e8 e-flex e-con-boxed e-con e-parent\" data-id=\"d4f73e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74c3532 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-html\" data-id=\"74c3532\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- IMPORTA\u00c7\u00c3O DE FONTES E ESTILOS -->\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&family=Poppins:wght@600;700&display=swap\");\r\n  @import url(\"https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,600,700&display=swap\");\r\n\r\n  html,\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    font-family: \"Inter\", sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n    min-height: 100vh;\r\n  }\r\n\r\n  header {\r\n    position: fixed;\r\n    top: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: rgba(15, 15, 15, 0.6);\r\n    border-radius: 60px;\r\n    padding: 6px 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n    backdrop-filter: blur(20px);\r\n    z-index: 999;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  header .logo {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 70px;\r\n  }\r\n\r\n  header .logo img {\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 0 4px #00f0ff);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  header .logo img:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  header nav {\r\n    display: flex;\r\n    gap: 16px;\r\n  }\r\n\r\n  header nav a {\r\n    position: relative;\r\n    padding: 8px 16px;\r\n    border-radius: 30px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    font-size: 0.9em;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  header nav a.active,\r\n  header nav a:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #d10000;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  header nav a.active::after,\r\n  header nav a:hover::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: #d10000;\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .contact-btn {\r\n    background: #001f4d;\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.9em;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* --- SE\u00c7\u00c3O HERO 'ABOUT US' --- *\/\r\n  .about-hero {\r\n    height: 100vh;\r\n    background: linear-gradient(\r\n        to right,\r\n        rgba(0, 0, 0, 0.95) 40%,\r\n        rgba(0, 0, 0, 0.3) 70%,\r\n        rgba(0, 0, 0, 0) 100%\r\n      ),\r\n      url(\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/06\/imagem_2025-06-26_162010920.png\")\r\n        no-repeat center center\/cover;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    text-align: center;\r\n  }\r\n\r\n  .about-hero h1 {\r\n    font-family: \"Satoshi\", sans-serif;\r\n    font-size: 6vw;\r\n    font-weight: 700;\r\n    background: linear-gradient(to right, #fff 30%, #aaa);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    margin: 0;\r\n  }\r\n\r\n  .scroll-indicator {\r\n    position: absolute;\r\n    left: 30px;\r\n    bottom: 40px;\r\n    writing-mode: vertical-rl;\r\n    text-orientation: mixed;\r\n    color: #aaa;\r\n    font-size: 0.8em;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  \/* --- SOBRE A EMPRESA --- *\/\r\n  .about-company {\r\n    background: #000;\r\n    padding: 100px 10vw 60px;\r\n    color: #ddd;\r\n    font-family: \"Inter\", sans-serif;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 1s ease;\r\n  }\r\n\r\n  .about-company.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .about-company h2 {\r\n    font-family: \"Satoshi\", sans-serif;\r\n    font-size: 3em;\r\n    margin-bottom: 30px;\r\n    color: white;\r\n  }\r\n\r\n  .about-company p {\r\n    line-height: 1.8;\r\n    margin-bottom: 20px;\r\n    font-size: 1.1em;\r\n  }\r\n\r\n  .about-company strong {\r\n    color: #fff;\r\n  }\r\n\r\n  \/* --- EXPERI\u00caNCIAS COM ANIMA\u00c7\u00c3O ZIG-ZAG --- *\/\r\n  .experience-section {\r\n    padding: 80px 10vw;\r\n    background: #0d0d0d;\r\n  }\r\n\r\n  .experience-section h2 {\r\n    font-family: \"Satoshi\", sans-serif;\r\n    color: white;\r\n    font-size: 2.5em;\r\n    margin-bottom: 50px;\r\n    text-align: center;\r\n  }\r\n\r\n  .experience-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .experience-box {\r\n    background: linear-gradient(145deg, #111, #1a1a1a);\r\n    padding: 30px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 30px rgba(0, 240, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.04);\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 1s ease;\r\n  }\r\n\r\n  .experience-box.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .experience-title {\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: \"Satoshi\", sans-serif;\r\n    font-size: 1.6em;\r\n    margin-bottom: 10px;\r\n    color: white;\r\n  }\r\n\r\n  .experience-box p {\r\n    color: #ccc;\r\n    font-size: 1.05em;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .experience-item {\r\n      flex-direction: column !important;\r\n    }\r\n    .about-hero h1 {\r\n      font-size: 12vw;\r\n    }\r\n  }\r\n\r\n  .reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.8s ease-out;\r\n  }\r\n  .reveal.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n.scroll-indicator {\r\n  position: absolute;\r\n  left: 40px;\r\n  bottom: 60px;\r\n  width: 20px;\r\n  height: 60px;\r\n  opacity: 0.8;\r\n  pointer-events: none;\r\n}\r\n\r\n.scroll-line {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: 1px;\r\n  height: 40px;\r\n  background: #888;\r\n  animation: scroll-down 1.4s infinite ease-in-out;\r\n  transform: translateX(-50%);\r\n  opacity: 0.5;\r\n}\r\n\r\n.scroll-arrow {\r\n  position: absolute;\r\n  bottom: 0px; \r\n  left: 10%;\r\n  transform: translateX(-50%);\r\n  animation: arrow-bounce 1.4s infinite ease-in-out;\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n\r\n  @keyframes arrow-bounce {\r\n    0%,\r\n    100% {\r\n      transform: translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateY(6px);\r\n    }\r\n  }\r\n\r\n  @keyframes scroll-down {\r\n    0% {\r\n      opacity: 0.2;\r\n      height: 10px;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n      height: 40px;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  .contact-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);\r\n    background: #00308f;\r\n  }\r\n  .footer {\r\n    background: #0d0d0d;\r\n    color: #ccc;\r\n    padding: 80px 40px 40px;\r\n    font-size: 1em;\r\n    border-top: 1px solid #222;\r\n    overflow: hidden;\r\n    font-family: \"Satoshi\", sans-serif;\r\n  }\r\n\r\n  .footer-content {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .footer-col {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.6s ease-out;\r\n  }\r\n\r\n  .footer-col h4 {\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n    font-weight: 600;\r\n    font-size: 1.1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .footer-col p,\r\n  .footer-col a {\r\n    color: #aaa;\r\n    line-height: 1.6;\r\n    font-size: 0.95em;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .footer-col a:hover {\r\n    color: #00f0ff;\r\n  }\r\n\r\n  .social-links {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .social-links a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .social-links a:hover {\r\n    color: #00f0ff;\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .social-links i {\r\n    font-size: 1.2em;\r\n    color: #888;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .social-links a:hover i {\r\n    color: #00f0ff;\r\n  }\r\n\r\n  .footer-bottom {\r\n    text-align: center;\r\n    margin-top: 60px;\r\n    color: #555;\r\n    font-size: 0.85em;\r\n    border-top: 1px solid #222;\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .menu-toggle {\r\n    display: none;\r\n    font-size: 1.8em;\r\n    color: white;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 1001;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .menu-toggle {\r\n      display: block;\r\n      margin-left: auto;\r\n    }\r\n\r\n    header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      width: 100%;\r\n      left: 0;\r\n      transform: none;\r\n      top: 0;\r\n      border-radius: 0;\r\n      padding: 10px 20px;\r\n    }\r\n\r\n    header nav {\r\n      display: none;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      width: 100%;\r\n      padding: 10px 0;\r\n    }\r\n\r\n    body.menu-open header nav {\r\n      display: flex;\r\n    }\r\n\r\n    .contact-btn {\r\n      display: none;\r\n    }\r\n\r\n    body.menu-open .contact-btn {\r\n      display: inline-block;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 60px;\r\n      background: rgba(0, 0, 0, 0.85);\r\n      z-index: 1000;\r\n      padding: 0 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .logo img {\r\n      max-height: 36px;\r\n      width: auto;\r\n    }\r\n\r\n    .nav-toggle {\r\n      display: block;\r\n      font-size: 1.8em;\r\n      z-index: 1001;\r\n    }\r\n\r\n    nav {\r\n      position: absolute;\r\n      top: 60px;\r\n      left: 0;\r\n      right: 0;\r\n      background: #000;\r\n      display: none;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding: 20px 0;\r\n    }\r\n\r\n    nav.open {\r\n      display: flex;\r\n    }\r\n\r\n    nav a {\r\n      margin: 10px 0;\r\n      font-size: 1.1em;\r\n    }\r\n  }\r\n  nav {\r\n    display: none;\r\n  }\r\n\r\n  nav.open {\r\n    display: flex !important;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    background: #000;\r\n    padding: 20px 0;\r\n  }\r\n<\/style>\r\n<!-- HEADER -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n<header>\r\n  <div class=\"logo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/11\/imagem_2025-11-25_102442835.png\"\r\n      alt=\"ZoeFlex Solutions\"\r\n    \/>\r\n  <\/div>\r\n  <button\r\n    class=\"menu-toggle\"\r\n    onclick=\"document.querySelector('nav').classList.toggle('open')\"\r\n  >\r\n    <i class=\"fas fa-bars\"><\/i>\r\n  <\/button>\r\n  <nav>\r\n    <a href=\"\/pt\/home\/\">Home<\/a>\r\n    <a href=\"\/pt\/about\/\" class=\"active\">Sobre<\/a>\r\n    <a href=\"\/pt\/services\/#services\">Servi\u00e7os<\/a>\r\n    <a href=\"\/pt\/portfolio\/\">Portf\u00f3lio<\/a>\r\n    <a href=\"\/pt\/faq\/\">FAQ<\/a>\r\n    <a href=\"\/pt\/store\/\">Loja<\/a>\r\n  <\/nav>\r\n  <a class=\"contact-btn\" href=\"#contact\">Contato<\/a>\r\n<\/header>\r\n\r\n<!-- About -->\r\n<!-- TELA 1: HERO ABOUT -->\r\n<section class=\"about-hero\">\r\n  <h1>Sobre n\u00f3s<\/h1>\r\n<div class=\"scroll-indicator\">\r\n  <span class=\"scroll-line\"><\/span>\r\n  <svg class=\"scroll-arrow\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\">\r\n    <path fill=\"#888\" d=\"M12 16.5l-6-6h12z\" \/>\r\n  <\/svg>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- TELA 2: SOBRE A EMPRESA -->\r\n<section class=\"about-company\">\r\n  <h2>Sobre a ZoeFlex Solutions<\/h2>\r\n  <p>\r\n    A ZoeFlex Solutions \u00e9 mais do que uma empresa de tecnologia \u2014 somos arquitetos de\ntransforma\u00e7\u00e3o. Nossa jornada come\u00e7ou com uma ideia ousada: unir criatividade com\nautoma\u00e7\u00e3o, design com intelig\u00eancia e estrat\u00e9gia com resultados reais.\r\n  <\/p>\r\n  <p class=\"translation-block\">Somos a equipe por tr\u00e1s da <strong>Eva<\/strong>, a assistente inteligente\nde leil\u00f5es que est\u00e1 revolucionando a forma como os usu\u00e1rios interagem com dados imobili\u00e1rios e\noportunidades imobili\u00e1rias. Mas n\u00e3o paramos por a\u00ed.<\/p>\r\n  <p>\r\n    Nosso est\u00fadio desenvolveu e lan\u00e7ou diversas outras plataformas, incluindo\nsistemas automatizados, solu\u00e7\u00f5es WordPress personalizadas, pipelines avan\u00e7ados em Python\ne chatbots baseados em IA, adaptados \u00e0s necessidades do neg\u00f3cio.\r\n  <\/p>\r\n<\/section>\r\n\r\n<!-- TELA 3: EXPERI\u00caNCIAS -->\r\n<section class=\"experience-section\">\r\n  <h2>O que constru\u00edmos<\/h2>\r\n  <div class=\"experience-list\">\r\n    <div class=\"experience-box reveal left\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path\r\n            d=\"M12 2L2 7l10 5 10-5-10-5zm0 6.18L5.24 7 12 10.82 18.76 7 12 8.18zM2 17l10 5 10-5M2 12l10 5 10-5\"\r\n          ><\/path>\r\n        <\/svg>\r\n        EVA \u2013 Agente de Leil\u00e3o de IA\r\n      <\/div>\r\n      <p>\r\n        Plataforma de consulta de leil\u00f5es em tempo real com IA e filtragem de im\u00f3veis.\nCriada para velocidade, automa\u00e7\u00e3o e usabilidade.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal right\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path d=\"M4 4h16v2H4zm0 6h16v2H4zm0 6h10v2H4z\" \/>\r\n        <\/svg>\r\n        Bot de bate-papo inteligente do WhatsApp\r\n      <\/div>\r\n      <p>\r\n        Assistente de IA integrado a diversas plataformas e bancos de dados para fornecer\nsuporte contextual via WhatsApp.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal left\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path d=\"M21 6h-2V3H5v3H3v15h18V6zm-4 0H7V5h10v1z\" \/>\r\n        <\/svg>\r\n        Sistema de faturamento automatizado\r\n      <\/div>\r\n      <p>\r\n        Plataforma completa para cobran\u00e7a recorrente, acompanhamento do status de pagamento e\nautoma\u00e7\u00e3o financeira com taxas de inadimpl\u00eancia reduzidas.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal right\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path\r\n            d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 14.5h-2v-2h2v2zm0-4h-2V7h2v5.5z\"\r\n          \/>\r\n        <\/svg>\r\n        Fluxos de integra\u00e7\u00e3o de sistemas\r\n      <\/div>\r\n      <p>\r\n        Automa\u00e7\u00f5es que conectam Invoice Ninja, Zoho, QuickBooks e muito mais \u2014\nsincronizando tarefas e comunica\u00e7\u00e3o perfeitamente.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal left\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path d=\"M3 6l3 1 3-2 3 3 3-2 3 3v10H3z\" \/>\r\n        <\/svg>\r\n        Automa\u00e7\u00e3o de site para site\r\n      <\/div>\r\n      <p>\r\n        Pontes de API personalizadas e fluxos sem c\u00f3digo que automatizam tarefas entre\nsites, aplicativos e servi\u00e7os externos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal right\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path d=\"M3 3h18v2H3zm0 14h18v2H3zm0-7h18v2H3z\" \/>\r\n        <\/svg>\r\n        Automa\u00e7\u00e3o de relat\u00f3rios din\u00e2micos\r\n      <\/div>\r\n      <p>\r\n        Relat\u00f3rios em tempo real ou agendados, criados especificamente para m\u00e9tricas do cliente,\napresentados em pain\u00e9is ou sa\u00eddas compartilhadas.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"experience-box reveal left\">\r\n      <div class=\"experience-title\">\r\n        <svg\r\n          width=\"20\"\r\n          height=\"20\"\r\n          fill=\"#00f0ff\"\r\n          viewbox=\"0 0 24 24\"\r\n          style=\"margin-right: 8px\"\r\n        >\r\n          <path\r\n            d=\"M12 2a10 10 0 00-4.93 18.65l1.43-1.43A8 8 0 1120 12h2a10 10 0 00-10-10z\"\r\n          \/>\r\n        <\/svg>\r\n        Agentes de IA proativos e reativos\r\n      <\/div>\r\n      <p>\r\n        Agentes de IA multil\u00edngues do WhatsApp projetados para vendas proativas\ne suporte reativo ao cliente com mem\u00f3ria.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer-content\">\r\n    <div class=\"footer-col\">\r\n      <h4>Endere\u00e7o<\/h4>\r\n      <p>Orlando, FL, US<\/p>\r\n      <p><a href=\"tel:+13214665975\">+1 (321) 466-5975<\/a><\/p>\r\n      <p><a href=\"mailto:it@zoeflex.com\">it@zoeflex.com<\/a><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col\">\r\n      <h4>Quem somos<\/h4>\r\n      <p>\r\n        A Zoe Flex Solutions \u00e9 uma empresa inovadora especializada em intelig\u00eancia\nartificial, automa\u00e7\u00e3o e solu\u00e7\u00f5es digitais. Nosso objetivo \u00e9\ntransformar neg\u00f3cios e otimizar processos por meio de tecnologia\nde ponta, desenvolvimento personalizado e estrat\u00e9gias eficientes.\r\n      <\/p>\r\n      <p>\r\n        Com uma equipe altamente qualificada, oferecemos programa\u00e7\u00e3o de IA, integra\u00e7\u00e3o de APIs,\nautoma\u00e7\u00e3o de tarefas, marketing digital e publicidade localizada \u2014 sempre\ncom foco em inova\u00e7\u00e3o, efici\u00eancia e resultados. Seja para\nmodernizar seu neg\u00f3cio, aumentar a produtividade ou expandir sua presen\u00e7a\ndigital, a Zoe Flex Solutions tem a expertise necess\u00e1ria para levar sua empresa\nao pr\u00f3ximo n\u00edvel. \ud83d\ude80\u2728\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col socials\">\r\n      <h4>Social<\/h4>\r\n      <div class=\"social-links\">\r\n        <a href=\"https:\/\/instagram.com\" target=\"_blank\"\r\n          ><i class=\"fab fa-instagram\"><\/i> Instagram<\/a\r\n>\r\n        <a href=\"https:\/\/linkedin.com\" target=\"_blank\"\r\n          ><i class=\"fab fa-linkedin\"><\/i> LinkedIn<\/a\r\n>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    \u00a9 2025 Zoe Flex Solutions. Todos os direitos reservados.\r\n  <\/div>\r\n<\/footer>\r\n<!-- ANIMA\u00c7\u00c3O SCROLL -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n  gsap.registerPlugin(ScrollTrigger);\r\n  \/\/ Scroll animation for about-company\r\n  const aboutCompany = document.querySelector(\".about-company\");\r\n  const aboutObserver = new IntersectionObserver(\r\n    (entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          aboutCompany.classList.add(\"visible\");\r\n        }\r\n      });\r\n    },\r\n    { threshold: 0.2 }\r\n  );\r\n  aboutObserver.observe(aboutCompany);\r\n\r\n  \/\/ Reveal experience items one-by-one\r\n  const experienceBoxes = document.querySelectorAll(\".experience-box\");\r\n  const experienceObserver = new IntersectionObserver(\r\n    (entries, observer) => {\r\n      entries.forEach((entry, index) => {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(() => {\r\n            entry.target.classList.add(\"visible\");\r\n          }, index * 200);\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    },\r\n    { threshold: 0.2 }\r\n  );\r\n\r\n  experienceBoxes.forEach((box) => experienceObserver.observe(box));\r\n\r\n  \/\/ Anima as colunas do footer\r\n  if (window.innerWidth > 768) {\r\n    ScrollTrigger.batch(\".footer-col\", {\r\n      start: \"top 95%\",\r\n      onEnter: (batch) =>\r\n        gsap.to(batch, {\r\n          opacity: 1,\r\n          y: 0,\r\n          stagger: 0.2,\r\n          duration: 1,\r\n          ease: \"power2.out\",\r\n        }),\r\n    });\r\n  } else {\r\n    \/\/ Mobile: mostra direto\r\n    document.querySelectorAll(\".footer-col\").forEach((el) => {\r\n      el.style.opacity = \"1\";\r\n      el.style.transform = \"none\";\r\n    });\r\n  }\r\n  window.addEventListener(\"load\", () => {\r\n    ScrollTrigger.refresh();\r\n  });\r\n\r\n  \/\/ Scroll Reveal\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const reveals = document.querySelectorAll(\".reveal\");\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"visible\");\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.1 }\r\n    );\r\n    reveals.forEach((el) => {\r\n      el.classList.add(\"fade-in\");\r\n      observer.observe(el);\r\n    });\r\n  });\r\n\r\n  \/\/ Navega\u00e7\u00e3o flu\u00edda\r\n  const links = document.querySelectorAll(\"nav a.nav-link\");\r\n  const sections = Array.from(links).map((link) =>\r\n    document.querySelector(link.getAttribute(\"href\"))\r\n  );\r\n\r\n  window.addEventListener(\"scroll\", () => {\r\n    let current = \"\";\r\n    sections.forEach((section) => {\r\n      const sectionTop = section.offsetTop - 120;\r\n      if (scrollY >= sectionTop) current = section.getAttribute(\"id\");\r\n    });\r\n\r\n    links.forEach((link) => {\r\n      link.classList.remove(\"active\");\r\n      if (link.getAttribute(\"href\") === `#${current}`) {\r\n        link.classList.add(\"active\");\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home About Services Portfolio FAQ Store Contact About Us About ZoeFlex Solutions ZoeFlex Solutions is more than just a tech company \u2014 we are architects of transformation. Our journey began with a bold idea: to merge creativity with automation, design with intelligence, and strategy with real results. We\u2019re the team behind Eva, the intelligent auction [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-744","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":9,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/744\/revisions\/1418"}],"wp:attachment":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}