{
    "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\/es\/?page_id=63",
    "title": {
        "rendered": "AI TAILOR"
    },
    "content": {
        "rendered": "<!-- 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>",
        "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>",
        "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\/es\/index.php?rest_route=\/wp\/v2\/pages\/63",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"
            }
        ],
        "version-history": [
            {
                "count": 4,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 76,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/76"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}