{"id":12,"date":"2026-08-07T13:12:13","date_gmt":"2026-08-07T13:12:13","guid":{"rendered":"https:\/\/www.altritionos.com\/?page_id=12"},"modified":"2026-08-08T11:05:00","modified_gmt":"2026-08-08T11:05:00","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.altritionos.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"<!-- HERO MAIN CONTAINER -->\r\n    <main class=\"w-full flex-grow flex items-center py-10 lg:py-16 px-4 sm:px-6 lg:px-8 relative overflow-hidden bg-gradient-to-b from-[#F0F4FF]\/40 via-white to-white\">\r\n        <!-- Background light blur graphics -->\r\n        <div class=\"absolute rounded-full blur-[120px] top-[-10%] right-[-10%] w-[500px] h-[500px] bg-brand-blue\/5\"><\/div>\r\n        <div class=\"absolute rounded-full blur-[100px] bottom-[10%] left-[-10%] w-[400px] h-[400px] bg-brand-accent\/5\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto w-full grid grid-cols-1 lg:grid-cols-12 gap-12 items-center relative z-10\">\r\n            \r\n            <!-- LEFT HERO CONTENT -->\r\n            <div class=\"lg:col-span-5 flex flex-col items-start text-left\">\r\n                <!-- Badge -->\r\n                <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-brand-lightBlue border border-brand-blue\/10 shadow-sm mb-6\">\r\n                    <i class=\"fa-solid fa-circle-nodes text-brand-blue text-[13px]\"><\/i>\r\n                    <span class=\"text-[12px] font-semibold text-brand-blue\">The Operating System for Modern Health Coaches<\/span>\r\n                <\/div>\r\n\r\n                <!-- Main Heading -->\r\n                <h1 class=\"text-[36px] sm:text-[46px] lg:text-[50px] font-black tracking-tight leading-[1.1] text-brand-dark mb-5\">\r\n                    The Operating System for Modern <span class=\"text-brand-blue\">Health &#038; Fitness Coaches<\/span>\r\n                <\/h1>\r\n\r\n                <!-- Description -->\r\n                <p class=\"text-[16px] text-brand-gray leading-relaxed mb-4\">\r\n                    Stop juggling spreadsheets, WhatsApp, Google Forms, PDFs and multiple apps.\r\n                <\/p>\r\n                <p class=\"text-[16px] text-brand-gray leading-relaxed mb-8\">\r\n                    Manage <strong class=\"text-brand-dark font-semibold\">leads, clients, workout plans, meal plans, consultations, payments<\/strong> and your branded client app \u2014 all from one platform.\r\n                <\/p>\r\n\r\n                <!-- CTA Buttons -->\r\n                <div class=\"flex flex-col sm:flex-row items-center gap-4 w-full sm:w-auto mb-8\">\r\n                    <a href=\"#\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-brand-blue hover:bg-brand-blue\/95 text-white px-7 py-4 rounded-xl text-[16px] font-semibold transition-all shadow-[0_8px_20px_rgba(6,0,204,0.25)]\">\r\n                        <i class=\"fa-solid fa-rocket text-[14px]\"><\/i> Start Free Trial\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white hover:bg-[#F8F9FC] text-brand-blue border border-brand-blue\/20 hover:border-brand-blue\/40 px-7 py-4 rounded-xl text-[16px] font-semibold transition-all\">\r\n                        <i class=\"fa-solid fa-calendar-days text-[14px]\"><\/i> Book a Demo\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Trust Rating & Avatar Group -->\r\n                <div class=\"flex flex-col sm:flex-row items-center gap-4\">\r\n                    <div class=\"flex items-center avatar-overlap shrink-0\">\r\n                        <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?w=100&#038;fit=crop\" alt=\"User Avatar\">\r\n                        <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&#038;fit=crop\" alt=\"User Avatar\">\r\n                        <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=100&#038;fit=crop\" alt=\"User Avatar\">\r\n                        <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-white object-cover\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&#038;fit=crop\" alt=\"User Avatar\">\r\n                    <\/div>\r\n                    <div class=\"flex flex-col items-center sm:items-start text-center sm:text-left\">\r\n                        <div class=\"flex items-center gap-1 text-[#FBBF24] mb-1\">\r\n                            <i class=\"fa-solid fa-star text-[14px]\"><\/i>\r\n                            <i class=\"fa-solid fa-star text-[14px]\"><\/i>\r\n                            <i class=\"fa-solid fa-star text-[14px]\"><\/i>\r\n                            <i class=\"fa-solid fa-star text-[14px]\"><\/i>\r\n                            <i class=\"fa-solid fa-star text-[14px]\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"text-[12px] font-medium text-brand-gray leading-tight\">\r\n                            Trusted by Health Coaches, Nutritionists, Personal Trainers &#038; Wellness Experts\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RIGHT DASHBOARD MOCKUP (IMAGE LAYOUT COPY FROM HOMEPAGE.HTML) -->\r\n            <div class=\"lg:col-span-7 w-full flex justify-center lg:justify-end\">\r\n                <div class=\"relative w-full max-w-[590px]\" style=\"opacity: 1;\">\r\n                    <div class=\"relative animate-float\">\r\n                        <div class=\"overflow-hidden rounded-2xl border border-[#E5E7EB] bg-white shadow-[0_20px_60px_rgba(6,0,204,0.18)]\">\r\n                            <div class=\"flex items-center gap-1.5 px-4 py-2.5 border-b border-[#F0F2F6] bg-[#FCFCFE]\">\r\n                                <span class=\"h-2.5 w-2.5 rounded-full bg-[#FF5F57]\"><\/span>\r\n                                <span class=\"h-2.5 w-2.5 rounded-full bg-[#FFBD2E]\"><\/span>\r\n                                <span class=\"h-2.5 w-2.5 rounded-full bg-[#28C840]\"><\/span>\r\n                            <\/div>\r\n                            <span class=\"relative w-full h-auto aspect-[16\/10] block\">\r\n                                <img decoding=\"async\" src=\".\/wp-content\/uploads\/2026\/08\/screen_dashboard.png\" loading=\"lazy\" class=\"w-full h-full inset-0 absolute object-cover\" alt=\"Altrition OS dashboard\">\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Floating Widget Left -->\r\n                    <div class=\"absolute glass rounded-2xl p-3 shadow-float animate-float-delayed -left-3 sm:-left-8 top-[18%] w-[150px] sm:w-[180px]\" style=\"opacity: 1;\">\r\n                        <div class=\"flex items-center gap-2 mb-1.5\">\r\n                            <span class=\"flex h-7 w-7 items-center justify-center rounded-lg bg-brand-blue\/10 text-brand-blue\">\r\n                                <i class=\"fa-solid fa-calendar text-[12px]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[10px] font-semibold text-[#6B7280]\">Today&#8217;s Consultations<\/span>\r\n                        <\/div>\r\n                        <div class=\"text-lg font-bold text-brand-dark\">7<\/div>\r\n                        <div class=\"text-[10px] text-[#10B981] font-semibold\">2 upcoming<\/div>\r\n                    <\/div>\r\n                    <!-- Floating Widget Right -->\r\n                    <div class=\"absolute glass rounded-2xl p-3 shadow-float animate-float-delayed -right-3 sm:-right-6 top-[8%] w-[140px] sm:w-[160px]\" style=\"opacity: 1;\">\r\n                        <div class=\"flex items-center gap-2 mb-1.5\">\r\n                            <span class=\"flex h-7 w-7 items-center justify-center rounded-lg bg-[#10B981]\/10 text-[#10B981]\">\r\n                                <i class=\"fa-solid fa-user-plus text-[12px]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[10px] font-semibold text-[#6B7280]\">New Lead<\/span>\r\n                        <\/div>\r\n                        <div class=\"text-sm font-bold text-brand-dark\">Sarah Chen<\/div>\r\n                        <div class=\"text-[10px] text-[#6B7280]\">Weight Loss Program<\/div>\r\n                    <\/div>\r\n                    <!-- Floating Widget Bottom Right -->\r\n                    <div class=\"absolute glass rounded-2xl p-3 shadow-float animate-float-delayed right-[6%] -bottom-4 sm:-bottom-6 w-[150px] sm:w-[170px]\" style=\"opacity: 1;\">\r\n                        <div class=\"flex items-center gap-2 mb-1.5\">\r\n                            <span class=\"flex h-7 w-7 items-center justify-center rounded-lg bg-brand-blue\/10 text-brand-blue\">\r\n                                <i class=\"fa-solid fa-bell text-[12px]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[10px] font-semibold text-[#6B7280]\">Task Due<\/span>\r\n                        <\/div>\r\n                        <div class=\"text-[11px] font-bold text-brand-dark leading-tight\">Meal Plan Review<\/div>\r\n                        <div class=\"text-[10px] text-red-500 font-semibold mt-0.5\">In 30 mins<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- BOTTOM FEATURE CARDS -->\r\n    <section class=\"w-full bg-white border-t border-[#F0F2F6] py-10 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-9 gap-4\">\r\n            <!-- CRM -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-user-check\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">CRM<\/span>\r\n            <\/div>\r\n            <!-- Workout Planner -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-dumbbell\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Workout Planner<\/span>\r\n            <\/div>\r\n            <!-- Meal Planner -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-seedling\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Meal Planner<\/span>\r\n            <\/div>\r\n            <!-- Client App -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Client App<\/span>\r\n            <\/div>\r\n            <!-- Lead Tracking -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-bullseye\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Lead Tracking<\/span>\r\n            <\/div>\r\n            <!-- AI Coach Assistant -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-microchip\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">AI Coach Assistant<\/span>\r\n            <\/div>\r\n            <!-- Landing Page Builder -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Landing Page Builder<\/span>\r\n            <\/div>\r\n            <!-- Payments -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-credit-card\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Payments<\/span>\r\n            <\/div>\r\n            <!-- Calendar -->\r\n            <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-4 flex flex-col items-center justify-center text-center transition-all hover:-translate-y-1 hover:shadow-sm\">\r\n                <span class=\"text-brand-blue text-[22px] mb-2\"><i class=\"fa-solid fa-calendar-days\"><\/i><\/span>\r\n                <span class=\"text-[12px] font-bold text-brand-dark tracking-tight\">Calendar<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROBLEM COMPARISON SECTION -->\r\n    <section class=\"w-full bg-[#FFF5F5] py-16 sm:py-20 px-4 sm:px-6 lg:px-8 relative overflow-hidden\">\r\n        <!-- Background glow -->\r\n        <div class=\"absolute rounded-full blur-[80px] -bottom-10 -left-10 w-[250px] h-[250px] bg-red-500\/5\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto flex flex-col lg:flex-row gap-10 items-stretch justify-between relative z-10\">\r\n\r\n            <!-- Left Side: Problem Flow -->\r\n            <div class=\"lg:w-[70%] flex flex-col justify-between z-10 relative\">\r\n                <h2 class=\"text-[24px] sm:text-[28px] font-black text-brand-dark leading-tight tracking-tight mb-8\">\r\n                    Still Running Your Coaching<br>Business Like This?\r\n                <\/h2>\r\n\r\n                <!-- Wavy flow list container -->\r\n                <div class=\"relative w-full py-8 overflow-x-auto lg:overflow-x-visible custom-scrollbar\">\r\n                    <!-- SVG Wavy Connecting Line -->\r\n                    <svg class=\"absolute top-[28px] left-0 w-full min-w-[760px] h-[24px] pointer-events-none opacity-80\" viewBox=\"0 0 760 24\" fill=\"none\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M 10 12 Q 45 -4, 85 12 T 180 12 T 275 12 T 370 12 T 465 12 T 560 12 T 655 12 T 750 12\" stroke=\"#FCA5A5\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" fill=\"none\"><\/path>\r\n                    <\/svg>\r\n\r\n                    <!-- Flow Items -->\r\n                    <div class=\"flex items-center justify-between min-w-[760px] relative z-10\">\r\n                        <!-- Item 1: Excel Sheets -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-file-excel text-[18px] text-[#107C41]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Excel<br>Sheets<\/span>\r\n                        <\/div>\r\n                        <!-- Item 2: WhatsApp Chats -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-brands fa-whatsapp text-[20px] text-[#25D366]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">WhatsApp<br>Chats<\/span>\r\n                        <\/div>\r\n                        <!-- Item 3: Google Forms -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-file-signature text-[18px] text-[#724AE8]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Google<br>Forms<\/span>\r\n                        <\/div>\r\n                        <!-- Item 4: PDFs -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-file-pdf text-[18px] text-[#F40F02]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">PDFs<\/span>\r\n                        <\/div>\r\n                        <!-- Item 5: Multiple Apps -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-cubes text-[16px] text-[#4F46E5]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Multiple<br>Apps<\/span>\r\n                        <\/div>\r\n                        <!-- Item 6: Manual Diet Plans -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-apple-whole text-[18px] text-[#EA580C]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Manual Diet<br>Plans<\/span>\r\n                        <\/div>\r\n                        <!-- Item 7: Manual Workouts -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-dumbbell text-[16px] text-[#2563EB]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Manual<br>Workouts<\/span>\r\n                        <\/div>\r\n                        <!-- Item 8: Missed Follow Ups -->\r\n                        <div class=\"flex flex-col items-center w-[75px]\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-clock-rotate-left text-[17px] text-[#D97706]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Missed<br>Follow Ups<\/span>\r\n                        <\/div>\r\n                        <!-- Item 9: Lost Leads -->\r\n                        <div class=\"flex flex-col items-center w-[75px] relative\">\r\n                            <span class=\"w-10 h-10 rounded-full bg-[#FFF5F5] border border-[#FCA5A5] shadow-sm flex items-center justify-center mb-2\">\r\n                                <i class=\"fa-solid fa-user-slash text-[16px] text-[#DC2626]\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight\">Lost<br>Leads<\/span>\r\n                            \r\n                            <!-- Blue curved loop SVG arrow pointing right -->\r\n                            <div class=\"absolute -top-12 -right-4 w-20 h-16 pointer-events-none\">\r\n                                <svg class=\"w-full h-full text-brand-blue\" viewBox=\"0 0 80 64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\">\r\n                                    <path d=\"M 5 45 Q 15 20, 35 25 T 60 12 T 75 30\" stroke-linecap=\"round\"><\/path>\r\n                                    <path d=\"M 68 28 L 75 30 L 72 23\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                    <circle cx=\"5\" cy=\"45\" r=\"2\" fill=\"currentColor\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Dotted Divider Line (Desktop only) -->\r\n            <div class=\"hidden lg:block w-px border-l border-dashed border-red-200\/80 my-2\"><\/div>\r\n\r\n            <!-- Right Side: Solution Pitch -->\r\n            <div class=\"lg:w-[28%] flex flex-col justify-center text-left pl-0 lg:pl-4 z-10\">\r\n                <h4 class=\"text-[15px] font-extrabold text-brand-dark tracking-tight mb-4\">\r\n                    Then It&#8217;s Time To Upgrade.\r\n                <\/h4>\r\n                <h3 class=\"text-[26px] font-black text-brand-blue leading-tight tracking-tight\">\r\n                    One platform.<br>Everything connected.\r\n                <\/h3>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- MANAGING CHAOS SECTION -->\r\n    <!-- MANAGING CHAOS SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto\">\r\n            <!-- Header Title -->\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-[28px] sm:text-[34px] font-black text-brand-dark leading-tight tracking-tight\">\r\n                    Running a Coaching Business<br>\r\n                    Shouldn&#8217;t Feel Like <span class=\"text-brand-blue\">Managing Chaos<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Cards Grid -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-6 items-stretch\">\r\n                <!-- Card 1: Losing leads? -->\r\n                <div class=\"bg-[#FAF5FF] border border-[#E9D5FF] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <!-- User head -->\r\n                            <circle cx=\"26\" cy=\"22\" r=\"8\" \/>\r\n                            <!-- User shoulders -->\r\n                            <path d=\"M10 46c0-8 6-14 14-14h4\" \/>\r\n                            <!-- Arrow pointing to apple -->\r\n                            <path d=\"M35 37l6 6 M41 38v5h-5\" stroke-width=\"2.5\" \/>\r\n                            <!-- Apple on bottom right -->\r\n                            <path d=\"M47 43c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5z\" \/>\r\n                            <!-- Leaf on apple -->\r\n                            <path d=\"M47 43c0-3 2-4 4-4\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Losing leads?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#7C3AED]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        Capture, organise and automatically follow up every enquiry.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2: Spending hours creating meal plans? -->\r\n                <div class=\"bg-[#F0FDF4] border border-[#BBF7D0] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#16A34A\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <!-- Bowl base -->\r\n                            <path d=\"M16 34h32c0 9-7 16-16 16S16 43 16 34z\" \/>\r\n                            <!-- Bowl rim horizontal line -->\r\n                            <path d=\"M14 34h36\" \/>\r\n                            <!-- Stand under bowl -->\r\n                            <path d=\"M26 50h12\" \/>\r\n                            <!-- Plant\/Leaves growing from bowl -->\r\n                            <path d=\"M32 34v-10\" \/>\r\n                            <path d=\"M32 28c-4-4-10-2-10 4 4 0 10-2 10-4z\" \/>\r\n                            <path d=\"M32 24c4-4 10-2 10 4-4 0-10-2-10-4z\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Spending hours<br>creating meal plans?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#16A34A]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        Generate personalized nutrition plans in minutes.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3: Building workout plans manually? -->\r\n                <div class=\"bg-[#EFF6FF] border border-[#BFDBFE] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#2563EB\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M18 32h28\" \/>\r\n                            <rect x=\"12\" y=\"16\" width=\"6\" height=\"32\" rx=\"2\" \/>\r\n                            <rect x=\"6\" y=\"22\" width=\"6\" height=\"20\" rx=\"2\" \/>\r\n                            <rect x=\"46\" y=\"16\" width=\"6\" height=\"32\" rx=\"2\" \/>\r\n                            <rect x=\"52\" y=\"22\" width=\"6\" height=\"20\" rx=\"2\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Building workout<br>plans manually?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#2563EB]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        Create reusable workout templates and assign them instantly.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4: Too many apps? -->\r\n                <div class=\"bg-[#FFF7ED] border border-[#FED7AA] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#EA580C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M32 12L12 20l20 8 20-8-20-8z\" \/>\r\n                            <path d=\"M12 28l20 8 20-8\" \/>\r\n                            <path d=\"M12 20v8m40-8v8m-20 0v8\" \/>\r\n                            <path d=\"M12 36l20 8 20-8\" \/>\r\n                            <path d=\"M12 28v8m40-8v8m-20 0v8\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Too many apps?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#EA580C]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        CRM, Calendar, Forms, Payments, Website, Landing Pages, Consultations, Client App. Everything inside Altrition OS.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 5: Clients asking for updates on WhatsApp? -->\r\n                <div class=\"bg-[#ECFDF5] border border-[#A7F3D0] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#0D9488\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"18\" y=\"8\" width=\"28\" height=\"48\" rx=\"5\" \/>\r\n                            <line x1=\"28\" y1=\"48\" x2=\"36\" y2=\"48\" stroke-width=\"3\" \/>\r\n                            <line x1=\"30\" y1=\"14\" x2=\"34\" y2=\"14\" stroke-width=\"2\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Clients asking for<br>updates on WhatsApp?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#0D9488]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        Give them their own branded client portal.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 6: Difficult to scale? -->\r\n                <div class=\"bg-[#FFF1F2] border border-[#FECDD3] rounded-[24px] p-6 flex flex-col items-center text-center shadow-sm hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"mb-5 flex items-center justify-center h-16 w-16\">\r\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#DB2777\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <!-- 3 Bar Columns -->\r\n                            <rect x=\"18\" y=\"38\" width=\"6\" height=\"10\" \/>\r\n                            <rect x=\"29\" y=\"28\" width=\"6\" height=\"20\" \/>\r\n                            <rect x=\"40\" y=\"18\" width=\"6\" height=\"30\" \/>\r\n                            <!-- Rising Arrow Line -->\r\n                            <path d=\"M12 44l34-24\" \/>\r\n                            <path d=\"M38 20h8v8\" stroke-width=\"2.5\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-[15px] font-bold text-brand-dark leading-tight tracking-tight mb-3\">\r\n                        Difficult to scale?\r\n                    <\/h3>\r\n                    <div class=\"w-8 h-[2px] bg-[#DB2777]\/60 rounded mb-4\"><\/div>\r\n                    <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed mt-auto\">\r\n                        Automate onboarding, reminders and client journeys.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- GROW YOUR COACHING BUSINESS (FEATURES GRID) SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto\">\r\n            <!-- Section Header -->\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-[28px] sm:text-[34px] font-black text-brand-dark leading-tight tracking-tight\">\r\n                    Everything You Need To <span class=\"text-brand-blue\">Grow Your Coaching Business<\/span>\r\n                <\/h2>\r\n                <div class=\"w-12 h-1 bg-brand-blue mx-auto mt-4 rounded\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Features Grid (4 Columns Desktop, 2 Columns Tablet, 1 Column Mobile) -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                <!-- Feature 1: Lead Management CRM -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#EEF2FF] text-[#4F46E5]\">\r\n                        <i class=\"fa-solid fa-users-rectangle text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Lead Management CRM<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Never lose a prospect again.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 2: Client Management -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#ECFDF5] text-[#059669]\">\r\n                        <i class=\"fa-solid fa-user-check text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Client Management<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Complete client health history in one place.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 3: Smart Intake Forms -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#EFF6FF] text-[#2563EB]\">\r\n                        <i class=\"fa-solid fa-clipboard-list text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Smart Intake Forms<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Collect client information automatically.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 4: Coach Brief -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#F0FDF4] text-[#16A34A]\">\r\n                        <i class=\"fa-solid fa-file-invoice text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Coach Brief<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">AI summarizes every client before consultations.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 5: Workout Builder -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FAF5FF] text-[#7C3AED]\">\r\n                        <i class=\"fa-solid fa-dumbbell text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Workout Builder<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Drag-and-drop workout planner.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 6: Meal Plan Builder -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#F0FDF4] text-[#16A34A]\">\r\n                        <i class=\"fa-solid fa-bowl-food text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Meal Plan Builder<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Build personalized meal plans in minutes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 7: Health Plans -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FFF7ED] text-[#EA580C]\">\r\n                        <i class=\"fa-solid fa-heart-pulse text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Health Plans<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Combine workouts, meals and habits together.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 8: Calendar & Scheduling -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FAF5FF] text-[#7C3AED]\">\r\n                        <i class=\"fa-solid fa-calendar-days text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Calendar &#038; Scheduling<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Bookings made easy.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 9: Consultation Workspace -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FFF1F2] text-[#E11D48]\">\r\n                        <i class=\"fa-solid fa-comments text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Consultation Workspace<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Everything you need during live coaching.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 10: Website Builder -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#EFF6FF] text-[#2563EB]\">\r\n                        <i class=\"fa-solid fa-globe text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Website Builder<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Launch your professional coaching website.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 11: Landing Page Builder -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FFF1F2] text-[#E11D48]\">\r\n                        <i class=\"fa-solid fa-laptop-code text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Landing Page Builder<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Create high converting landing pages.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 12: Email & WhatsApp Automation -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#F0FDFA] text-[#0D9488]\">\r\n                        <i class=\"fa-solid fa-paper-plane text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Email &#038; WhatsApp Automation<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Follow up without lifting a finger.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 13: Invoices & Payments -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#F0FDFA] text-[#0D9488]\">\r\n                        <i class=\"fa-solid fa-credit-card text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Invoices &#038; Payments<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Professional billing made simple.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 14: Reports -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FAF5FF] text-[#7C3AED]\">\r\n                        <i class=\"fa-solid fa-chart-line text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Reports<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Track progress, clients and business growth.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 15: Branded Client App -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#EFF6FF] text-[#2563EB]\">\r\n                        <i class=\"fa-solid fa-mobile-screen-button text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">Branded Client App<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Your own fitness app for your clients.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 16: White Label -->\r\n                <div class=\"bg-[#f1f1f1] border border-[#d9d9d9] rounded-2xl p-5 flex items-start gap-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-sm\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center shrink-0 bg-[#FFF1F2] text-[#E11D48]\">\r\n                        <i class=\"fa-solid fa-shield-halved text-xl\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h3 class=\"text-[15px] font-bold text-brand-dark mb-1\">White Label<\/h3>\r\n                        <p class=\"text-[12.5px] text-brand-gray font-medium leading-relaxed\">Launch under your own brand.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- MEET YOUR AI COACHING ASSISTANT SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto bg-gradient-to-r from-[#0005B3] to-[#000ED6] rounded-[32px] p-8 sm:p-12 lg:p-16 text-white flex flex-col lg:flex-row items-center justify-between gap-12 relative overflow-hidden shadow-xl\">\r\n            <!-- Background glows -->\r\n            <div class=\"absolute rounded-full blur-[100px] top-1\/2 left-1\/4 w-[300px] h-[300px] bg-[#00FFD1]\/5 pointer-events-none\"><\/div>\r\n            \r\n            <!-- Left Column: Title and CTA -->\r\n            <div class=\"lg:w-[38%] flex flex-col items-start text-left z-10\">\r\n                <!-- Sparkle Badge -->\r\n                <span class=\"inline-flex items-center gap-1.5 border border-white\/20 bg-white\/10 rounded-full px-3.5 py-1 text-[11px] font-bold text-white tracking-wider uppercase mb-6\">\r\n                    <i class=\"fa-solid fa-wand-magic-sparkles text-[10px] text-[#00E5FF]\"><\/i> AI POWERED COACHING\r\n                <\/span>\r\n                \r\n                <h2 class=\"text-[34px] sm:text-[42px] font-black leading-tight tracking-tight mb-4\">\r\n                    Meet Your AI<br>\r\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#00F0FF] to-[#00FFD1]\">Coaching Assistant<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"text-[15px] text-white\/80 font-medium mb-8 leading-relaxed max-w-sm\">\r\n                    Stop wasting hours doing repetitive work.\r\n                <\/p>\r\n                \r\n                <a href=\"#\" class=\"bg-white text-[#0005B3] hover:bg-white\/95 px-6 py-3.5 rounded-full inline-flex items-center gap-2.5 font-bold transition-all shadow-[0_8px_24px_rgba(255,255,255,0.15)] text-[14px]\">\r\n                    <i class=\"fa-solid fa-circle-play text-[16px] text-[#0005B3]\"><\/i> See AI in Action\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Middle Column: Grid of AI capabilities -->\r\n            <div class=\"lg:w-[40%] grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-6 z-10\">\r\n                <!-- Col 1 -->\r\n                <div class=\"flex flex-col gap-6\">\r\n                    <!-- Capability 1 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-dumbbell text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Create Workout Plans<\/h4>\r\n                            <p class=\"text-[11.5px] text-white\/60 font-medium mt-0.5\">in seconds<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Capability 2 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-bowl-food text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Suggest Meal Plans<\/h4>\r\n                            <p class=\"text-[11.5px] text-white\/60 font-medium mt-0.5\">based on goals<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Capability 3 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-file-contract text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Summarize Clients<\/h4>\r\n                            <p class=\"text-[11.5px] text-white\/60 font-medium mt-0.5\">instantly<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Capability 4 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-calendar-check text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Generate Consultation Notes<\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Col 2 -->\r\n                <div class=\"flex flex-col gap-6\">\r\n                    <!-- Capability 5 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-heart-pulse text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Recommend Health Plans<\/h4>\r\n                            <p class=\"text-[11.5px] text-white\/60 font-medium mt-0.5\">personalized<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Capability 6 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-paper-plane text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Generate Follow-up Messages<\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Capability 7 -->\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <span class=\"w-10 h-10 rounded-full border border-white\/20 flex items-center justify-center shrink-0 text-white bg-white\/5\">\r\n                            <i class=\"fa-solid fa-chart-line text-[15px]\"><\/i>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[13.5px] font-bold text-white leading-tight\">Build Intake Summaries<\/h4>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: 3D Robot Image -->\r\n            <div class=\"lg:w-[22%] flex justify-center relative z-10 mt-8 lg:mt-0\">\r\n                <!-- Circular auric backgrounds -->\r\n                <div class=\"absolute w-[240px] h-[240px] rounded-full border border-white\/10 animate-pulse scale-105 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\r\n                <div class=\"absolute w-[180px] h-[180px] rounded-full border border-white\/5 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\r\n                \r\n                <img decoding=\"async\" src=\"ai_coaching_robot.png\" alt=\"AI Coaching Robot\" class=\"h-64 w-auto object-contain relative z-10 animate-float\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<!-- BUILT FOR EVERY TYPE OF COACH SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto\">\r\n            <!-- Section Header -->\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-[28px] sm:text-[34px] font-black text-brand-dark leading-tight tracking-tight mb-4\">\r\n                    Built For <span class=\"text-brand-blue\">Every Type Of Coach<\/span>\r\n                <\/h2>\r\n                <p class=\"text-[15px] text-brand-gray font-medium max-w-2xl mx-auto leading-relaxed\">\r\n                    Altrition OS is designed for coaches, trainers and wellness professionals across every niche and\r\n                    specialization.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Grid of 12 Coaches (4 Columns Desktop, 2 Columns Tablet, 1 Column Mobile) -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n\r\n                <!-- Coach 1: Nutrition Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#F3E8FF] text-[#9333EA]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M12 2a10 10 0 0 0-10 10c0 5.5 4.5 10 10 10s10-4.5 10-10H12V2z\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Nutrition Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/nutrition_coach.png\" alt=\"Nutrition Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 2: Personal Trainers -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#E0F2FE] text-[#0369A1]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" \/>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Personal Trainers<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/personal_trainer.png\" alt=\"Personal Trainer\"\r\n                            class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 3: Online Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#FFE4E6] text-[#E11D48]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\" \/>\r\n                                <path d=\"M2 20h20M12 16v4\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Online Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/online_coach.png\" alt=\"Online Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 4: Fitness Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#FEF3C7] text-[#D97706]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M6 20h12M12 4v16M8 8l4-4 4 4\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Fitness Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/health_and_fitness_coach.png\" alt=\"Fitness Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 5: Physical Therapist -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#DCFCE7] text-[#15803D]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Physical Therapists<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/physical_therapist.png\" alt=\"Physical Therapists\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 6: Strength Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#E0F2FE] text-[#0284C7]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <circle cx=\"6\" cy=\"12\" r=\"3\" \/>\r\n                                <circle cx=\"18\" cy=\"12\" r=\"3\" \/>\r\n                                <path d=\"M9 12h6\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Strength Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/strength_coach.png\" alt=\"Strength Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 7: Yoga Trainers -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#E0F2FE] text-[#06B6D4]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Yoga Trainers<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/yoga_trainer.png\" alt=\"Yoga Trainer\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 8: Wellness Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#FCE7F3] text-[#DB2777]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path\r\n                                    d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Wellness Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/wellness_mentor.png\" alt=\"Wellness Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 9: Lifestyle Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#FFEDD5] text-[#EA580C]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M9 11l3 3L22 4M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Lifestyle Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/life_and_health_coach.png\" alt=\"Lifestyle Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 10: Corporate Wellness Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#DBEAFE] text-[#2563EB]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" \/>\r\n                                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Corporate Wellness Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-9-7 w-full mt-0 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/corporate_wellness_coach.png\" alt=\"Corporate Wellness Coach\"\r\n                            class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 11: Holistic Coaches -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#D1FAE5] text-[#059669]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M12 3a9 9 0 0 0-9 9c0 5 9 9 9 9s9-4 9-9a9 9 0 0 0-9-9z\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Mindful Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-44 w-full mt-4 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/mindfulness_coach.png\" alt=\"Mindful Coach\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coach 12: Health Clinics -->\r\n                <div\r\n                    class=\"bg-white border border-[#d9d9d9] rounded-[24px] p-6 flex flex-col justify-between hover:shadow-md transition-all duration-300\">\r\n                    <div class=\"flex items-center gap-3.5 mb-2\">\r\n                        <span\r\n                            class=\"w-10 h-10 rounded-full flex items-center justify-center shrink-0 bg-[#E0F2FE] text-[#6366F1]\">\r\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <h3 class=\"text-[15.5px] font-bold text-brand-dark\">Performance Coaches<\/h3>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center items-end h-44 w-full mt-4 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.altritionos.com\/wp-content\/uploads\/2026\/08\/performance_coach.png\" alt=\"Performance Coaches\" class=\"h-40 w-auto object-contain\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- WHY COACHES SWITCH TO ALTRITION OS SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"max-w-7xl mx-auto flex flex-col lg:flex-row items-stretch justify-between gap-8\">\r\n\r\n            <!-- Left Column: Section Title -->\r\n            <div class=\"lg:w-[20%] flex flex-col justify-center text-left\">\r\n                <h2 class=\"text-[34px] sm:text-[40px] font-black text-brand-dark leading-[1.1] tracking-tight\">\r\n                    Why Coaches<br>\r\n                    Switch To<br>\r\n                    <span class=\"text-brand-blue\">Altrition OS<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Middle Column: Comparison Table -->\r\n            <div\r\n                class=\"w-full lg:w-[35%] bg-white border border-[#E5E7EB] rounded-2xl shadow-sm overflow-hidden z-10 flex flex-col justify-between\">\r\n                <div>\r\n                    <!-- Table Header -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] font-bold text-[12px] uppercase tracking-wider bg-[#FAFBFD] items-center\">\r\n                        <div class=\"py-4 text-brand-gray border-r border-[#F0F2F6] pl-5 text-left\">Features<\/div>\r\n                        <div class=\"py-4 text-brand-gray border-r border-[#F0F2F6] text-center\">Others<\/div>\r\n                        <div\r\n                            class=\"py-4 text-white bg-brand-blue flex items-center gap-1.5 shadow-sm pl-5 h-full text-left\">\r\n                            Altrition OS <i class=\"fa-solid fa-triangle text-[8px] rotate-180\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Rows -->\r\n                    <!-- Row 1: Multiple Apps -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Multiple Apps<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> One Platform\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 2: Manual Planning -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Manual Planning<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> AI Assisted\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 3: Generic Client Portal -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Generic Client Portal\r\n                        <\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> Branded App\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 4: Excel Tracking -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Excel Tracking<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> Smart CRM\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 5: No Website -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">No Website<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> Website Included\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 6: No Landing Pages -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">No Landing Pages<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> Built In\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 7: Limited Branding -->\r\n                    <div\r\n                        class=\"grid grid-cols-3 border-b border-[#F0F2F6] items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Limited Branding<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> White Label\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- Row 8: Expensive Addons -->\r\n                    <div class=\"grid grid-cols-3 items-center text-[13px] font-semibold text-brand-dark\">\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] pl-5 text-left\">Expensive Addons<\/div>\r\n                        <div class=\"py-3.5 bg-white border-r border-[#F0F2F6] text-[#EF4444] text-center\"><i\r\n                                class=\"fa-solid fa-xmark text-lg\"><\/i><\/div>\r\n                        <div\r\n                            class=\"py-3.5 bg-brand-lightBlue\/30 text-brand-blue flex items-center gap-1.5 pl-5 text-left\">\r\n                            <i class=\"fa-solid fa-circle-check text-[15px] text-[#10B981]\"><\/i> Everything Included\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Grow Faster. Work Less. Process Flow -->\r\n            <div\r\n                class=\"w-full lg:w-[45%] bg-[#F8F9FC] border border-[#E5E7EB] rounded-3xl p-8 sm:p-10 flex flex-col justify-center shadow-sm\">\r\n                <h3 class=\"text-[22px] font-black text-brand-dark mb-12 leading-tight\">\r\n                    Grow Faster. <span class=\"text-brand-blue\">Work Less.<\/span>\r\n                <\/h3>\r\n\r\n                <div class=\"flex items-center justify-between w-full gap-2\">\r\n                    <!-- Step 1: More Leads -->\r\n                    <div class=\"flex flex-col items-center flex-1\">\r\n                        <div\r\n                            class=\"w-14 h-14 rounded-full bg-[#EFF6FF] border border-[#BFDBFE] text-brand-blue flex items-center justify-center shadow-sm\">\r\n                            <i class=\"fa-solid fa-user-group text-[18px]\"><\/i>\r\n                        <\/div>\r\n                        <span\r\n                            class=\"text-[11px] font-bold text-brand-dark text-center leading-tight mt-3\">More<br>Leads<\/span>\r\n                    <\/div>\r\n\r\n                    <i class=\"fa-solid fa-arrow-right text-brand-gray\/30 text-[12px] shrink-0 mb-6\"><\/i>\r\n\r\n                    <!-- Step 2: Higher Conversions -->\r\n                    <div class=\"flex flex-col items-center flex-1\">\r\n                        <div\r\n                            class=\"w-14 h-14 rounded-full bg-[#EFF6FF] border border-[#BFDBFE] text-brand-blue flex items-center justify-center shadow-sm\">\r\n                            <i class=\"fa-solid fa-file-contract text-[18px]\"><\/i>\r\n                        <\/div>\r\n                        <span\r\n                            class=\"text-[11px] font-bold text-brand-dark text-center leading-tight mt-3\">Higher<br>Conversions<\/span>\r\n                    <\/div>\r\n\r\n                    <i class=\"fa-solid fa-arrow-right text-brand-gray\/30 text-[12px] shrink-0 mb-6\"><\/i>\r\n\r\n                    <!-- Step 3: Better Client Experience -->\r\n                    <div class=\"flex flex-col items-center flex-1\">\r\n                        <div\r\n                            class=\"w-14 h-14 rounded-full bg-[#EFF6FF] border border-[#BFDBFE] text-brand-blue flex items-center justify-center shadow-sm\">\r\n                            <i class=\"fa-solid fa-face-smile text-[18px]\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"text-[11px] font-bold text-brand-dark text-center leading-tight mt-3\">Better\r\n                            Client<br>Experience<\/span>\r\n                    <\/div>\r\n\r\n                    <i class=\"fa-solid fa-arrow-right text-brand-gray\/30 text-[12px] shrink-0 mb-6\"><\/i>\r\n\r\n                    <!-- Step 4: More Referrals -->\r\n                    <div class=\"flex flex-col items-center flex-1\">\r\n                        <div\r\n                            class=\"w-14 h-14 rounded-full bg-[#EFF6FF] border border-[#BFDBFE] text-brand-blue flex items-center justify-center shadow-sm\">\r\n                            <i class=\"fa-solid fa-crosshairs text-[18px]\"><\/i>\r\n                        <\/div>\r\n                        <span\r\n                            class=\"text-[11px] font-bold text-brand-dark text-center leading-tight mt-3\">More<br>Referrals<\/span>\r\n                    <\/div>\r\n\r\n                    <i class=\"fa-solid fa-arrow-right text-brand-gray\/30 text-[12px] shrink-0 mb-6\"><\/i>\r\n\r\n                    <!-- Step 5: Recurring Revenue -->\r\n                    <div class=\"flex flex-col items-center flex-1\">\r\n                        <div\r\n                            class=\"w-14 h-14 rounded-full bg-brand-blue text-white flex items-center justify-center shadow-md\">\r\n                            <i class=\"fa-solid fa-dollar-sign text-[20px]\"><\/i>\r\n                        <\/div>\r\n                        <span\r\n                            class=\"text-[11px] font-bold text-brand-dark text-center leading-tight mt-3\">Recurring<br>Revenue<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<!-- TESTIMONIALS SECTION -->\r\n    <section class=\"w-full bg-[#F8F9FC] py-16 sm:py-20 px-4 sm:px-6 lg:px-8 border-t border-[#F0F2F6]\">\r\n        <div class=\"max-w-7xl mx-auto\">\r\n            <!-- Header -->\r\n            <div class=\"text-center mb-12 sm:mb-16\">\r\n                <h2 class=\"text-[30px] sm:text-[36px] font-black text-brand-dark tracking-tight\">\r\n                    Loved by <span class=\"text-brand-blue\">Coaches<\/span>. Trusted by Thousands.\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Testimonials Grid -->\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n\r\n                <!-- Testimonial 1 -->\r\n                <div\r\n                    class=\"bg-white border border-[#E5E7EB] rounded-[24px] p-6 sm:p-8 flex gap-5 hover:shadow-md transition-all duration-300\">\r\n                    <img decoding=\"async\" src=\"avatar_neha.png\"\r\n                        class=\"w-16 h-16 rounded-full object-cover shrink-0 border border-[#E5E7EB]\" alt=\"Neha Kapoor\">\r\n                    <div class=\"flex flex-col justify-between flex-grow\">\r\n                        <p class=\"text-[13.5px] text-brand-dark italic font-medium leading-relaxed mb-6\">\r\n                            &#8220;Altrition OS has completely transformed how I run my coaching business. Everything is now\r\n                            in one place and my clients love the app!&#8221;\r\n                        <\/p>\r\n                        <div class=\"flex items-end justify-between mt-auto\">\r\n                            <div>\r\n                                <h4 class=\"text-[14px] font-bold text-brand-dark\">Neha Kapoor<\/h4>\r\n                                <p class=\"text-[11.5px] text-brand-gray font-semibold\">Nutrition Coach<\/p>\r\n                            <\/div>\r\n                            <div class=\"flex gap-0.5 text-[#FBBF24] text-[11px] pb-1\">\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 2 -->\r\n                <div\r\n                    class=\"bg-white border border-[#E5E7EB] rounded-[24px] p-6 sm:p-8 flex gap-5 hover:shadow-md transition-all duration-300\">\r\n                    <img decoding=\"async\" src=\"avatar_arjun.png\"\r\n                        class=\"w-16 h-16 rounded-full object-cover shrink-0 border border-[#E5E7EB]\" alt=\"Arjun Verma\">\r\n                    <div class=\"flex flex-col justify-between flex-grow\">\r\n                        <p class=\"text-[13.5px] text-brand-dark italic font-medium leading-relaxed mb-6\">\r\n                            &#8220;Creating workout and meal plans is so fast now. The AI coach brief before every\r\n                            consultation is a game changer!&#8221;\r\n                        <\/p>\r\n                        <div class=\"flex items-end justify-between mt-auto\">\r\n                            <div>\r\n                                <h4 class=\"text-[14px] font-bold text-brand-dark\">Arjun Verma<\/h4>\r\n                                <p class=\"text-[11.5px] text-brand-gray font-semibold\">Fitness Coach<\/p>\r\n                            <\/div>\r\n                            <div class=\"flex gap-0.5 text-[#FBBF24] text-[11px] pb-1\">\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Testimonial 3 -->\r\n                <div\r\n                    class=\"bg-white border border-[#E5E7EB] rounded-[24px] p-6 sm:p-8 flex gap-5 hover:shadow-md transition-all duration-300\">\r\n                    <img decoding=\"async\" src=\"avatar_rohit.png\"\r\n                        class=\"w-16 h-16 rounded-full object-cover shrink-0 border border-[#E5E7EB]\" alt=\"Rohit Mohta\">\r\n                    <div class=\"flex flex-col justify-between flex-grow\">\r\n                        <p class=\"text-[13.5px] text-brand-dark italic font-medium leading-relaxed mb-6\">\r\n                            &#8220;We replaced 6 different tools with Altrition OS. Our team is more productive and our\r\n                            revenue has increased.&#8221;\r\n                        <\/p>\r\n                        <div class=\"flex items-end justify-between mt-auto\">\r\n                            <div>\r\n                                <h4 class=\"text-[14px] font-bold text-brand-dark\">Rohit Mohta<\/h4>\r\n                                <p class=\"text-[11.5px] text-brand-gray font-semibold\">Gym Owner<\/p>\r\n                            <\/div>\r\n                            <div class=\"flex gap-0.5 text-[#FBBF24] text-[11px] pb-1\">\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                                <i class=\"fa-solid fa-star\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section> <!-- FAQ & CTA MOCKUP SECTION -->\r\n    <section class=\"w-full bg-[#FFFDFE] py-16 sm:py-20 px-4 sm:px-6 lg:px-8 border-t border-[#F0F2F6]\">\r\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-8 items-stretch\">\r\n\r\n            <!-- LEFT COLUMN: FAQ Accordion -->\r\n            <div class=\"lg:col-span-6 bg-white border border-[#E5E7EB] rounded-[32px] p-6 sm:p-8 shadow-sm\">\r\n                <h2 class=\"text-[26px] sm:text-[28px] font-black text-brand-dark tracking-tight mb-8\">\r\n                    Frequently Asked Questions\r\n                <\/h2>\r\n\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                    <!-- Column 1 FAQs -->\r\n                    <div class=\"flex flex-col gap-4\">\r\n                        <!-- Q1 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">What is Altrition OS?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Altrition OS is the all-in-one operating system designed specifically for health,\r\n                                    fitness, and wellness coaches to manage clients, diets, workouts, and payments.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q2 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Who is Altrition OS for?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    It is built for personal trainers, nutritionists, online fitness coaches, gym\r\n                                    owners, holistic practitioners, and wellness clinics looking to scale.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q3 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Can I create workout plans?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Yes, the platform includes a dynamic drag-and-drop workout builder with exercises,\r\n                                    videos, rest periods, and sets tracking.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q4 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Can I create meal plans?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Absolutely. You can generate custom meal plans, set daily macro-nutrient targets,\r\n                                    and add habit tracking rules.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Column 2 FAQs -->\r\n                    <div class=\"flex flex-col gap-4\">\r\n                        <!-- Q5 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Does it include CRM?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Yes, a robust client relationship manager helps you track leads, manage follow-ups,\r\n                                    organize notes, and log client history.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q6 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Can clients use a mobile app?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Yes, your clients get access to a mobile-friendly portal to log workouts, meal\r\n                                    plans, and communicate with you directly.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q7 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Can I use my own branding?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Yes, we offer white-label options to showcase your coaching logo, colors, and\r\n                                    customize the portal experience under your domain.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Q8 -->\r\n                        <div class=\"faq-item border border-[#d3d3d3] rounded-[10px] p-5 bg-white cursor-pointer transition-all duration-300 hover:border-brand-blue\/30 shadow-sm hover:shadow-md\"\r\n                            onclick=\"toggleFaq(this)\">\r\n                            <div class=\"flex items-center justify-between font-bold text-[14px] text-brand-dark gap-2\">\r\n                                <span class=\"tracking-tight\">Is there a free trial?<\/span>\r\n                                <span\r\n                                    class=\"faq-icon text-[18px] font-normal text-brand-gray\/60 transition-transform duration-300\">+<\/span>\r\n                            <\/div>\r\n                            <div class=\"faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out\">\r\n                                <p class=\"text-[12.5px] text-brand-gray mt-3.5 leading-relaxed font-medium\">\r\n                                    Yes! We offer a 14-day free trial with full access to all features so you can test\r\n                                    and build your setup risk-free.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> <!-- RIGHT COLUMN: CTA Card & App Screens Mockup -->\r\n            <div\r\n                class=\"lg:col-span-6 bg-gradient-to-br from-[#F5F8FF] to-[#EFF4FF] border border-[#E0E7FF] rounded-[32px] p-8 sm:p-12 flex flex-col lg:flex-row justify-between items-center overflow-hidden relative shadow-sm min-h-[460px] gap-6\">\r\n                <!-- Left Text Content -->\r\n                <div class=\"w-full lg:w-[65%] flex flex-col justify-center relative z-10 text-left\">\r\n                    <h2\r\n                        class=\"text-[30px] sm:text-[34px] font-black text-brand-dark leading-[1.15] tracking-tight mb-4\">\r\n                        Ready To Build A <span class=\"text-brand-blue\">Coaching<\/span> Business That Runs Itself?\r\n                    <\/h2>\r\n                    <p class=\"text-[14px] text-brand-gray font-medium leading-relaxed mb-8 w-[85%]\">\r\n                        Join thousands of coaches replacing spreadsheets and disconnected tools with one powerful\r\n                        operating system.\r\n                    <\/p>\r\n\r\n                    <div class=\"flex flex-wrap items-center gap-3\">\r\n                        <a href=\"#\"\r\n                            class=\"inline-flex items-center justify-center gap-2 bg-brand-blue hover:bg-brand-blue\/95 text-white px-6 py-3.5 rounded-xl text-[14px] font-bold transition-all shadow-[0_6px_16px_rgba(6,0,204,0.2)]\">\r\n                            <i class=\"fa-solid fa-rocket text-[12px]\"><\/i> Start Free Trial\r\n                        <\/a>\r\n                        <a href=\"#\"\r\n                            class=\"inline-flex items-center justify-center gap-2 bg-white hover:bg-[#F8F9FC] text-brand-blue border border-brand-blue\/20 hover:border-brand-blue\/40 px-6 py-3.5 rounded-xl text-[14px] font-bold transition-all\">\r\n                            <i class=\"fa-solid fa-calendar-days text-[12px]\"><\/i> Book a Demo\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Overlapping App Mockup Image -->\r\n                <div\r\n                    class=\"absolute right-[-40px] top-0 h-full w-[45%] hidden lg:flex items-center select-none pointer-events-none z-0\">\r\n                    <img decoding=\"async\" src=\"app_mockup.png\" alt=\"Altrition OS App screens mockup\"\r\n                        class=\"w-full h-auto object-contain scale-110 translate-y-6\" \/>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>","protected":false},"excerpt":{"rendered":"The Operating System for Modern Health Coaches The Operating System for Modern Health &#038; Fitness Coaches Stop juggling spreadsheets, WhatsApp, Google Forms, PDFs and multiple apps. Manage leads, clients, workout plans, meal plans, consultations, payments and your branded client app \u2014 all from one platform. Start Free Trial Book a Demo Trusted by Health Coaches, [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":10,"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/www.altritionos.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}