{
    "id": 26,
    "date": "2025-03-21T07:15:25",
    "date_gmt": "2025-03-21T07:15:25",
    "guid": {
        "rendered": "https:\/\/enlasate.com\/?page_id=26"
    },
    "modified": "2025-03-30T05:51:00",
    "modified_gmt": "2025-03-30T05:51:00",
    "slug": "ai-tailor",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/enlasate.com\/es\/?page_id=26",
    "title": {
        "rendered": ""
    },
    "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-color: rgba(255, 255, 255, 0.95) !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  <\/style>\n<\/head>\n<body style=\"margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: url('https:\/\/images.unsplash.com\/photo-1560448204-e02f11c3d0e2') no-repeat center center fixed; background-size: cover;\">\n  <div class=\"page-wrapper\" style=\"margin-right: 400px;\">\n\n    <!-- HERO SECTION -->\n    <section class=\"hero\" style=\"padding: 60px 20px; text-align: center; background: rgba(0, 0, 0, 0.6); color: #fff; position: relative;\">\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 TEXT SECTION -->\n    <section style=\"padding: 40px 20px; max-width: 700px; margin: 0 auto; text-align: center;\">\n      <p style=\"font-size: 1.1rem; color: #333;\">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    <!-- AVATAR VIDEO SECTION -->\n    <section id=\"video\" style=\"padding: 40px 20px; background-color: #f4f4f4; 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    <!-- CHATBOX INTRO -->\n    <section style=\"padding: 40px 20px; text-align: center; background-color: #f9f9f9;\">\n      <h2>Talk to the System<\/h2>\n      <p style=\"margin-bottom: 20px; font-size: 1rem; color: #555;\">Your assistant is already listening. Use the floating icon to start chatting, or explore the assistant&#8217;s abilities below.<\/p>\n    <\/section>\n\n    <!-- FEATURES SECTION -->\n    <section style=\"padding: 40px 20px; background-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          <div style=\"font-size: 2rem;\">\ud83e\udd16<\/div>\n          <div><h3>Avatar with a Voice<\/h3><p>Trained to speak for your business, tone, and style.<\/p><\/div>\n        <\/div>\n        <div class=\"separator\"><\/div>\n        <div style=\"display: flex; align-items: center; gap: 15px;\">\n          <div style=\"font-size: 2rem;\">\ud83c\udfaf<\/div>\n          <div><h3>Response with Purpose<\/h3><p>Each reply is intentional and designed to connect.<\/p><\/div>\n        <\/div>\n        <div class=\"separator\"><\/div>\n        <div style=\"display: flex; align-items: center; gap: 15px;\">\n          <div style=\"font-size: 2rem;\">\ud83d\udcc8<\/div>\n          <div><h3>Evolves with You<\/h3><p>The system learns and adapts over time, just like you.<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CALL TO ACTION -->\n    <section style=\"padding: 60px 20px; background-color: #111; 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    <!-- QUOTE \/ CLOSING -->\n    <section style=\"padding: 40px 20px; text-align: center; background: linear-gradient(to top right, #f4f4f4, #ffffff);\">\n      <blockquote style=\"font-size: 1.2rem; font-style: italic; color: #555; 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  <!-- FIXED SIDEBAR AVATAR -->\n  <div class=\"sidebar-ui\" style=\"position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); 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);\">\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<\/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-26",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "blocksy_meta": [],
    "_links": {
        "self": [
            {
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages\/26",
                "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=26"
            }
        ],
        "version-history": [
            {
                "count": 17,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 67,
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/67"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/enlasate.com\/es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}