{"id":351268,"date":"2026-02-03T11:24:15","date_gmt":"2026-02-03T19:24:15","guid":{"rendered":"https:\/\/bookafy.com\/?page_id=351268"},"modified":"2026-04-01T06:04:46","modified_gmt":"2026-04-01T13:04:46","slug":"bookafy-best-online-appointment-booking-software","status":"publish","type":"page","link":"https:\/\/bookafy.com\/bn\/","title":{"rendered":"Bookafy &#8211; Best Online Appointment Booking Software"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"351268\" class=\"elementor elementor-351268\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6156810 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6156810\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5d90d9\" data-id=\"e5d90d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8529b39 elementor-widget elementor-widget-html\" data-id=\"8529b39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Bookafy Home (No Tailwind) -->\r\n<div id=\"bkfy-home\">\r\n\r\n  <style>\r\n    \/* Load fonts (safe inside Elementor HTML widget) *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');\r\n\r\n    \/* =========\r\n      Scoped base\r\n    ========= *\/\r\n    #bkfy-home{\r\n      --primary:#1CA7EB;\r\n      --dark:#0f172a;\r\n      --text:#292929;\r\n      --muted:#64748B;\r\n      --line:rgba(15,23,42,.12);\r\n      --soft:#f8fafc;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n      color: var(--text);\r\n      background:#fff;\r\n    }\r\n    #bkfy-home *{ box-sizing:border-box; }\r\n    #bkfy-home img{ max-width:100%; display:block; }\r\n    #bkfy-home a{ text-decoration:none; }\r\n    #bkfy-home .container{\r\n      width:100%;\r\n      margin:0 auto;\r\n      padding:0 16px;\r\n      max-width: 1152px; \/* ~ max-w-6xl *\/\r\n    }\r\n\r\n    \/* =========\r\n      Utilities\r\n    ========= *\/\r\n    #bkfy-home .section{ padding: 96px 0; }\r\n    #bkfy-home .section-sm{ padding: 40px 0; }\r\n    #bkfy-home .padx{ padding-left:16px; padding-right:16px; }\r\n    #bkfy-home .center{ text-align:center; }\r\n    #bkfy-home .muted{ color: rgba(41,41,41,.65); }\r\n    #bkfy-home .soft{ background: var(--soft); }\r\n    #bkfy-home .border-y{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); }\r\n    #bkfy-home .border-b{ border-bottom:1px solid var(--line); }\r\n    #bkfy-home .max-3{ max-width: 768px; margin:0 auto; }\r\n    #bkfy-home .max-4{ max-width: 896px; margin:0 auto; }\r\n    #bkfy-home .max-5{ max-width: 1024px; margin:0 auto; }\r\n    #bkfy-home .max-6{ max-width: 1152px; margin:0 auto; }\r\n\r\n    \/* =========\r\n      Typography\r\n    ========= *\/\r\n    #bkfy-home .display{ font-family:\"Plus Jakarta Sans\", Inter, system-ui, sans-serif; }\r\n    #bkfy-home h1{\r\n      font-size: 44px;\r\n      line-height: 1.08;\r\n      letter-spacing: -0.02em;\r\n      margin:0;\r\n      font-weight:800;\r\n    }\r\n    #bkfy-home h2{\r\n      font-size: 34px;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.01em;\r\n      margin:0;\r\n      font-weight:800;\r\n    }\r\n    #bkfy-home h3{\r\n      font-size: 20px;\r\n      margin:0;\r\n      font-weight:800;\r\n    }\r\n    #bkfy-home p{\r\n      margin:0;\r\n      font-size: 18px;\r\n      line-height: 1.6;\r\n      color: rgba(41,41,41,.70);\r\n    }\r\n\r\n    @media (min-width: 768px){\r\n      #bkfy-home h1{ font-size: 60px; }\r\n      #bkfy-home h2{ font-size: 40px; }\r\n    }\r\n\r\n    \/* =========\r\n      Layout (grid\/flex)\r\n    ========= *\/\r\n    #bkfy-home .grid{ display:grid; gap: 48px; }\r\n    #bkfy-home .grid-2{ grid-template-columns: 1fr; }\r\n    #bkfy-home .grid-2-tight{ grid-template-columns: 1fr; gap: 32px; }\r\n    @media (min-width: 1024px){\r\n      #bkfy-home .grid-2{ grid-template-columns: 1.05fr .95fr; align-items:center; }\r\n      #bkfy-home .grid-2-tight{ grid-template-columns: 1fr 1fr; align-items:center; }\r\n    }\r\n\r\n    #bkfy-home .row{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; }\r\n    #bkfy-home .col{ display:flex; flex-direction:column; gap:16px; }\r\n\r\n    \/* =========\r\n      Hero\r\n    ========= *\/\r\n    #bkfy-home .hero{ padding: 140px 0 96px; overflow:hidden; }\r\n    @media (min-width: 768px){\r\n      #bkfy-home .hero{ padding: 160px 0 128px; }\r\n    }\r\n    #bkfy-home .pill{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:6px 12px;\r\n      border-radius:999px;\r\n      background: rgba(28,167,235,.10);\r\n      color: var(--primary);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      width: fit-content;\r\n    }\r\n    #bkfy-home .ping-wrap{ position:relative; width: 10px; height: 10px; }\r\n    #bkfy-home .ping{\r\n      position:absolute; inset:0;\r\n      border-radius:999px;\r\n      background: var(--primary);\r\n      opacity:.25;\r\n      animation: bkfy-ping 1.6s ease-out infinite;\r\n    }\r\n    #bkfy-home .dot{\r\n      position:absolute; inset:0;\r\n      border-radius:999px;\r\n      background: var(--primary);\r\n    }\r\n    @keyframes bkfy-ping{\r\n      0%{ transform: scale(1); opacity:.35; }\r\n      70%{ transform: scale(2.25); opacity:0; }\r\n      100%{ transform: scale(2.25); opacity:0; }\r\n    }\r\n\r\n    #bkfy-home .cta-row{ display:flex; flex-direction:column; gap:12px; margin-top: 8px; }\r\n    @media (min-width: 640px){\r\n      #bkfy-home .cta-row{ flex-direction:row; }\r\n    }\r\n\r\n    #bkfy-home .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      height: 48px;\r\n      padding: 0 22px;\r\n      border-radius: 12px;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      border:1px solid transparent;\r\n      transition: filter .15s ease, background .15s ease, border-color .15s ease;\r\n      cursor:pointer;\r\n      white-space:nowrap;\r\n    }\r\n    #bkfy-home .btn-primary{\r\n      background: var(--primary);\r\n      color:#fff;\r\n    }\r\n    #bkfy-home .btn-primary:hover{ filter: brightness(.95); }\r\n    #bkfy-home .btn-ghost{\r\n      background: rgba(255,255,255,.65);\r\n      border-color: rgba(15,23,42,.12);\r\n      color: var(--text);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n    #bkfy-home .btn-ghost:hover{ background: rgba(255,255,255,.9); }\r\n\r\n    \/* Avatars + rating *\/\r\n    #bkfy-home .avatars{ display:flex; margin-right: 10px; }\r\n    #bkfy-home .avatar{\r\n      width:32px; height:32px;\r\n      border-radius:999px;\r\n      border:2px solid #fff;\r\n      overflow:hidden;\r\n      background:#e5e7eb;\r\n      display:flex; align-items:center; justify-content:center;\r\n      margin-left:-8px;\r\n    }\r\n    #bkfy-home .avatar:first-child{ margin-left:0; }\r\n    #bkfy-home .rating{ color:#FFF800; letter-spacing:1px; }\r\n    #bkfy-home .small{ font-size: 14px; color: rgba(41,41,41,.65); }\r\n\r\n    \/* Hero image card *\/\r\n    #bkfy-home .float{ animation: bkfy-float 6s ease-in-out infinite; }\r\n    @keyframes bkfy-float{\r\n      0%{ transform: translateY(0); }\r\n      50%{ transform: translateY(-10px); }\r\n      100%{ transform: translateY(0); }\r\n    }\r\n    #bkfy-home .glow{\r\n      position:absolute; inset:0;\r\n      background: linear-gradient(45deg, rgba(28,167,235,.20), rgba(168,85,247,.20));\r\n      border-radius: 28px;\r\n      filter: blur(36px);\r\n      transform: rotate(3deg) scale(.95);\r\n      z-index:0;\r\n    }\r\n    #bkfy-home .glass{\r\n      position:relative;\r\n      z-index:1;\r\n      border-radius: 20px;\r\n      overflow:hidden;\r\n      border: 1px solid rgba(255,255,255,.35);\r\n      background: rgba(255,255,255,.7);\r\n      backdrop-filter: blur(10px);\r\n      box-shadow: 0 30px 80px rgba(15,23,42,.18);\r\n    }\r\n\r\n    \/* =========\r\n      Trusted by strip\r\n    ========= *\/\r\n    #bkfy-home .logos{\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n      flex-wrap:wrap;\r\n      gap: 26px 56px;\r\n      opacity:.60;\r\n      filter: grayscale(1);\r\n      transition: filter .3s ease, opacity .3s ease;\r\n    }\r\n    #bkfy-home .logos:hover{ filter: grayscale(0); opacity:.85; }\r\n    #bkfy-home .logos span{\r\n      font-family:\"Plus Jakarta Sans\", Inter, system-ui, sans-serif;\r\n      font-weight:800;\r\n      font-size: 22px;\r\n    }\r\n\r\n    \/* =========\r\n      Tabs section\r\n    ========= *\/\r\n    #bkfy-home .tabs-nav{\r\n      display:flex;\r\n      gap:8px;\r\n      overflow-x:auto;\r\n      padding: 0 8px 10px;\r\n      border-bottom:1px solid var(--line);\r\n      -ms-overflow-style:none;\r\n      scrollbar-width:none;\r\n    }\r\n    #bkfy-home .tabs-nav::-webkit-scrollbar{ display:none; }\r\n\r\n    #bkfy-home .tab-btn{\r\n      background: transparent;\r\n      border: 0;\r\n      padding: 12px 18px;\r\n      border-bottom: 2px solid transparent;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      color: rgba(41,41,41,.60);\r\n      cursor:pointer;\r\n      transition: color .15s ease, border-color .15s ease;\r\n      white-space:nowrap;\r\n    }\r\n    #bkfy-home .tab-btn:hover{ color: rgba(41,41,41,.90); }\r\n    #bkfy-home .tab-btn.is-active{\r\n      color: var(--primary);\r\n      border-bottom-color: var(--primary);\r\n      font-weight: 800;\r\n    }\r\n\r\n    #bkfy-home .tabs-panel{\r\n      background: #f3f4f6;\r\n      border: 1px solid rgba(15,23,42,.08);\r\n      border-radius: 28px;\r\n      padding: 32px;\r\n    }\r\n    @media (min-width: 768px){\r\n      #bkfy-home .tabs-panel{ padding: 48px; }\r\n    }\r\n\r\n    #bkfy-home .feature{\r\n      display:flex;\r\n      gap:16px;\r\n      align-items:flex-start;\r\n    }\r\n    #bkfy-home .iconbox{\r\n      width:48px; height:48px;\r\n      border-radius: 14px;\r\n      display:flex; align-items:center; justify-content:center;\r\n      background: rgba(28,167,235,.10);\r\n      color: var(--primary);\r\n      flex: 0 0 auto;\r\n    }\r\n    #bkfy-home .feature p{ font-size: 16px; }\r\n\r\n    #bkfy-home .imgcard{\r\n      aspect-ratio: 4 \/ 3;\r\n      background:#fff;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(15,23,42,.10);\r\n      box-shadow: 0 18px 40px rgba(15,23,42,.08);\r\n      padding: 18px;\r\n      position:relative;\r\n      overflow:hidden;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    }\r\n    #bkfy-home .imgcard .shape1{\r\n      position:absolute; top:0; right:0;\r\n      width:128px; height:128px;\r\n      background: rgba(28,167,235,.05);\r\n      border-bottom-left-radius: 999px;\r\n    }\r\n    #bkfy-home .imgcard .shape2{\r\n      position:absolute; bottom:0; left:0;\r\n      width:128px; height:128px;\r\n      background: rgba(168,85,247,.05);\r\n      border-top-right-radius: 999px;\r\n    }\r\n    #bkfy-home #tab-image{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      border-radius: 14px;\r\n      box-shadow: 0 12px 26px rgba(15,23,42,.10);\r\n      position:relative;\r\n      z-index:1;\r\n      transition: opacity .3s ease;\r\n    }\r\n\r\n    \/* =========\r\n      Dark section\r\n    ========= *\/\r\n    #bkfy-home .dark{\r\n      background: var(--dark);\r\n      color:#fff;\r\n    }\r\n    #bkfy-home .dark h2, #bkfy-home .dark h3{ color:#fff; }\r\n    #bkfy-home .dark p{ color: rgba(203,213,225,.95); }\r\n    #bkfy-home .checkrow{ display:flex; gap:12px; align-items:center; }\r\n    #bkfy-home .check{\r\n      width:20px; height:20px;\r\n      border-radius:999px;\r\n      background: var(--primary);\r\n      display:flex; align-items:center; justify-content:center;\r\n      color:#fff;\r\n      font-size: 12px;\r\n      flex:0 0 auto;\r\n    }\r\n    #bkfy-home .darkcards{\r\n      display:grid;\r\n      grid-template-columns: 1fr;\r\n      gap:16px;\r\n    }\r\n    @media (min-width: 640px){\r\n      #bkfy-home .darkcards{ grid-template-columns: 1fr 1fr; }\r\n    }\r\n    #bkfy-home .darkcard{\r\n      background: rgba(255,255,255,.06);\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n      backdrop-filter: blur(10px);\r\n      transition: background .15s ease;\r\n    }\r\n    #bkfy-home .darkcard:hover{ background: rgba(255,255,255,.10); }\r\n    #bkfy-home .darkcard p{ font-size: 14px; color: rgba(148,163,184,.95); }\r\n\r\n    \/* =========\r\n      Badges\r\n    ========= *\/\r\n    #bkfy-home .badges{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      justify-content:center;\r\n      gap: 12px 18px;\r\n      margin-top: 18px;\r\n    }\r\n    #bkfy-home .badge{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding: 10px 14px;\r\n      border-radius: 999px;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      border: 1px solid rgba(15,23,42,.08);\r\n      background:#fff;\r\n    }\r\n    #bkfy-home .badge svg{ flex:0 0 auto; }\r\n\r\n    \/* =========\r\n      Zig-zag\r\n    ========= *\/\r\n    #bkfy-home .zig{ padding: 96px 0; }\r\n    #bkfy-home .chip{\r\n      display:inline-block;\r\n      padding: 6px 12px;\r\n      border-radius: 999px;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 14px;\r\n    }\r\n    #bkfy-home .chip-yellow{ background:#fef9c3; color:#854d0e; }\r\n    #bkfy-home .chip-green{ background:#dcfce7; color:#166534; }\r\n    #bkfy-home .chip-purple{ background:#f3e8ff; color:#6b21a8; }\r\n    #bkfy-home .chip-red{ background:#fee2e2; color:#7f1d1d; }\r\n    #bkfy-home .chip-blue{ background:#dbeafe; color:#1e40af; }\r\n\r\n    #bkfy-home .bullets{ display:flex; flex-direction:column; gap:14px; margin-top: 18px; }\r\n    #bkfy-home .bullet{ display:flex; gap:12px; align-items:flex-start; }\r\n    #bkfy-home .bullet span{ color: rgba(41,41,41,.78); font-size: 16px; line-height:1.55; }\r\n    #bkfy-home .checksvg{ width:22px; height:22px; margin-top: 2px; color: var(--primary); flex:0 0 auto; }\r\n\r\n    #bkfy-home .imgwrap{\r\n      position:relative;\r\n      padding: 28px;\r\n    }\r\n    #bkfy-home .blob{\r\n      position:absolute; inset:0;\r\n      border-radius: 999px;\r\n      filter: blur(44px);\r\n      opacity: .8;\r\n      transform: translateX(-40%);\r\n      pointer-events:none;\r\n    }\r\n    #bkfy-home .blob.right{ transform: translateX(40%); }\r\n    #bkfy-home .imgtilt{\r\n      position:relative;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(15,23,42,.10);\r\n      box-shadow: 0 20px 50px rgba(15,23,42,.10);\r\n      transform: rotate(2deg);\r\n      transition: transform .4s ease;\r\n    }\r\n    #bkfy-home .imgtilt:hover{ transform: rotate(0deg); }\r\n\r\n    \/* Invert order on desktop for zig sections *\/\r\n    @media (min-width: 768px){\r\n      #bkfy-home .order-md-1{ order:1; }\r\n      #bkfy-home .order-md-2{ order:2; }\r\n    }\r\n\r\n    \/* =========\r\n      Testimonial\r\n    ========= *\/\r\n    #bkfy-home blockquote{\r\n      margin:0;\r\n      font-family:\"Plus Jakarta Sans\", Inter, system-ui, sans-serif;\r\n      font-size: 26px;\r\n      line-height: 1.25;\r\n      font-weight: 600;\r\n      color: rgba(41,41,41,.92);\r\n    }\r\n    @media (min-width: 768px){\r\n      #bkfy-home blockquote{ font-size: 42px; }\r\n    }\r\n    #bkfy-home .avatar-lg{\r\n      width:64px; height:64px;\r\n      border-radius:999px;\r\n      overflow:hidden;\r\n      background:#e5e7eb;\r\n    }\r\n    #bkfy-home cite{ font-style:normal; font-weight:900; font-size:18px; }\r\n    #bkfy-home .role{ color: rgba(41,41,41,.60); font-size: 14px; }\r\n\r\n    \/* =========\r\n      CTA (blue)\r\n    ========= *\/\r\n    #bkfy-home .cta{\r\n      background: var(--primary);\r\n      border-radius: 28px;\r\n      padding: 48px 22px;\r\n      text-align:center;\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n    @media (min-width: 768px){\r\n      #bkfy-home .cta{ padding: 80px 40px; }\r\n    }\r\n    #bkfy-home .cta .pattern{\r\n      position:absolute; inset:0;\r\n      background:\r\n        linear-gradient(45deg, rgba(255,255,255,.10) 25%, transparent 25%, transparent 50%,\r\n          rgba(255,255,255,.10) 50%, rgba(255,255,255,.10) 75%, transparent 75%, transparent);\r\n      background-size: 64px 64px;\r\n      opacity:.12;\r\n      pointer-events:none;\r\n    }\r\n    #bkfy-home .cta h2{ color:#fff; }\r\n    #bkfy-home .cta p{ color: rgba(255,255,255,.85); }\r\n    #bkfy-home .cta-row2{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap: 12px;\r\n      justify-content:center;\r\n      margin-top: 18px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    @media (min-width: 640px){\r\n      #bkfy-home .cta-row2{ flex-direction:row; }\r\n    }\r\n    #bkfy-home .btn-white{\r\n      background:#fff;\r\n      color: var(--primary);\r\n      border-color: transparent;\r\n      height:56px;\r\n      padding: 0 22px;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      border-radius: 12px;\r\n    }\r\n    #bkfy-home .btn-white:hover{ filter: brightness(.97); }\r\n    #bkfy-home .btn-outline-white{\r\n      background: rgba(255,255,255,.10);\r\n      color:#fff;\r\n      border: 1px solid rgba(255,255,255,.22);\r\n      height:56px;\r\n      padding: 0 22px;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      border-radius: 12px;\r\n    }\r\n    #bkfy-home .btn-outline-white:hover{ background: rgba(255,255,255,.18); }\r\n  <\/style>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"container\">\r\n      <div class=\"grid grid-2\">\r\n        <div class=\"col\" style=\"gap:22px;\">\r\n          <div class=\"pill\">\r\n            <span class=\"ping-wrap\"><span class=\"ping\"><\/span><span class=\"dot\"><\/span><\/span>\r\n            New: AI-Powered Scheduling\r\n          <\/div>\r\n\r\n          <h1 class=\"display\">\r\n            Automate your <br\/>\r\n            <span style=\"color:var(--primary);\">appointments<\/span> <br\/>\r\n            grow your business\r\n          <\/h1>\r\n\r\n          <p style=\"max-width: 560px;\">\r\n            Bookafy automates booking, payments, and reminders for your team. Sync with Google, Outlook, and more to eliminate the back-and-forth.\r\n          <\/p>\r\n\r\n          <div class=\"cta-row\">\r\n            <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"btn btn-primary\">Start for free<\/a>\r\n\r\n            <a id=\"app-scheduling\"\r\n               href=\"#\"\r\n               data-domain-name=\"https:\/\/demo.bookafy.com\/schedule\/service\/small-business-demo\"\r\n               class=\"btn btn-ghost custom_button btn-simple active templates_color\">\r\n               Book a Demo\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"row\" style=\"gap:14px;\">\r\n            <div class=\"avatars\">\r\n              <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=1\" alt=\"User\" title=\"|\"><\/div>\r\n              <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=2\" alt=\"User\" title=\"|\"><\/div>\r\n              <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=3\" alt=\"User\" title=\"|\"><\/div>\r\n              <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=4\" alt=\"User\" title=\"|\"><\/div>\r\n            <\/div>\r\n            <div class=\"col\" style=\"gap:6px;\">\r\n              <div class=\"rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n              <div class=\"small\">Trusted by 25,000+ businesses<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"float\" style=\"position:relative;\">\r\n          <div class=\"glow\"><\/div>\r\n          <div class=\"glass\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/Best-online-booking-app.png\" alt=\"Bookafy Dashboard Interface\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TRUSTED BY -->\r\n  <section class=\"section-sm border-y soft\">\r\n    <div class=\"container\">\r\n      <div class=\"center\" style=\"font-size:12px; font-weight:800; color: rgba(41,41,41,.60); letter-spacing:.08em; margin-bottom:22px;\">\r\n        TRUSTED BY INNOVATIVE TEAMS WORLDWIDE\r\n      <\/div>\r\n      <div class=\"logos\">\r\n        <span>WAKE<\/span><span>AVVO<\/span><span>DUDA<\/span><span>BRANDX<\/span><span>ZOOM<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TEAMS (TABS) -->\r\n <section class=\"bkfy-teams\">\r\n  <style>\r\n    \/* Scoped styles so it won\u2019t mess with other parts of the page *\/\r\n    .bkfy-teams{ padding:96px 16px; background:#fff; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }\r\n    .bkfy-teams .container{ max-width:1100px; margin:0 auto; }\r\n    .bkfy-teams h2{ font-family:\"Plus Jakarta Sans\",Inter,sans-serif; font-size:clamp(28px,3vw,40px); font-weight:800; color:#292929; margin:0 0 10px; text-align:center; }\r\n    .bkfy-teams p.lead{ text-align:center; color:#64748B; font-size:18px; margin:0 0 40px; }\r\n\r\n    .bkfy-tabs-nav{\r\n      display:flex; gap:8px; align-items:center;\r\n      justify-content:center;\r\n      overflow:auto;\r\n      padding:0 0 12px;\r\n      border-bottom:1px solid rgba(15,23,42,.12);\r\n      -ms-overflow-style:none; scrollbar-width:none;\r\n    }\r\n    .bkfy-tabs-nav::-webkit-scrollbar{ display:none; }\r\n\r\n    .bkfy-tab-btn{\r\n      appearance:none; border:1px solid rgba(15,23,42,.10);\r\n      background:#ffffff;\r\n      color:#475569;\r\n      font-weight:700;\r\n      padding:10px 14px;\r\n      border-radius:10px;\r\n      cursor:pointer;\r\n      white-space:nowrap;\r\n      transition:all .15s ease;\r\n      font-size:14px;\r\n    }\r\n    .bkfy-tab-btn:hover{ background:#f8fafc; color:#0f172a; }\r\n\r\n    \/* Active tab: readable (NO blue-on-blue) *\/\r\n    .bkfy-tab-btn.is-active{\r\n      border-color:#1CA7EB;\r\n      background:#1CA7EB;\r\n      color:#ffffff;\r\n      box-shadow:0 6px 18px rgba(28,167,235,.18);\r\n    }\r\n\r\n    .bkfy-panel{\r\n      margin-top:28px;\r\n      background:#f8fafc;\r\n      border:1px solid rgba(15,23,42,.08);\r\n      border-radius:24px;\r\n      padding:28px;\r\n    }\r\n\r\n    .bkfy-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:center; }\r\n    @media (max-width: 920px){\r\n      .bkfy-grid{ grid-template-columns:1fr; }\r\n    }\r\n\r\n    .bkfy-features{ display:flex; flex-direction:column; gap:18px; opacity:1; transition:opacity .2s ease; }\r\n    .bkfy-feature{ display:flex; gap:14px; align-items:flex-start; }\r\n    .bkfy-icon{\r\n      width:44px; height:44px; border-radius:14px;\r\n      background:rgba(28,167,235,.10);\r\n      display:flex; align-items:center; justify-content:center;\r\n      color:#1CA7EB; flex:0 0 auto;\r\n    }\r\n    .bkfy-feature h3{\r\n      font-family:\"Plus Jakarta Sans\",Inter,sans-serif;\r\n      font-size:18px; font-weight:800; margin:0 0 4px; color:#292929;\r\n    }\r\n    .bkfy-feature p{ margin:0; color:#475569; line-height:1.55; font-size:15px; }\r\n\r\n    .bkfy-imageWrap{\r\n      background:#fff;\r\n      border:1px solid rgba(15,23,42,.08);\r\n      border-radius:18px;\r\n      padding:14px;\r\n      box-shadow:0 18px 40px rgba(2,6,23,.08);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n    .bkfy-imageWrap:before{\r\n      content:\"\";\r\n      position:absolute; top:-40px; right:-40px;\r\n      width:160px; height:160px;\r\n      background:rgba(28,167,235,.08);\r\n      border-radius:999px;\r\n      filter:blur(0px);\r\n    }\r\n    .bkfy-imageWrap:after{\r\n      content:\"\";\r\n      position:absolute; bottom:-40px; left:-40px;\r\n      width:160px; height:160px;\r\n      background:rgba(168,85,247,.08);\r\n      border-radius:999px;\r\n    }\r\n    .bkfy-image{\r\n      width:100%; height:auto; display:block;\r\n      border-radius:14px;\r\n      object-fit:cover;\r\n      opacity:1;\r\n      transition:opacity .2s ease;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <h2>Appointment booking for teams<\/h2>\r\n    <p class=\"lead\">Reimagining the customer experience for every department.<\/p>\r\n\r\n    <div class=\"bkfy-tabs-nav\" id=\"bkfy-tabs-nav\">\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"sales\" type=\"button\">Sales<\/button>\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"marketing\" type=\"button\">Marketing<\/button>\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"support\" type=\"button\">Support<\/button>\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"education\" type=\"button\">Education<\/button>\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"wellness\" type=\"button\">Wellness<\/button>\r\n      <button class=\"bkfy-tab-btn\" data-tab=\"integrators\" type=\"button\">Integrators<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"bkfy-panel\">\r\n      <div class=\"bkfy-grid\">\r\n        <div class=\"bkfy-features\" id=\"bkfy-features\"><\/div>\r\n\r\n        <div class=\"bkfy-imageWrap\">\r\n          <img decoding=\"async\" class=\"bkfy-image\" id=\"bkfy-image\" src=\"\" alt=\"|\" title=\"|\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const tabData = {\r\n        sales: {\r\n          features: [\r\n            { title:\"Provide a better customer experience\", desc:\"Drive your sales process with calls to action in a simple pop up, or iframe calendar.\", icon:\"user\" },\r\n            { title:\"Route Sales Leads\", desc:\"Ensure your customers are speaking to the right people at the right time with skill based lead routing.\", icon:\"screen\" },\r\n            { title:\"Build better relationships\", desc:\"From initial contact, the customer can rebook with the same sales person automatically.\", icon:\"calendar\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/sales-teams.png\",\r\n          imageAlt: \"Sales Team Collaboration\"\r\n        },\r\n        marketing: {\r\n          features: [\r\n            { title:\"Convert traffic into meetings\", desc:\"Embed booking forms directly on your high-performing landing pages to capture leads instantly.\", icon:\"chart\" },\r\n            { title:\"Automate nurturing\", desc:\"Trigger email sequences and CRM workflows automatically when a new prospect books a demo.\", icon:\"check\" },\r\n            { title:\"Track campaign ROI\", desc:\"Know exactly which marketing channels are driving the most qualified appointments.\", icon:\"arrow\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/marketing-teams.png\",\r\n          imageAlt: \"Marketing Analytics\"\r\n        },\r\n        support: {\r\n          features: [\r\n            { title:\"Reduce support tickets\", desc:\"Let customers schedule help sessions directly, eliminating the back-and-forth emails.\", icon:\"hand\" },\r\n            { title:\"Automated reminders\", desc:\"Reduce no-show rates for support calls with automatic SMS and email notifications.\", icon:\"bell\" },\r\n            { title:\"Video integration\", desc:\"Automatically generate Zoom or Teams links for every support session.\", icon:\"video\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/support-teams.png\",\r\n          imageAlt: \"Customer Support Team\"\r\n        },\r\n        education: {\r\n          features: [\r\n            { title:\"Simplify class scheduling\", desc:\"Allow students to book one-on-one sessions or register for group classes online.\", icon:\"grid\" },\r\n            { title:\"Manage multiple instructors\", desc:\"Coordinate schedules across your entire faculty and allocate rooms automatically.\", icon:\"users\" },\r\n            { title:\"Recurring appointments\", desc:\"Easily schedule ongoing tutoring sessions or semester-long courses.\", icon:\"repeat\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/education.png\",\r\n          imageAlt: \"Education and Training\"\r\n        },\r\n        wellness: {\r\n          features: [\r\n            { title:\"HIPAA Compliant\", desc:\"Securely manage patient appointments with enterprise-grade privacy standards.\", icon:\"shield\" },\r\n            { title:\"Reduce no-shows\", desc:\"Automated reminders ensure patients arrive on time, maximizing your clinic's efficiency.\", icon:\"clock\" },\r\n            { title:\"Intake forms\", desc:\"Collect essential health information securely before the appointment begins.\", icon:\"file\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/Medical.png\",\r\n          imageAlt: \"Wellness and Health\"\r\n        },\r\n        integrators: {\r\n          features: [\r\n            { title:\"White Label Solution\", desc:\"Rebrand the entire booking experience with your own logo, colors, and domain.\", icon:\"badge\" },\r\n            { title:\"Robust API\", desc:\"Build custom booking flows and deep integrations with our comprehensive API.\", icon:\"code\" },\r\n            { title:\"Webhooks\", desc:\"Trigger real-time actions in your application whenever a booking event occurs.\", icon:\"wave\" },\r\n          ],\r\n          image: \"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/integrators.png\",\r\n          imageAlt: \"Integration and API\"\r\n        }\r\n      };\r\n\r\n      const nav = document.getElementById(\"bkfy-tabs-nav\");\r\n      const featuresEl = document.getElementById(\"bkfy-features\");\r\n      const imgEl = document.getElementById(\"bkfy-image\");\r\n      if(!nav || !featuresEl || !imgEl) return;\r\n\r\n      const iconSvg = (type) => {\r\n        const common = 'width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"';\r\n        const icons = {\r\n          user:`<svg ${common}><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>`,\r\n          screen:`<svg ${common}><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><\/svg>`,\r\n          calendar:`<svg ${common}><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M16 2v4\"><\/path><path d=\"M8 2v4\"><\/path><path d=\"M3 10h18\"><\/path><\/svg>`,\r\n          chart:`<svg ${common}><path d=\"M12 20v-6\"><\/path><path d=\"M6 20V10\"><\/path><path d=\"M18 20V4\"><\/path><\/svg>`,\r\n          check:`<svg ${common}><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>`,\r\n          arrow:`<svg ${common}><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16V8\"><\/path><path d=\"m16 12-4-4-4 4\"><\/path><\/svg>`,\r\n          hand:`<svg ${common}><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3z\"><\/path><path d=\"M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"><\/path><\/svg>`,\r\n          bell:`<svg ${common}><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9\"><\/path><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>`,\r\n          video:`<svg ${common}><rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"><\/rect><path d=\"m22 8-6 4 6 4V8Z\"><\/path><\/svg>`,\r\n          grid:`<svg ${common}><path d=\"M4 7h16\"><\/path><path d=\"M4 17h16\"><\/path><path d=\"M7 4v16\"><\/path><path d=\"M17 4v16\"><\/path><\/svg>`,\r\n          users:`<svg ${common}><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>`,\r\n          repeat:`<svg ${common}><path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"><\/path><path d=\"M16 16h5v5\"><\/path><\/svg>`,\r\n          shield:`<svg ${common}><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>`,\r\n          clock:`<svg ${common}><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>`,\r\n          file:`<svg ${common}><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg>`,\r\n          badge:`<svg ${common}><path d=\"M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z\"><\/path><\/svg>`,\r\n          code:`<svg ${common}><path d=\"m16 18 6-6-6-6\"><\/path><path d=\"m8 6-6 6 6 6\"><\/path><\/svg>`,\r\n          wave:`<svg ${common}><path d=\"M3 12c2 0 2-4 4-4s2 8 4 8 2-8 4-8 2 4 4 4 2-4 4-4\"><\/path><\/svg>`\r\n        };\r\n        return icons[type] || icons.code;\r\n      };\r\n\r\n      function renderTab(name){\r\n        const data = tabData[name];\r\n        if(!data) return;\r\n\r\n        \/\/ set active\r\n        nav.querySelectorAll(\".bkfy-tab-btn\").forEach(btn=>{\r\n          btn.classList.toggle(\"is-active\", btn.dataset.tab === name);\r\n        });\r\n\r\n        \/\/ fade\r\n        featuresEl.style.opacity = \"0\";\r\n        imgEl.style.opacity = \"0\";\r\n\r\n        setTimeout(()=>{\r\n          featuresEl.innerHTML = data.features.map(f => `\r\n            <div class=\"bkfy-feature\">\r\n              <div class=\"bkfy-icon\">${iconSvg(f.icon)}<\/div>\r\n              <div>\r\n                <h3>${f.title}<\/h3>\r\n                <p>${f.desc}<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          `).join(\"\");\r\n\r\n          imgEl.src = data.image;\r\n          imgEl.alt = data.imageAlt;\r\n\r\n          featuresEl.style.opacity = \"1\";\r\n          imgEl.style.opacity = \"1\";\r\n        }, 150);\r\n      }\r\n\r\n      \/\/ Click handlers\r\n      nav.querySelectorAll(\".bkfy-tab-btn\").forEach(btn=>{\r\n        btn.addEventListener(\"click\", ()=>renderTab(btn.dataset.tab));\r\n      });\r\n\r\n      \/\/ IMPORTANT: default tab\r\n      renderTab(\"sales\");\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n  <!-- POWERFUL SOFTWARE (DARK) -->\r\n  <section class=\"section dark\">\r\n    <div class=\"container max-6\">\r\n      <div class=\"grid grid-2\" style=\"gap:64px;\">\r\n        <div class=\"col\" style=\"gap:18px;\">\r\n          <h2 class=\"display\">Simple, powerful <br\/> booking software<\/h2>\r\n          <p>\r\n            Bookafy has a robust booking solution for businesses of all sizes. From solo-entrepreneurs to multi-national organizations, Bookafy is here to support your needs.\r\n          <\/p>\r\n          <div class=\"col\" style=\"gap:12px;\">\r\n            <div class=\"checkrow\"><div class=\"check\">\u2713<\/div><div style=\"color: rgba(203,213,225,.95); font-weight:600;\">Simple UI with full access to all features<\/div><\/div>\r\n            <div class=\"checkrow\"><div class=\"check\">\u2713<\/div><div style=\"color: rgba(203,213,225,.95); font-weight:600;\">Optional white label rebrand<\/div><\/div>\r\n            <div class=\"checkrow\"><div class=\"check\">\u2713<\/div><div style=\"color: rgba(203,213,225,.95); font-weight:600;\">Pricing based on per user licensing<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"darkcards\">\r\n          <div class=\"darkcard\">\r\n            <div style=\"width:48px;height:48px;border-radius:14px;background:rgba(168,85,247,.20);display:flex;align-items:center;justify-content:center;color:rgba(168,85,247,1);margin-bottom:14px;\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"\/>\r\n                <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"display\">Feature Rich<\/h3>\r\n            <p>Bookafy is robust. This isn't an MVP. We have the most robust feature set on the market with rule based logic.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"darkcard\">\r\n            <div style=\"width:48px;height:48px;border-radius:14px;background:rgba(28,167,235,.20);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:14px;\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"16 18 22 12 16 6\"\/>\r\n                <polyline points=\"8 6 2 12 8 18\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"display\">Open API<\/h3>\r\n            <p>Our platform syncs with Zapier and Make as well as offering an open API for custom integrations.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECURITY BADGES -->\r\n  <section class=\"section\" style=\"padding-top:64px; padding-bottom:64px; border-bottom:1px solid var(--line);\">\r\n    <div class=\"container max-4 center\">\r\n      <h2 class=\"display\" style=\"font-size:32px; margin-bottom:8px;\">Data security is our top priority<\/h2>\r\n      <p style=\"margin-bottom:22px;\">Keep your data secure with Bookafy's privacy and security protocol.<\/p>\r\n\r\n      <div class=\"badges\">\r\n        <div class=\"badge\" style=\"background:#eff6ff; color:#1e40af;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n          HIPAA Compliant\r\n        <\/div>\r\n\r\n        <div class=\"badge\" style=\"background:#ecfdf5; color:#065f46;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\r\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n          <\/svg>\r\n          PCI DSS\r\n        <\/div>\r\n\r\n        <div class=\"badge\" style=\"background:#faf5ff; color:#6b21a8;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <\/svg>\r\n          SOC 2 Type II\r\n        <\/div>\r\n\r\n        <div class=\"badge\" style=\"background:#fefce8; color:#854d0e;\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M12 16v-4\"\/>\r\n            <path d=\"M12 8h.01\"\/>\r\n          <\/svg>\r\n          GDPR Ready\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"#\" style=\"display:inline-flex; align-items:center; gap:8px; color: var(--primary); font-weight:700; margin-top:18px;\">\r\n        Learn more\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ZIG ZAG -->\r\n  <div>\r\n    <!-- 1 -->\r\n    <section class=\"zig\">\r\n      <div class=\"container max-6\">\r\n        <div class=\"grid grid-2-tight\" style=\"gap:64px;\">\r\n          <div class=\"imgwrap order-md-1\">\r\n            <div class=\"blob\" style=\"background: rgba(255,248,0,.22);\"><\/div>\r\n            <img decoding=\"async\" class=\"imgtilt lazyload\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/flexible-scheduling-options.png\" alt=\"Flexible Scheduling\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;\">\r\n          <\/div>\r\n          <div class=\"order-md-2\">\r\n            <div class=\"chip chip-yellow\">Flexibility<\/div>\r\n            <h2 class=\"display\" style=\"font-size:36px; margin-bottom:14px;\">Flexible scheduling options<\/h2>\r\n            <p>Bookafy offers various booking types to accommodate all possible booking requirements one might have.<\/p>\r\n\r\n            <div class=\"bullets\">\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Offer One-to-One, Many-to-One, or One-to-Many meeting types.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Present various meeting choices on a single page.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Automatically assign meetings based on availability or priority.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2 -->\r\n    <section class=\"zig soft\">\r\n      <div class=\"container max-6\">\r\n        <div class=\"grid grid-2-tight\" style=\"gap:64px;\">\r\n          <div class=\"order-md-1\">\r\n            <div class=\"chip chip-green\">Support<\/div>\r\n            <h2 class=\"display\" style=\"font-size:36px; margin-bottom:14px;\">A friendly team that you can trust<\/h2>\r\n            <p>Our customer success teams ensure you have a smooth and pleasant experience with high-fidelity delivery. We work with dedication from the moment you contact us.<\/p>\r\n\r\n            <div class=\"bullets\">\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Dedicated Success Manager<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Top-tier Technical Integration Team<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Email and enhanced live chat system<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"imgwrap order-md-2\">\r\n            <div class=\"blob right\" style=\"background: rgba(28,167,235,.22);\"><\/div>\r\n            <img decoding=\"async\" class=\"imgtilt lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;transform: rotate(-2deg);\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/flexible-scheduling-options.png\" alt=\"Friendly Team\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3 -->\r\n    <section class=\"zig\">\r\n      <div class=\"container max-6\">\r\n        <div class=\"grid grid-2-tight\" style=\"gap:64px;\">\r\n          <div class=\"imgwrap order-md-1\">\r\n            <div class=\"blob\" style=\"background: rgba(168,85,247,.22);\"><\/div>\r\n            <img decoding=\"async\" class=\"imgtilt lazyload\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/automate.png\" alt=\"Automate Work\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;\">\r\n          <\/div>\r\n          <div class=\"order-md-2\">\r\n            <div class=\"chip chip-purple\">Automation<\/div>\r\n            <h2 class=\"display\" style=\"font-size:36px; margin-bottom:14px;\">Automate work seamlessly<\/h2>\r\n\r\n            <div class=\"bullets\">\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Rule based logic to book the right appointment at the right time.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Skill based routing to make sure the right staff is booked.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Integrate 3rd party apps with sophisticated logic.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4 -->\r\n    <section class=\"zig soft\">\r\n      <div class=\"container max-6\">\r\n        <div class=\"grid grid-2-tight\" style=\"gap:64px;\">\r\n          <div class=\"order-md-1\">\r\n            <div class=\"chip chip-red\">Growth<\/div>\r\n            <h2 class=\"display\" style=\"font-size:36px; margin-bottom:14px;\">Increase your customer show up, acquisition and retention<\/h2>\r\n            <p>With our automatic pre and post meeting emails and SMS messaging, you can impress your clients multiple times.<\/p>\r\n\r\n            <div class=\"bullets\">\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Send automatic pre-appointment emails to warm up potential customers.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Automated post-appointment emails to request feedback or reviews.<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Prevent no-shows with customized text and email reminders.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"imgwrap order-md-2\">\r\n            <div class=\"blob right\" style=\"background: rgba(239,68,68,.22);\"><\/div>\r\n            <img decoding=\"async\" class=\"imgtilt lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;transform: rotate(-2deg);\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/increase-no-show.png\" alt=\"Growth and Retention\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5 -->\r\n    <section class=\"zig\">\r\n      <div class=\"container max-6\">\r\n        <div class=\"grid grid-2-tight\" style=\"gap:64px;\">\r\n          <div class=\"imgwrap order-md-1\">\r\n            <div class=\"blob\" style=\"background: rgba(59,130,246,.22);\"><\/div>\r\n            <img decoding=\"async\" class=\"imgtilt lazyload\" data-src=\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/first-impression.png\" alt=\"First Impression\" title=\"|\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;\">\r\n          <\/div>\r\n          <div class=\"order-md-2\">\r\n            <div class=\"chip chip-blue\">Branding<\/div>\r\n            <h2 class=\"display\" style=\"font-size:36px; margin-bottom:14px;\">Make a great first impression<\/h2>\r\n            <p>Look more professional with Bookafy's wide range of customization and branding options.<\/p>\r\n\r\n            <div class=\"bullets\">\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Custom Colors on admin panel<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Embed function with brand colors<\/span>\r\n              <\/div>\r\n              <div class=\"bullet\">\r\n                <svg class=\"checksvg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n                <\/svg>\r\n                <span>Full white label solution available<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <!-- TESTIMONIAL -->\r\n  <section class=\"section soft\" style=\"border-top:1px solid var(--line);\">\r\n    <div class=\"container max-4 center\">\r\n      <div class=\"rating\" style=\"display:flex; justify-content:center; gap:6px; margin-bottom:18px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n      <blockquote>\r\n        \"Bookafy has completely transformed how we handle client meetings. The automated reminders alone have saved us thousands in lost revenue.\"\r\n      <\/blockquote>\r\n\r\n      <div class=\"col\" style=\"align-items:center; margin-top:18px; gap:6px;\">\r\n        <div class=\"avatar-lg\">\r\n          <img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=Sarah\" alt=\"Sarah J.\" title=\"|\">\r\n        <\/div>\r\n        <cite>Sarah Jenkins<\/cite>\r\n        <div class=\"role\">Director of Sales, TechFlow<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"section\" style=\"padding-top:80px; padding-bottom:80px;\">\r\n    <div class=\"container max-5\">\r\n      <div class=\"cta\">\r\n        <div class=\"pattern\"><\/div>\r\n\r\n        <h2 class=\"display\" style=\"font-size:42px; position:relative; z-index:1; margin-bottom:12px;\">\r\n          Ready to automate your schedule?\r\n        <\/h2>\r\n        <p style=\"position:relative; z-index:1; max-width: 720px; margin:0 auto;\">\r\n          Join thousands of businesses saving time with Bookafy. No credit card required.\r\n        <\/p>\r\n\r\n        <div class=\"cta-row2\">\r\n          <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"btn btn-white\">Get Started for Free<\/a>\r\n\r\n          <a id=\"app-scheduling-cta\"\r\n             href=\"#\"\r\n             data-domain-name=\"https:\/\/demo.bookafy.com\/schedule\/service\/small-business-demo\"\r\n             class=\"btn btn-outline-white custom_button btn-simple active templates_color\">\r\n             Schedule a Demo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Bookafy Popup Script -->\r\n  <script id=\"bookafy_script\" type=\"text\/javascript\" src=\"https:\/\/app.bookafy.com\/bookafy-popup-code.js\"><\/script>\r\n\r\n  <!-- Tabs Script (No Tailwind class toggles) -->\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('bkfy-home');\r\n      if(!root) return;\r\n\r\n      const tabData = {\r\n        sales: {\r\n          features: [\r\n            { title:\"Provide a better customer experience\", desc:\"Drive your sales process with calls to action in a simple pop up, or iframe calendar.\", icon:'<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>' },\r\n            { title:\"Route Sales Leads\", desc:\"Ensure your customers are speaking to the right people at the right time with skill based lead routing.\", icon:'<rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"\/><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"\/>' },\r\n            { title:\"Build better relationships\", desc:\"From initial contact, the customer can rebook with the same sales person automatically.\", icon:'<path d=\"M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2\"\/><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><circle cx=\"12\" cy=\"10\" r=\"2\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"4\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"4\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/sales-teams.png\",\r\n          imageAlt:\"Sales Team Collaboration\"\r\n        },\r\n        marketing: {\r\n          features: [\r\n            { title:\"Convert traffic into meetings\", desc:\"Embed booking forms directly on your high-performing landing pages to capture leads instantly.\", icon:'<path d=\"M12 20v-6M6 20V10M18 20V4\"\/>' },\r\n            { title:\"Automate nurturing\", desc:\"Trigger email sequences and CRM workflows automatically when a new prospect books a demo.\", icon:'<path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/>' },\r\n            { title:\"Track campaign ROI\", desc:\"Know exactly which marketing channels are driving the most qualified appointments.\", icon:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m16 12-4-4-4 4\"\/><path d=\"M12 16V8\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/marketing-teams.png\",\r\n          imageAlt:\"Marketing Analytics\"\r\n        },\r\n        support: {\r\n          features: [\r\n            { title:\"Reduce support tickets\", desc:\"Let customers schedule help sessions directly, eliminating the back-and-forth emails.\", icon:'<path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\/>' },\r\n            { title:\"Automated reminders\", desc:\"Reduce no-show rates for support calls with automatic SMS and email notifications.\", icon:'<path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>' },\r\n            { title:\"Video integration\", desc:\"Automatically generate Zoom or Teams links for every support session.\", icon:'<path d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/support-teams.png\",\r\n          imageAlt:\"Customer Support Team\"\r\n        },\r\n        education: {\r\n          features: [\r\n            { title:\"Simplify class scheduling\", desc:\"Allow students to book one-on-one sessions or register for group classes online.\", icon:'<path d=\"M22 10v6M2 10v6M12 2v20M22 10h-2c0-4-3-9-8-9s-8 5-8 9H2\"\/>' },\r\n            { title:\"Manage multiple instructors\", desc:\"Coordinate schedules across your entire faculty and allocate rooms automatically.\", icon:'<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>' },\r\n            { title:\"Recurring appointments\", desc:\"Easily schedule ongoing tutoring sessions or semester-long courses.\", icon:'<path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\"\/><path d=\"M16 16h5v5\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/education.png\",\r\n          imageAlt:\"Education and Training\"\r\n        },\r\n        wellness: {\r\n          features: [\r\n            { title:\"HIPAA Compliant\", desc:\"Securely manage patient appointments with enterprise-grade privacy standards.\", icon:'<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>' },\r\n            { title:\"Reduce no-shows\", desc:\"Automated reminders ensure patients arrive on time, maximizing your clinic's efficiency.\", icon:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/>' },\r\n            { title:\"Intake forms\", desc:\"Collect essential health information securely before the appointment begins.\", icon:'<path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/Medical.png\",\r\n          imageAlt:\"Wellness and Health\"\r\n        },\r\n        integrators: {\r\n          features: [\r\n            { title:\"White Label Solution\", desc:\"Rebrand the entire booking experience with your own logo, colors, and domain.\", icon:'<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>' },\r\n            { title:\"Robust API\", desc:\"Build custom booking flows and deep integrations with our comprehensive API.\", icon:'<polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/>' },\r\n            { title:\"Webhooks\", desc:\"Trigger real-time actions in your application whenever a booking event occurs.\", icon:'<path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>' }\r\n          ],\r\n          image:\"https:\/\/bookafy.com\/wp-content\/uploads\/2026\/01\/integrators.png\",\r\n          imageAlt:\"Integration and API\"\r\n        }\r\n      };\r\n\r\n      const contentContainer = root.querySelector('#tab-content-text');\r\n      const imageElement = root.querySelector('#tab-image');\r\n      const buttons = Array.from(root.querySelectorAll('.tab-btn'));\r\n\r\n      function renderTab(tabName){\r\n        const data = tabData[tabName];\r\n        if divisionCheck(data) return;\r\n\r\n        \/\/ active state\r\n        buttons.forEach(b => b.classList.toggle('is-active', b.dataset.tab === tabName));\r\n\r\n        \/\/ fade out\r\n        contentContainer.style.opacity = '0';\r\n        imageElement.style.opacity = '0';\r\n\r\n        setTimeout(() => {\r\n          contentContainer.innerHTML = data.features.map(feature => `\r\n            <div class=\"feature\">\r\n              <div class=\"iconbox\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                  viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                  stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                  ${feature.icon}\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"display\" style=\"margin-bottom:6px;\">${feature.title}<\/h3>\r\n                <p>${feature.desc}<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          `).join('');\r\n\r\n          imageElement.src = data.image;\r\n          imageElement.alt = data.imageAlt;\r\n\r\n          contentContainer.style.opacity = '1';\r\n          imageElement.style.opacity = '1';\r\n        }, 250);\r\n      }\r\n\r\n      function divisionCheck(data){\r\n        return !data;\r\n      }\r\n\r\n      \/\/ click handlers\r\n      buttons.forEach(btn => {\r\n        btn.addEventListener('click', () => renderTab(btn.dataset.tab));\r\n      });\r\n\r\n      \/\/ init\r\n      renderTab('sales');\r\n    })();\r\n  <\/script>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>New: AI-Powered Scheduling Automate your appointments grow your business Bookafy automates booking, payments, and reminders for your team. Sync with Google, Outlook, and more to eliminate the back-and-forth. Start for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":350818,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-351268","page","type-page","status-publish","has-post-thumbnail","hentry","rishi-post"],"rishi__cb_customizer_meta":"","_links":{"self":[{"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/pages\/351268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/comments?post=351268"}],"version-history":[{"count":14,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/pages\/351268\/revisions"}],"predecessor-version":[{"id":360743,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/pages\/351268\/revisions\/360743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/media\/350818"}],"wp:attachment":[{"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/media?parent=351268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/categories?post=351268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bookafy.com\/bn\/wp-json\/wp\/v2\/tags?post=351268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}