{"id":63,"date":"2025-03-28T16:58:30","date_gmt":"2025-03-28T16:58:30","guid":{"rendered":"https:\/\/enlasate.com\/?page_id=63"},"modified":"2025-03-31T20:07:46","modified_gmt":"2025-03-31T20:07:46","slug":"ai-tailor-3","status":"publish","type":"page","link":"https:\/\/enlasate.com\/?page_id=63","title":{"rendered":"AI TAILOR"},"content":{"rendered":"\n<!-- WRAPPED CLEAN STRUCTURE WITH FIXED SIDEBAR AND MAIN PAGE + MOBILE SUPPORT -->\n\n<head>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    @media screen and (max-width: 768px) {\n      .sidebar-ui {\n        position: relative !important;\n        width: 100% !important;\n        height: auto !important;\n        border-left: none !important;\n        box-shadow: none !important;\n        backdrop-filter: none !important;\n        background: rgba(10, 20, 30, 0.75) !important;\n        padding: 20px 10px !important;\n        margin-top: 20px;\n      }\n      .page-wrapper {\n        margin-right: 0 !important;\n      }\n      .avatar iframe {\n        width: 100% !important;\n        height: auto !important;\n      }\n    }\n    .floating-button {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      background-color: #00C2FF;\n      color: #000;\n      padding: 12px 20px;\n      border-radius: 50px;\n      font-weight: bold;\n      text-decoration: none;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n      z-index: 999;\n      transition: transform 0.3s ease;\n    }\n    .floating-button:hover {\n      transform: scale(1.05);\n    }\n  <\/style>\n<\/head>\n<body style=\"margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #0c0f52 url('https:\/\/images.unsplash.com\/photo-1634746716492-5c7eb5be004d?auto=format&#038;fit=crop&#038;w=1600&#038;q=80') no-repeat center center fixed; background-size: cover;\">\n  \n    \n  <div class=\"page-wrapper\" style=\"margin-right: 400px;\">\n\n    <!-- HERO SECTION RESTORED -->\n    <section class=\"hero\" style=\"padding: 60px 20px; text-align: center; background: linear-gradient(to bottom right, rgba(0, 20, 40, 0.7), rgba(0, 194, 255, 0.2)); backdrop-filter: blur(8px); color: #fff; position: relative; box-shadow: 0 0 20px rgba(0,194,255,0.15); border-bottom: 1px solid rgba(0,194,255,0.2);\">\n      <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at center, rgba(0, 194, 255, 0.1) 0%, transparent 80%); animation: pulse 6s ease-in-out infinite;\"><\/div>\n      <h1 style=\"font-size: 2.5rem; margin-bottom: 10px; position: relative; z-index: 1;\">This Is More Than a Chatbot<\/h1>\n      <p style=\"font-size: 1.2rem; position: relative; z-index: 1;\">A digital extension of your voice, shaped with intelligence.<\/p>\n      <a href=\"#video\" style=\"margin-top: 20px; display: inline-block; padding: 10px 20px; background-color: #00C2FF; color: #000; border-radius: 8px; text-decoration: none; font-weight: bold; position: relative; z-index: 1;\">Watch Demo<\/a>\n    <\/section>\n\n    <!-- INTRO SECTION RESTORED -->\n    <section style=\"padding: 40px 20px; max-width: 700px; margin: 0 auto; text-align: center;\">\n      <p style=\"font-size: 1.1rem; color: #fff;\">Imagine a system that doesn\u2019t just reply, but listens. That adapts. That grows. This is more than automation\u2014it\u2019s a reflection of your tone, your rhythm, your purpose.<\/p>\n    <\/section>\n\n    <!-- VIDEO SECTION RESTORED -->\n    <section id=\"video\" style=\"display: none; padding: 40px 20px; background: rgba(10, 20, 30, 0.75); backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(0, 194, 255, 0.2); border: 1px solid rgba(0, 194, 255, 0.3); text-align: center;\">\n      <h2 style=\"margin-bottom: 20px;\">Meet the Avatar<\/h2>\n      <div style=\"max-width: 600px; margin: 0 auto;\">\n        <video width=\"100%\" height=\"315\" controls>\n          <source src=\"https:\/\/enlasate.com\/wp-content\/uploads\/2025\/03\/ai-tailor.mp4\" type=\"video\/mp4\">\n          Your browser does not support the video tag.\n        <\/video>\n        <p style=\"font-size: 0.9rem; color: #666; margin-top: 10px;\">This avatar was trained to speak for you.<\/p>\n      <\/div>\n    <\/section>\n\n    <!-- SYSTEM CHAT SECTION RESTORED -->\n    <section style=\"padding: 40px 20px; text-align: center; background: rgba(10, 20, 30, 0.75); backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(0, 194, 255, 0.2); border: 1px solid rgba(0, 194, 255, 0.3);\">\n      <h2 style=\"font-size: 2rem; margin-bottom: 10px; color: #00C2FF; text-shadow: 0 0 8px #00C2FF;\">Meet AI.TAILOR<\/h2>\n<p style=\"color: #ccc; font-size: 1.2rem; max-width: 600px; margin: 0 auto;\">This isn\u2019t just another assistant. It\u2019s a digital consigliere \u2014 trained to mirror your voice, answer your clients, and never sleep on your business.<\/p>\n    <\/section>\n\n    <!-- HERO SECTION -->\n    <section style=\"padding: 40px 20px; background: rgba(10, 20, 30, 0.75); backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(0, 194, 255, 0.2); border: 1px solid rgba(0, 194, 255, 0.3); color: #fff;\">\n      <h2 style=\"text-align: center; margin-bottom: 30px;\">Key Features<\/h2>\n      <div style=\"display: flex; flex-direction: column; gap: 20px; max-width: 700px; margin: 0 auto;\">\n        <div style=\"display: flex; align-items: center; gap: 15px;\">\n          \n          <div>\n            <h3>Avatar with a Voice<\/h3>\n            <p style=\"color: #ccc;\">Trained to speak for your business, tone, and style.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"separator\" style=\"height: 1px; background: rgba(0, 194, 255, 0.2); margin: 20px 0;\"><\/div>\n        <div style=\"display: flex; align-items: center; gap: 15px;\">\n          \n          <div>\n            <h3>Response with Purpose<\/h3>\n            <p style=\"color: #0c0f52;\">Each reply is intentional and designed to connect.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"separator\" style=\"height: 1px; background: rgba(0, 194, 255, 0.2); margin: 20px 0;\"><\/div>\n        <div style=\"display: flex; align-items: center; gap: 15px;\">\n          \n          <div>\n            <h3>Evolves with You<\/h3>\n            <p style=\"color: #0c0f52;\">The system learns and adapts over time, just like you.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === CALL TO ACTION === -->\n    <section style=\"padding: 60px 20px; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); text-align: center; color: #fff;\">\n      <h2>Ready to Experience It?<\/h2>\n      <a href=\"#\" style=\"margin: 10px; display: inline-block; padding: 12px 24px; background-color: #00C2FF; color: #000; border-radius: 8px; font-weight: bold; text-decoration: none;\">Train Your Assistant<\/a>\n      <a href=\"#\" style=\"margin: 10px; display: inline-block; padding: 12px 24px; border: 2px solid #00C2FF; color: #00C2FF; border-radius: 8px; font-weight: bold; text-decoration: none;\">See the Demo<\/a>\n    <\/section>\n\n    <!-- === CLOSING QUOTE === -->\n    <section style=\"padding: 40px 20px; text-align: center; background: rgba(10, 20, 30, 0.75); backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(0, 194, 255, 0.2); border: 1px solid rgba(0, 194, 255, 0.3);\">\n      <blockquote style=\"font-size: 1.2rem; font-style: italic; color: #ccc; max-width: 600px; margin: 0 auto;\">\n        \u201cWe\u2019re not just building systems. We\u2019re reclaiming your time, your presence, and your purpose.\u201d\n      <\/blockquote>\n    <\/section>\n  <\/div>\n\n  \n  <div class=\"sidebar-ui\" style=\"position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background: rgba(10, 20, 30, 0.75); backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(0, 194, 255, 0.2); border: 1px solid rgba(0, 194, 255, 0.3); padding: 30px 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: -4px 0 20px rgba(0,0,0,0.4); border-left: 2px solid rgba(255, 255, 255, 0.2); z-index: 1000;\">\n  <div class=\"branding\" style=\"color: #00ffff; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px;\">AI.TAILOR<\/div>\n  <div class=\"tagline\" style=\"color: #ffffff; font-size: 1rem; font-style: italic; margin-bottom: 20px; text-align: center;\">Your Business Consigliere<\/div>\n  <div class=\"avatar\" style=\"width: 100%; max-width: 380px; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;\">\n    <iframe \n      src=\"https:\/\/studio.d-id.com\/agents\/share?id=agt_sBmXZHok&#038;utm_source=copy&#038;key=WjI5dloyeGxMVzloZFhSb01ud3hNRGsyTkRnNU56TXhOamsyTmpVNE9UazRNalU2TmxObldGQnRkRlpsT0RCallrWktiQzFyYkUxcg==\" \n      width=\"360\" \n      height=\"530\" \n      frameborder=\"0\" \n      style=\"border-radius: 20px; box-shadow: 0px 4px 15px rgba(0,0,0,0.5);\" \n      allow=\"camera; microphone; fullscreen; display-capture\" \n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n<\/div>\n    <script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const btn = document.querySelector(\"a[href='#video']\");\n    const video = document.querySelector(\"#video video\");\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      document.getElementById(\"video\").scrollIntoView({ behavior: \"smooth\" });\n      setTimeout(() => video.play(), 600);\n    });\n  });\n<\/script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const btn = document.querySelector(\"a[href='#video']\");\n    const videoSection = document.getElementById(\"video\");\n    const video = videoSection.querySelector(\"video\");\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      videoSection.style.display = \"block\";\n      videoSection.scrollIntoView({ behavior: \"smooth\" });\n      setTimeout(() => video.play(), 600);\n    });\n  });\n<\/script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const btn = document.querySelector(\"a[href='#video']\");\n    const videoSection = document.getElementById(\"video\");\n    const video = videoSection.querySelector(\"video\");\n    const closeBtn = document.createElement(\"button\");\n    closeBtn.innerText = \"Close Video\";\n    closeBtn.style.marginTop = \"20px\";\n    closeBtn.style.padding = \"8px 16px\";\n    closeBtn.style.borderRadius = \"6px\";\n    closeBtn.style.border = \"none\";\n    closeBtn.style.backgroundColor = \"#00C2FF\";\n    closeBtn.style.color = \"#000\";\n    closeBtn.style.fontWeight = \"bold\";\n    closeBtn.style.cursor = \"pointer\";\n    closeBtn.addEventListener(\"click\", function () {\n      video.pause();\n      videoSection.style.display = \"none\";\n    });\n    videoSection.appendChild(closeBtn);\n    btn.addEventListener(\"click\", function (e) {\n      e.preventDefault();\n      videoSection.style.display = \"block\";\n      videoSection.scrollIntoView({ behavior: \"smooth\" });\n      setTimeout(() => video.play(), 600);\n    });\n  });\n<\/script>\n<\/body>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Is More Than a Chatbot A digital extension of your voice, shaped with intelligence. Watch Demo Imagine a system that doesn\u2019t just reply, but listens. That adapts. That grows. This is more than automation\u2014it\u2019s a reflection of your tone, your rhythm, your purpose. Meet the Avatar Your browser does not support the video tag. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enlasate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":4,"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/enlasate.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/enlasate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}