Bookafy Pricing Design<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n display: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n primary: '#1CA7EB', \/\/ Bookafy Sky Blue\r\n secondary: '#F1F5F9',\r\n foreground: '#292929',\r\n muted: '#64748B',\r\n accent: '#FFF800',\r\n dark: '#0f172a',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n .glass {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n .toggle-checkbox:checked {\r\n right: 0;\r\n border-color: #1CA7EB;\r\n }\r\n .toggle-checkbox:checked + .toggle-label {\r\n background-color: #1CA7EB;\r\n }\r\n \r\n \/* Custom scrollbar for table *\/\r\n .custom-scrollbar::-webkit-scrollbar {\r\n height: 8px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb {\r\n background: #cbd5e1;\r\n border-radius: 4px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\r\n background: #94a3b8;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased text-[#292929] bg-white\">\r\n\r\n \r\n <section class=\"pt-20 pb-20 px-4 bg-gradient-to-b from-blue-50\/50 to-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-[#1CA7EB]\/5 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-purple-500\/5 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n\r\n <div class=\"container mx-auto max-w-7xl relative z-10\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#1CA7EB]\/10 text-[#1CA7EB] text-xs font-semibold w-fit mb-6\">\r\n <span class=\"relative flex h-2 w-2\">\r\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#1CA7EB] opacity-75\"><\/span>\r\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-[#1CA7EB]\"><\/span>\r\n <\/span>\r\n Simple, Transparent Pricing\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl font-bold font-display text-[#292929] mb-6 tracking-tight\">\r\n Pick the perfect plan <br\/> for your <span class=\"text-[#1CA7EB]\">team<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-gray-600 mb-10\">\r\n Schedule online meetings without any hassle. Start for free, upgrade as you grow.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex items-center justify-center gap-4 mb-8\">\r\n <span class=\"text-sm font-medium text-gray-500\" id=\"monthly-label\">Monthly<\/span>\r\n <button id=\"billing-toggle\" class=\"relative inline-flex h-8 w-14 items-center rounded-full bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-[#1CA7EB] focus:ring-offset-2\" aria-pressed=\"true\">\r\n <span class=\"sr-only\">Use setting<\/span>\r\n <span id=\"toggle-circle\" class=\"translate-x-7 inline-block h-6 w-6 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"><\/span>\r\n <\/button>\r\n <span class=\"text-sm font-bold text-[#292929]\" id=\"yearly-label\">Yearly <span class=\"text-[#1CA7EB] text-xs font-normal ml-1\">(2 Months Free!)<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto relative\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 border border-gray-100 shadow-xl hover:shadow-2xl transition-all duration-300 relative group\">\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-[#292929] mb-2\">Free<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">For individuals with basic scheduling needs<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-bold text-[#292929]\">$0<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl border-2 border-gray-100 text-[#292929] font-semibold hover:border-[#1CA7EB] hover:text-[#1CA7EB] transition-colors mb-8\">Get Started<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Max 1 User\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Unlimited Appointments\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Email Notifications\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Customize Booking Page\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Integrate iframe or button code\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-[#0f172a] rounded-3xl p-8 border border-gray-800 shadow-2xl relative transform md:-translate-y-4\">\r\n <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-[#1CA7EB] text-white px-4 py-1 rounded-full text-xs font-bold uppercase tracking-wide\">Most Popular<\/div>\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-white mb-2\">Pro<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">For teams needing sophisticated scheduling<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-5xl font-bold text-white price-text\" data-monthly=\"$9\" data-yearly=\"$7\">$7<\/span>\r\n <span class=\"text-gray-400 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-[#1CA7EB] mt-2 h-4 billing-note\">Billed yearly<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl bg-[#1CA7EB] text-white font-semibold hover:bg-[#1CA7EB]\/90 transition-colors mb-8 shadow-[0_0_20px_rgba(28,167,235,0.3)]\">Start Free Trial<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>All Free Plan features<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Unlimited Users<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>2-way Calendar Syncing<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Email & SMS Text Notifications<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Accept Online Payments<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Zoom, Webex, GTM Integrations<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-8 border border-gray-100 shadow-xl hover:shadow-2xl transition-all duration-300 relative\">\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-[#292929] mb-2\">Pro+<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">For teams who want advanced automations<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-bold text-[#292929] price-text\" data-monthly=\"$13\" data-yearly=\"$11\">$11<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-[#1CA7EB] mt-2 h-4 billing-note\">Billed yearly<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl border-2 border-gray-100 text-[#292929] font-semibold hover:border-[#1CA7EB] hover:text-[#1CA7EB] transition-colors mb-8\">Start Free Trial<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n All Pro Plan features\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n HIPAA Compliant\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Second SMS Text Reminder\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Custom Review Messages\/Links\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Custom API Development\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n White Label (optional)\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-16 text-center\">\r\n <a href=\"#compare\" class=\"inline-flex items-center gap-2 text-gray-500 hover:text-[#1CA7EB] transition-colors\">\r\n Compare all features\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\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"compare\" class=\"py-20 px-4 bg-white\">\r\n <div class=\"container mx-auto max-w-6xl\">\r\n <h2 class=\"text-3xl font-bold font-display text-center mb-16\">Compare All Plan Features<\/h2>\r\n \r\n <div class=\"overflow-x-auto custom-scrollbar\">\r\n <table class=\"w-full text-left border-collapse min-w-[800px]\">\r\n <thead>\r\n <tr class=\"border-b border-gray-200\">\r\n <th class=\"py-6 px-4 text-xl font-bold text-[#292929] w-1\/3 sticky left-0 bg-white\">Features<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-gray-700 w-1\/5\">Free<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-[#1CA7EB] w-1\/5 bg-blue-50\/50 rounded-t-xl\">Pro<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-gray-700 w-1\/5\">Pro+<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-gray-100\">\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Core Features<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Mobile Friendly<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Unlimited Appointments<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Free Website with Booking App<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Group Events<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Calendar Sync<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Google Calendar (2-way)<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Outlook \/ Office 365 (2-way)<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">iCloud<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Teams<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Unlimited Users<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">1 User<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Round Robin Booking<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Skill Based Routing<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Communication<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Email Confirmations & Reminders<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">SMS Text Reminders<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">1 Reminder<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">2 Reminders<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Automated Review Requests<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Integrations<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Zoom, Teams, Webex<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Stripe Payments<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Zapier \/ Make<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">HIPAA Compliance<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">White Label Option<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">Optional<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n \r\n <div class=\"mt-12 text-center\">\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"inline-flex items-center justify-center h-14 px-10 text-lg font-semibold text-white bg-[#1CA7EB] rounded-lg hover:bg-[#1CA7EB]\/90 transition-colors shadow-lg shadow-blue-500\/30 no-underline\">\r\n Get Started for Free\r\n <\/a>\r\n <p class=\"mt-4 text-gray-500 text-sm\">No credit card required for trial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 px-4 bg-gray-50 border-t border-gray-200\">\r\n <div class=\"container mx-auto max-w-4xl\">\r\n <h2 class=\"text-3xl font-bold font-display text-center mb-12 text-[#292929]\">Frequently Asked Questions<\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Can I upgrade or downgrade anytime?<\/h3>\r\n <p class=\"text-gray-600\">Yes, you can change your plan at any time. If you upgrade, you'll be prorated for the remainder of the month. If you downgrade, your new rate will apply at the start of the next billing cycle.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Is there a free trial?<\/h3>\r\n <p class=\"text-gray-600\">Yes! We offer a 7-day free trial of our Pro+ plan so you can experience the full power of Bookafy. No credit card is required to start your trial.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">What payment methods do you accept?<\/h3>\r\n <p class=\"text-gray-600\">We accept all major credit cards including Visa, Mastercard, American Express, and Discover.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Do you offer enterprise pricing?<\/h3>\r\n <p class=\"text-gray-600\">Yes, for organizations with 100+ employees or specific custom needs, please contact our sales team for a custom quote.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Pricing Toggle Logic\r\n const billingToggle = document.getElementById('billing-toggle');\r\n const toggleCircle = document.getElementById('toggle-circle');\r\n const priceTexts = document.querySelectorAll('.price-text');\r\n const billingNotes = document.querySelectorAll('.billing-note');\r\n let isYearly = true; \/\/ Default to yearly based on design\r\n\r\n billingToggle.addEventListener('click', () => {\r\n isYearly = !isYearly;\r\n \r\n \/\/ Animate toggle\r\n if (isYearly) {\r\n toggleCircle.classList.add('translate-x-7');\r\n toggleCircle.classList.remove('translate-x-1');\r\n billingToggle.classList.add('bg-[#1CA7EB]'); \/\/ Optional: change track color active\r\n billingToggle.classList.remove('bg-gray-200');\r\n } else {\r\n toggleCircle.classList.remove('translate-x-7');\r\n toggleCircle.classList.add('translate-x-1');\r\n billingToggle.classList.add('bg-gray-200');\r\n billingToggle.classList.remove('bg-[#1CA7EB]');\r\n }\r\n\r\n \/\/ Update Prices\r\n priceTexts.forEach(el => {\r\n if (isYearly) {\r\n el.textContent = el.dataset.yearly;\r\n } else {\r\n el.textContent = el.dataset.monthly;\r\n }\r\n });\r\n\r\n \/\/ Update Billing Notes\r\n billingNotes.forEach(el => {\r\n el.textContent = isYearly ? 'Billed yearly' : 'Billed monthly';\r\n });\r\n });\r\n\r\n \/\/ Initialize state (default is yearly in HTML, ensure JS matches)\r\n \/\/ (Visual state is already set in HTML classes for yearly)\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20994e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20994e1\" 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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bookafy Pricing Design Simple, Transparent Pricing Pick the perfect plan for your team Schedule online meetings without any hassle. Start for free, upgrade as you grow. Monthly Use setting Yearly […]<\/p>\n","protected":false},"author":1,"featured_media":71654,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"categories":[1733,1688],"tags":[],"class_list":["post-82349","page","type-page","status-publish","has-post-thumbnail","hentry","category-pricing-pages","category-primary-pages","rishi-post"],"rishi__cb_customizer_meta":"","_links":{"self":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=82349"}],"version-history":[{"count":186,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349\/revisions"}],"predecessor-version":[{"id":351158,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349\/revisions\/351158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/media\/71654"}],"wp:attachment":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=82349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=82349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=82349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Bookafy Pricing Design<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n display: ['Plus Jakarta Sans', 'sans-serif'],\r\n },\r\n colors: {\r\n primary: '#1CA7EB', \/\/ Bookafy Sky Blue\r\n secondary: '#F1F5F9',\r\n foreground: '#292929',\r\n muted: '#64748B',\r\n accent: '#FFF800',\r\n dark: '#0f172a',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n .glass {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n .toggle-checkbox:checked {\r\n right: 0;\r\n border-color: #1CA7EB;\r\n }\r\n .toggle-checkbox:checked + .toggle-label {\r\n background-color: #1CA7EB;\r\n }\r\n \r\n \/* Custom scrollbar for table *\/\r\n .custom-scrollbar::-webkit-scrollbar {\r\n height: 8px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb {\r\n background: #cbd5e1;\r\n border-radius: 4px;\r\n }\r\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\r\n background: #94a3b8;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased text-[#292929] bg-white\">\r\n\r\n \r\n <section class=\"pt-20 pb-20 px-4 bg-gradient-to-b from-blue-50\/50 to-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-[#1CA7EB]\/5 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-purple-500\/5 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\r\n\r\n <div class=\"container mx-auto max-w-7xl relative z-10\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#1CA7EB]\/10 text-[#1CA7EB] text-xs font-semibold w-fit mb-6\">\r\n <span class=\"relative flex h-2 w-2\">\r\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#1CA7EB] opacity-75\"><\/span>\r\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-[#1CA7EB]\"><\/span>\r\n <\/span>\r\n Simple, Transparent Pricing\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl font-bold font-display text-[#292929] mb-6 tracking-tight\">\r\n Pick the perfect plan <br\/> for your <span class=\"text-[#1CA7EB]\">team<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-gray-600 mb-10\">\r\n Schedule online meetings without any hassle. Start for free, upgrade as you grow.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex items-center justify-center gap-4 mb-8\">\r\n <span class=\"text-sm font-medium text-gray-500\" id=\"monthly-label\">Monthly<\/span>\r\n <button id=\"billing-toggle\" class=\"relative inline-flex h-8 w-14 items-center rounded-full bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-[#1CA7EB] focus:ring-offset-2\" aria-pressed=\"true\">\r\n <span class=\"sr-only\">Use setting<\/span>\r\n <span id=\"toggle-circle\" class=\"translate-x-7 inline-block h-6 w-6 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"><\/span>\r\n <\/button>\r\n <span class=\"text-sm font-bold text-[#292929]\" id=\"yearly-label\">Yearly <span class=\"text-[#1CA7EB] text-xs font-normal ml-1\">(2 Months Free!)<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8 max-w-6xl mx-auto relative\">\r\n \r\n <div class=\"bg-white rounded-3xl p-8 border border-gray-100 shadow-xl hover:shadow-2xl transition-all duration-300 relative group\">\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-[#292929] mb-2\">Free<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">For individuals with basic scheduling needs<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-bold text-[#292929]\">$0<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl border-2 border-gray-100 text-[#292929] font-semibold hover:border-[#1CA7EB] hover:text-[#1CA7EB] transition-colors mb-8\">Get Started<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Max 1 User\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Unlimited Appointments\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Email Notifications\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Customize Booking Page\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Integrate iframe or button code\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-[#0f172a] rounded-3xl p-8 border border-gray-800 shadow-2xl relative transform md:-translate-y-4\">\r\n <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-[#1CA7EB] text-white px-4 py-1 rounded-full text-xs font-bold uppercase tracking-wide\">Most Popular<\/div>\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-white mb-2\">Pro<\/h3>\r\n <p class=\"text-gray-400 text-sm mb-6\">For teams needing sophisticated scheduling<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-5xl font-bold text-white price-text\" data-monthly=\"$9\" data-yearly=\"$7\">$7<\/span>\r\n <span class=\"text-gray-400 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-[#1CA7EB] mt-2 h-4 billing-note\">Billed yearly<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl bg-[#1CA7EB] text-white font-semibold hover:bg-[#1CA7EB]\/90 transition-colors mb-8 shadow-[0_0_20px_rgba(28,167,235,0.3)]\">Start Free Trial<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>All Free Plan features<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Unlimited Users<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>2-way Calendar Syncing<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Email & SMS Text Notifications<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Accept Online Payments<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-300\">\r\n <div class=\"w-5 h-5 rounded-full bg-[#1CA7EB]\/20 flex items-center justify-center text-[#1CA7EB] shrink-0 text-xs\">\u2713<\/div>\r\n <span>Zoom, Webex, GTM Integrations<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl p-8 border border-gray-100 shadow-xl hover:shadow-2xl transition-all duration-300 relative\">\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl font-bold font-display text-[#292929] mb-2\">Pro+<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-6\">For teams who want advanced automations<\/p>\r\n <div class=\"flex items-baseline gap-1\">\r\n <span class=\"text-4xl font-bold text-[#292929] price-text\" data-monthly=\"$13\" data-yearly=\"$11\">$11<\/span>\r\n <span class=\"text-gray-500 text-sm\">\/user\/mo<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-[#1CA7EB] mt-2 h-4 billing-note\">Billed yearly<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"block w-full py-3 px-6 text-center rounded-xl border-2 border-gray-100 text-[#292929] font-semibold hover:border-[#1CA7EB] hover:text-[#1CA7EB] transition-colors mb-8\">Start Free Trial<\/a>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n All Pro Plan features\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n HIPAA Compliant\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Second SMS Text Reminder\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Custom Review Messages\/Links\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n Custom API Development\r\n <\/li>\r\n <li class=\"flex items-start gap-3 text-sm text-gray-600\">\r\n <svg class=\"w-5 h-5 text-[#1CA7EB] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n White Label (optional)\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-16 text-center\">\r\n <a href=\"#compare\" class=\"inline-flex items-center gap-2 text-gray-500 hover:text-[#1CA7EB] transition-colors\">\r\n Compare all features\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\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"compare\" class=\"py-20 px-4 bg-white\">\r\n <div class=\"container mx-auto max-w-6xl\">\r\n <h2 class=\"text-3xl font-bold font-display text-center mb-16\">Compare All Plan Features<\/h2>\r\n \r\n <div class=\"overflow-x-auto custom-scrollbar\">\r\n <table class=\"w-full text-left border-collapse min-w-[800px]\">\r\n <thead>\r\n <tr class=\"border-b border-gray-200\">\r\n <th class=\"py-6 px-4 text-xl font-bold text-[#292929] w-1\/3 sticky left-0 bg-white\">Features<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-gray-700 w-1\/5\">Free<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-[#1CA7EB] w-1\/5 bg-blue-50\/50 rounded-t-xl\">Pro<\/th>\r\n <th class=\"py-6 px-4 text-center text-lg font-bold text-gray-700 w-1\/5\">Pro+<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-gray-100\">\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Core Features<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Mobile Friendly<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Unlimited Appointments<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Free Website with Booking App<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Group Events<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Calendar Sync<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Google Calendar (2-way)<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Outlook \/ Office 365 (2-way)<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">iCloud<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Teams<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Unlimited Users<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">1 User<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Round Robin Booking<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Skill Based Routing<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Communication<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Email Confirmations & Reminders<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">SMS Text Reminders<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">1 Reminder<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">2 Reminders<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Automated Review Requests<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n\r\n \r\n <tr class=\"bg-gray-50\/80\">\r\n <td colspan=\"4\" class=\"py-4 px-4 font-bold text-gray-500 uppercase text-xs tracking-wider sticky left-0 bg-gray-50\/80\">Integrations<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Zoom, Teams, Webex<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Stripe Payments<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">Zapier \/ Make<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">\u2713<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">HIPAA Compliance<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">\u2713<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"py-4 px-4 text-gray-600 font-medium sticky left-0 bg-white\">White Label Option<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-400\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-[#1CA7EB] bg-blue-50\/30\">-<\/td>\r\n <td class=\"py-4 px-4 text-center text-gray-800\">Optional<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n \r\n <div class=\"mt-12 text-center\">\r\n <a href=\"https:\/\/app.bookafy.com\/signup\" class=\"inline-flex items-center justify-center h-14 px-10 text-lg font-semibold text-white bg-[#1CA7EB] rounded-lg hover:bg-[#1CA7EB]\/90 transition-colors shadow-lg shadow-blue-500\/30 no-underline\">\r\n Get Started for Free\r\n <\/a>\r\n <p class=\"mt-4 text-gray-500 text-sm\">No credit card required for trial.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 px-4 bg-gray-50 border-t border-gray-200\">\r\n <div class=\"container mx-auto max-w-4xl\">\r\n <h2 class=\"text-3xl font-bold font-display text-center mb-12 text-[#292929]\">Frequently Asked Questions<\/h2>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Can I upgrade or downgrade anytime?<\/h3>\r\n <p class=\"text-gray-600\">Yes, you can change your plan at any time. If you upgrade, you'll be prorated for the remainder of the month. If you downgrade, your new rate will apply at the start of the next billing cycle.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Is there a free trial?<\/h3>\r\n <p class=\"text-gray-600\">Yes! We offer a 7-day free trial of our Pro+ plan so you can experience the full power of Bookafy. No credit card is required to start your trial.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">What payment methods do you accept?<\/h3>\r\n <p class=\"text-gray-600\">We accept all major credit cards including Visa, Mastercard, American Express, and Discover.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl p-6 border border-gray-100 shadow-sm\">\r\n <h3 class=\"font-bold text-lg mb-2 text-[#292929]\">Do you offer enterprise pricing?<\/h3>\r\n <p class=\"text-gray-600\">Yes, for organizations with 100+ employees or specific custom needs, please contact our sales team for a custom quote.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Pricing Toggle Logic\r\n const billingToggle = document.getElementById('billing-toggle');\r\n const toggleCircle = document.getElementById('toggle-circle');\r\n const priceTexts = document.querySelectorAll('.price-text');\r\n const billingNotes = document.querySelectorAll('.billing-note');\r\n let isYearly = true; \/\/ Default to yearly based on design\r\n\r\n billingToggle.addEventListener('click', () => {\r\n isYearly = !isYearly;\r\n \r\n \/\/ Animate toggle\r\n if (isYearly) {\r\n toggleCircle.classList.add('translate-x-7');\r\n toggleCircle.classList.remove('translate-x-1');\r\n billingToggle.classList.add('bg-[#1CA7EB]'); \/\/ Optional: change track color active\r\n billingToggle.classList.remove('bg-gray-200');\r\n } else {\r\n toggleCircle.classList.remove('translate-x-7');\r\n toggleCircle.classList.add('translate-x-1');\r\n billingToggle.classList.add('bg-gray-200');\r\n billingToggle.classList.remove('bg-[#1CA7EB]');\r\n }\r\n\r\n \/\/ Update Prices\r\n priceTexts.forEach(el => {\r\n if (isYearly) {\r\n el.textContent = el.dataset.yearly;\r\n } else {\r\n el.textContent = el.dataset.monthly;\r\n }\r\n });\r\n\r\n \/\/ Update Billing Notes\r\n billingNotes.forEach(el => {\r\n el.textContent = isYearly ? 'Billed yearly' : 'Billed monthly';\r\n });\r\n });\r\n\r\n \/\/ Initialize state (default is yearly in HTML, ensure JS matches)\r\n \/\/ (Visual state is already set in HTML classes for yearly)\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20994e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20994e1\" 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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bookafy Pricing Design Simple, Transparent Pricing Pick the perfect plan for your team Schedule online meetings without any hassle. Start for free, upgrade as you grow. Monthly Use setting Yearly […]<\/p>\n","protected":false},"author":1,"featured_media":71654,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"categories":[1733,1688],"tags":[],"class_list":["post-82349","page","type-page","status-publish","has-post-thumbnail","hentry","category-pricing-pages","category-primary-pages","rishi-post"],"rishi__cb_customizer_meta":"","_links":{"self":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=82349"}],"version-history":[{"count":186,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349\/revisions"}],"predecessor-version":[{"id":351158,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/82349\/revisions\/351158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/media\/71654"}],"wp:attachment":[{"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=82349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=82349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bookafy.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=82349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}