{"id":28,"date":"2026-07-04T09:46:20","date_gmt":"2026-07-04T09:46:20","guid":{"rendered":"https:\/\/bavlo.clyfticlabs.com\/?page_id=28"},"modified":"2026-07-04T09:47:40","modified_gmt":"2026-07-04T09:47:40","slug":"home","status":"publish","type":"page","link":"https:\/\/bavlo.clyfticlabs.com\/","title":{"rendered":"Bavlo Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-700b73f5 e-con-full e-flex e-con e-parent\" data-id=\"700b73f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5f6e6f elementor-widget elementor-widget-shortcode\" data-id=\"1c5f6e6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <main class=\"bavlo-site\">\n                    <header class=\"bavlo-nav\" aria-label=\"Bavlo navigation\">\n            <div class=\"bavlo-container bavlo-nav-inner\">\n                <a class=\"bavlo-brand\" href=\"\/\">\n                    <span>B<\/span>\n                    <strong>Bavlo<\/strong>\n                <\/a>\n                <nav>\n                    <a href=\"\/learning-paths\/\">Paths<\/a>\n                    <a href=\"\/for-institutes\/\">Institutes<\/a>\n                    <a href=\"\/demo\/\">Demo<\/a>\n                <\/nav>\n                <a class=\"bavlo-nav-cta\" href=\"\/demo\/\">Try Bavlo<\/a>\n            <\/div>\n        <\/header>\n        \n            <section class=\"bavlo-hero bavlo-hero-v2\">\n                <div class=\"bavlo-container bavlo-hero-grid\">\n                    <div class=\"bavlo-hero-copy bavlo-reveal\">\n                        <span class=\"bavlo-pill bavlo-pill-yellow\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2zm7 12 1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z\"\/><\/svg> For beginners, builders, and serious learners<\/span>\n                        <h1>Learn anything, one simple step at a time.<\/h1>\n                        <p class=\"bavlo-hero-lead\">Bavlo helps you learn in a way that matches your level \u2014 from \u201cI know nothing\u201d to building real things like websites, WordPress plugins, and work skills.<\/p>\n                        <div class=\"bavlo-quick-points\" aria-label=\"Bavlo highlights\">\n                            <span>No prompts needed<\/span>\n                            <span>Simple language<\/span>\n                            <span>Real skill paths<\/span>\n                        <\/div>\n                        <div class=\"bavlo-actions\">\n                            <a class=\"bavlo-btn bavlo-btn-primary\" href=\"#bavlo-path-selector\">Start Learning <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.2 5.3 20 12l-6.8 6.7-1.4-1.4 4.4-4.3H4v-2h12.2l-4.4-4.3z\"\/><\/svg><\/a>\n                            <a class=\"bavlo-btn bavlo-btn-secondary\" href=\"\/demo\/\">Request a Demo<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bavlo-hero-visual bavlo-reveal bavlo-reveal-delay\" aria-label=\"Bavlo visual learning companion\">\n                        <img decoding=\"async\" class=\"bavlo-float\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-hero.svg\" alt=\"Friendly Bavlo learning companion with students and skill cards\">\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bavlo-section bavlo-audience-section\">\n                <div class=\"bavlo-container\">\n                    <div class=\"bavlo-centered-head bavlo-reveal\">\n                        <span class=\"bavlo-eyebrow\">Who is it for?<\/span>\n                        <h2>Start from any level.<\/h2>\n                        <p>You do not need to know how to use AI. Bavlo guides you with clear choices, simple explanations, and practical steps.<\/p>\n                    <\/div>\n                    <div class=\"bavlo-audience-grid\">\n                        <article class=\"bavlo-audience-card bavlo-card-yellow bavlo-reveal\">\n                            <img decoding=\"async\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-beginner.svg\" alt=\"Beginner learning with Bavlo\">\n                            <span>I know nothing<\/span>\n                            <h3>Start from zero<\/h3>\n                            <p>Understand the basics without feeling embarrassed or lost.<\/p>\n                        <\/article>\n                        <article class=\"bavlo-audience-card bavlo-card-blue bavlo-reveal bavlo-reveal-delay\">\n                            <img decoding=\"async\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-builder.svg\" alt=\"Builder learning WordPress and plugins\">\n                            <span>I want skills<\/span>\n                            <h3>Build real projects<\/h3>\n                            <p>Follow guided paths for WordPress, websites, plugins, and work skills.<\/p>\n                        <\/article>\n                        <article class=\"bavlo-audience-card bavlo-card-green bavlo-reveal bavlo-reveal-delay-2\">\n                            <img decoding=\"async\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-institute.svg\" alt=\"Institute and students learning with AI\">\n                            <span>I teach others<\/span>\n                            <h3>Support students<\/h3>\n                            <p>Give learners a companion that explains, practices, and guides them.<\/p>\n                        <\/article>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bavlo-section bavlo-how-section\">\n                <div class=\"bavlo-container bavlo-how-grid bavlo-how-grid-v2\">\n                    <div class=\"bavlo-section-visual bavlo-reveal\">\n                        <img decoding=\"async\" class=\"bavlo-float-slow\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-how.svg\" alt=\"Step by step Bavlo learning flow illustration\">\n                    <\/div>\n                    <div class=\"bavlo-how-copy bavlo-reveal bavlo-reveal-delay\">\n                        <div class=\"bavlo-section-head\">\n                            <span class=\"bavlo-eyebrow\">How it works<\/span>\n                            <h2>Simple enough to start. Smart enough to grow.<\/h2>\n                            <p>Bavlo does not throw a blank chat box at you. It asks what you want, understands your level, and gives the next best step.<\/p>\n                        <\/div>\n                        <div class=\"bavlo-steps-v2\">\n                            <article><span>1<\/span><h3>Choose your goal<\/h3><p>AI basics, WordPress, English, job skills, business, or advanced building.<\/p><\/article>\n                            <article><span>2<\/span><h3>Bavlo finds your level<\/h3><p>Starting from zero, beginner, builder, or advanced learner.<\/p><\/article>\n                            <article><span>3<\/span><h3>Learn by doing<\/h3><p>Simple lessons, practice tasks, checkpoints, and real project guidance.<\/p><\/article>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n                    <section class=\"bavlo-section bavlo-path-selector-section\" id=\"bavlo-path-selector\">\n            <div class=\"bavlo-container\">\n                <div class=\"bavlo-path-selector\">\n                    <div>\n                        <span class=\"bavlo-eyebrow\">Try the flow<\/span>\n                        <h2>Choose your level and goal.<\/h2>\n                        <p>First, choose what you want. Bavlo will show a simple first roadmap. Later, this becomes the real AI companion flow.<\/p>\n                    <\/div>\n                    <div class=\"bavlo-selector-box\">\n                        <label>Your level\n                            <select id=\"bavlo-level-select\">\n                                <option value=\"zero\">I know nothing<\/option>\n                                <option value=\"beginner\">Beginner<\/option>\n                                <option value=\"builder\">I can build basic things<\/option>\n                                <option value=\"advanced\">I want advanced\/project work<\/option>\n                            <\/select>\n                        <\/label>\n                        <label>Your goal\n                            <select id=\"bavlo-goal-select\">\n                                <option value=\"ai\">Understand AI<\/option>\n                                <option value=\"wordpress\">Learn WordPress<\/option>\n                                <option value=\"plugin\">Build a WordPress plugin<\/option>\n                                <option value=\"job\">Prepare for a job<\/option>\n                                <option value=\"english\">Improve English<\/option>\n                            <\/select>\n                        <\/label>\n                        <button class=\"bavlo-btn bavlo-btn-primary\" type=\"button\" id=\"bavlo-generate-path\">Show My Path<\/button>\n                    <\/div>\n                    <div class=\"bavlo-path-result\" id=\"bavlo-path-result\">\n                        <h3>Your Bavlo path<\/h3>\n                        <ol>\n                            <li>Select your level and goal.<\/li>\n                            <li>Click \u201cShow My Path\u201d.<\/li>\n                            <li>Bavlo will create your first guided roadmap.<\/li>\n                        <\/ol>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n            <section class=\"bavlo-section bavlo-paths-section\">\n                <div class=\"bavlo-container\">\n                    <div class=\"bavlo-showcase-grid\">\n                        <div class=\"bavlo-section-head bavlo-path-head bavlo-reveal\">\n                            <span class=\"bavlo-eyebrow\">Popular paths<\/span>\n                            <h2>Learn the basics. Then build real things.<\/h2>\n                            <p>Start with the easiest path or jump into practical building. Bavlo adjusts the journey.<\/p>\n                        <\/div>\n                        <div class=\"bavlo-showcase-visual bavlo-reveal bavlo-reveal-delay\">\n                            <img decoding=\"async\" class=\"bavlo-float\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-paths.svg\" alt=\"Bavlo learning path cards illustration\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"bavlo-path-grid\"><article class=\"bavlo-path-card bavlo-interactive-card\" data-bavlo-path-card data-title=\"AI Basics\" data-tag=\"Start here\" data-desc=\"Understand AI in plain language and learn how to use it in daily life.\" data-image=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-beginner.svg\" data-points=\"[&quot;Understand what AI means&quot;,&quot;Learn safe basic use&quot;,&quot;Use AI for simple questions&quot;,&quot;Practice with everyday tasks&quot;]\"><div class=\"bavlo-path-icon\" aria-hidden=\"true\">\ud83d\udca1<\/div><span>Start here<\/span><h3>AI Basics<\/h3><p>Understand AI in plain language and learn how to use it in daily life.<\/p><button class=\"bavlo-mini-link\" type=\"button\">Explore path<\/button><\/article><article class=\"bavlo-path-card bavlo-interactive-card bavlo-featured-path is-active\" data-bavlo-path-card data-title=\"WordPress Website Building\" data-tag=\"Featured\" data-desc=\"Learn hosting, WordPress, Elementor, pages, forms, plugins, and full website creation.\" data-image=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-builder.svg\" data-points=\"[&quot;Domain, hosting, and WordPress basics&quot;,&quot;Build pages and navigation&quot;,&quot;Use forms, sections, and responsive layout&quot;,&quot;Create a complete real business website&quot;]\"><div class=\"bavlo-path-icon\" aria-hidden=\"true\">\ud83c\udf10<\/div><span>Featured<\/span><h3>WordPress Website Building<\/h3><p>Learn hosting, WordPress, Elementor, pages, forms, plugins, and full website creation.<\/p><button class=\"bavlo-mini-link\" type=\"button\">Explore path<\/button><\/article><article class=\"bavlo-path-card bavlo-interactive-card bavlo-featured-path\" data-bavlo-path-card data-title=\"Plugin Development\" data-tag=\"Advanced\" data-desc=\"Grow from WordPress basics into shortcodes, admin pages, AJAX, database tables, and real plugins.\" data-image=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-paths.svg\" data-points=\"[&quot;Create plugin files and headers&quot;,&quot;Build shortcodes and settings pages&quot;,&quot;Handle forms and AJAX&quot;,&quot;Move into database tables and advanced features&quot;]\"><div class=\"bavlo-path-icon\" aria-hidden=\"true\">\ud83e\udde9<\/div><span>Advanced<\/span><h3>Plugin Development<\/h3><p>Grow from WordPress basics into shortcodes, admin pages, AJAX, database tables, and real plugins.<\/p><button class=\"bavlo-mini-link\" type=\"button\">Explore path<\/button><\/article><article class=\"bavlo-path-card bavlo-interactive-card\" data-bavlo-path-card data-title=\"Job Skills\" data-tag=\"Career\" data-desc=\"Create CVs, prepare for interviews, write better messages, and build workplace confidence.\" data-image=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-goals.svg\" data-points=\"[&quot;Create a better CV&quot;,&quot;Prepare for interviews&quot;,&quot;Improve work communication&quot;,&quot;Build confidence step by step&quot;]\"><div class=\"bavlo-path-icon\" aria-hidden=\"true\">\ud83d\udcbc<\/div><span>Career<\/span><h3>Job Skills<\/h3><p>Create CVs, prepare for interviews, write better messages, and build workplace confidence.<\/p><button class=\"bavlo-mini-link\" type=\"button\">Explore path<\/button><\/article><\/div>                            <div class=\"bavlo-path-detail bavlo-reveal\" id=\"bavlo-path-detail\">\n            <div class=\"bavlo-path-detail-media\">\n                <img decoding=\"async\" id=\"bavlo-path-detail-image\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-builder.svg\" alt=\"Selected Bavlo learning path\">\n            <\/div>\n            <div class=\"bavlo-path-detail-copy\">\n                <span id=\"bavlo-path-detail-tag\">Featured<\/span>\n                <h3 id=\"bavlo-path-detail-title\">WordPress Website Building<\/h3>\n                <p id=\"bavlo-path-detail-desc\">Learn hosting, WordPress, Elementor, pages, forms, plugins, and full website creation.<\/p>\n                <ul id=\"bavlo-path-detail-points\">\n                                            <li>Domain, hosting, and WordPress basics<\/li>\n                                            <li>Build pages and navigation<\/li>\n                                            <li>Use forms, sections, and responsive layout<\/li>\n                                            <li>Create a complete real business website<\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n                            <div class=\"bavlo-center-action\"><a class=\"bavlo-btn bavlo-btn-secondary\" href=\"\/learning-paths\/\">See all learning paths<\/a><\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bavlo-section bavlo-difference-section\">\n                <div class=\"bavlo-container bavlo-difference-card bavlo-reveal\">\n                    <div class=\"bavlo-diff-visual\"><img decoding=\"async\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-difference.svg\" alt=\"Bavlo guided learning and chatbot difference illustration\"><\/div>\n                    <div>\n                        <span class=\"bavlo-eyebrow bavlo-eyebrow-light\">Why Bavlo<\/span>\n                        <h2>Not a chatbot. A guided learning journey.<\/h2>\n                        <p>ChatGPT waits for the user to know what to ask. Bavlo helps the user understand what to learn next.<\/p>\n                        <div class=\"bavlo-difference-list\">\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> No need to know prompts<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Explains in simple language<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Adapts from basic to advanced<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Helps users build real skills<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bavlo-section bavlo-institute-strip\">\n                <div class=\"bavlo-container bavlo-institute-grid\">\n                    <div class=\"bavlo-institute-visual bavlo-reveal\">\n                        <img decoding=\"async\" class=\"bavlo-float\" src=\"https:\/\/bavlo.clyfticlabs.com\/wp-content\/plugins\/bavlo-core\/assets\/img\/bavlo-classroom.svg\" alt=\"Course creators and institutes using Bavlo\">\n                    <\/div>\n                    <div class=\"bavlo-reveal bavlo-reveal-delay\">\n                        <span class=\"bavlo-eyebrow\">For institutes<\/span>\n                        <h2>Turn lessons into guided AI learning.<\/h2>\n                        <p>Bavlo can help academies and trainers turn PDFs, videos, course notes, and assignments into student-friendly learning support.<\/p>\n                        <div class=\"bavlo-feature-list\">\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Course-aware companion<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Quiz and practice support<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Sinhala, Tamil, and English planned<\/span>\n                            <span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L21 7.6l-1.4-1.4z\"\/><\/svg> Private branded deployment<\/span>\n                        <\/div>\n                        <a class=\"bavlo-btn bavlo-btn-primary\" href=\"\/demo\/\">Request Institute Demo<\/a>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"bavlo-section bavlo-final-cta-wrap\">\n                <div class=\"bavlo-container\">\n                    <div class=\"bavlo-final-cta bavlo-reveal\">\n                        <span>Ready to test Bavlo?<\/span>\n                        <h2>From basics to real skills \u2014 guided step by step.<\/h2>\n                        <p>Start with AI basics, WordPress, plugin development, job skills, and practical learning paths.<\/p>\n                        <a class=\"bavlo-btn bavlo-btn-white\" href=\"\/demo\/\">Try Bavlo<\/a>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":3,"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/bavlo.clyfticlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}