{"id":76,"date":"2026-05-01T13:54:25","date_gmt":"2026-05-01T13:54:25","guid":{"rendered":"http:\/\/ai.dalil.ca\/?page_id=76"},"modified":"2026-05-02T02:29:30","modified_gmt":"2026-05-02T02:29:30","slug":"with-tradeflow-ai-never-loose-a-customer-again","status":"publish","type":"page","link":"https:\/\/ai.dalil.ca\/","title":{"rendered":"With Tradeflow AI Never Loose A Customer Again"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>TradeFlow AI | AI-Powered Customer Engagement<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background: #ffffff;\n            color: #111827;\n            line-height: 1.5;\n            scroll-behavior: smooth;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* Header *\/\n        .navbar {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 0;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            cursor: pointer;\n        }\n        .logo-image {\n            height: 40px;\n            width: auto;\n            display: block;\n        }\n        .logo-text {\n            font-weight: 800;\n            font-size: 1.6rem;\n            background: linear-gradient(135deg, #1e3a8a, #0891b2);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n        }\n        .nav-links {\n            display: flex;\n            gap: 32px;\n            align-items: center;\n        }\n        .nav-links a {\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 1rem;\n            color: #374151;\n            transition: 0.2s;\n            cursor: pointer;\n        }\n        .nav-links a:hover {\n            color: #2563eb;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            padding: 40px 0 16px;\n            text-align: center;\n        }\n        .hero-badge {\n            background: #e0f2fe;\n            color: #0284c7;\n            display: inline-block;\n            padding: 6px 14px;\n            border-radius: 30px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n        }\n        .hero h1 {\n            font-size: 3.5rem;\n            font-weight: 800;\n            line-height: 1.2;\n            letter-spacing: -0.02em;\n            background: linear-gradient(135deg, #0f172a, #2563eb);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            margin-bottom: 16px;\n        }\n        .hero-subhead {\n            font-size: 1.3rem;\n            color: #4b5563;\n            max-width: 700px;\n            margin: 0 auto 12px;\n        }\n        .cta-group {\n            display: flex;\n            justify-content: center;\n            gap: 16px;\n            flex-wrap: wrap;\n            margin-top: 8px;\n        }\n        .btn-primary {\n            background: linear-gradient(95deg, #2563eb, #06b6d4);\n            border: none;\n            padding: 14px 32px;\n            border-radius: 60px;\n            font-weight: 700;\n            font-size: 1rem;\n            color: white;\n            cursor: pointer;\n            transition: 0.2s;\n            box-shadow: 0 8px 18px -6px #2563eb80;\n        }\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 14px 26px -10px #2563ebb3;\n        }\n        .btn-secondary {\n            background: white;\n            border: 1.5px solid #2563eb;\n            padding: 14px 32px;\n            border-radius: 60px;\n            font-weight: 700;\n            font-size: 1rem;\n            color: #2563eb;\n            cursor: pointer;\n            transition: 0.2s;\n        }\n        .btn-secondary:hover {\n            background: #f0f9ff;\n        }\n\n        \/* Problem Section *\/\n        .problem-section {\n            background: #f8fafc;\n            border-radius: 40px;\n            padding: 32px 32px;\n            margin: 24px 0 40px 0;\n            text-align: center;\n        }\n        .problem-title {\n            font-size: 1.7rem;\n            font-weight: 700;\n            margin-bottom: 28px;\n        }\n        .problem-grid {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 28px;\n        }\n        .problem-card {\n            background: white;\n            padding: 22px 20px;\n            border-radius: 22px;\n            flex: 1;\n            min-width: 170px;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n            border: 1px solid #e2e8f0;\n        }\n        .problem-card .emoji {\n            font-size: 2rem;\n            margin-bottom: 10px;\n        }\n        .problem-card h4 {\n            font-weight: 700;\n            margin-bottom: 6px;\n            font-size: 1rem;\n        }\n        .problem-card p {\n            color: #64748b;\n            font-size: 0.9rem;\n        }\n\n        \/* 24\/7 Assistant *\/\n        .assistant-section {\n            margin: 40px 0;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 40px;\n            background: linear-gradient(120deg, #f1f5f9, #ffffff);\n            border-radius: 40px;\n            padding: 36px 40px;\n        }\n        .assistant-content {\n            flex: 1;\n        }\n        .assistant-content h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            margin-bottom: 18px;\n        }\n        .feature-list {\n            list-style: none;\n            margin: 20px 0;\n        }\n        .feature-list li {\n            margin-bottom: 12px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 1rem;\n        }\n        .feature-list li::before {\n            content: \"\u2713\";\n            background: #2563eb;\n            color: white;\n            width: 22px;\n            height: 22px;\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n        }\n        .assistant-image {\n            flex: 0.8;\n            background: #0f172a;\n            border-radius: 28px;\n            padding: 28px;\n            color: white;\n        }\n        .chat-bubble {\n            background: #1e293b;\n            border-radius: 18px;\n            padding: 14px;\n            margin-bottom: 12px;\n            font-size: 0.95rem;\n        }\n\n        \/* How It Works *\/\n        .how-it-works {\n            text-align: center;\n            margin: 40px 0;\n        }\n        .how-it-works h2 {\n            font-size: 2rem;\n            font-weight: 800;\n        }\n        .steps {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 28px;\n            margin-top: 32px;\n        }\n        .step {\n            background: white;\n            border-radius: 28px;\n            padding: 26px 22px;\n            flex: 1;\n            min-width: 190px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n            border: 1px solid #eef2ff;\n        }\n        .step-number {\n            width: 48px;\n            height: 48px;\n            background: #2563eb;\n            color: white;\n            border-radius: 60px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 1.5rem;\n            margin-bottom: 16px;\n        }\n        .step h3 {\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            font-weight: 700;\n        }\n        .step p {\n            font-size: 0.95rem;\n            color: #4b5563;\n        }\n\n        \/* Pricing *\/\n        .pricing-section {\n            margin: 50px 0;\n        }\n        .pricing-section h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            text-align: center;\n            margin-bottom: 8px;\n        }\n        .pricing-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 24px;\n            justify-content: center;\n            margin-top: 32px;\n        }\n        .pricing-card {\n            background: white;\n            border-radius: 32px;\n            padding: 32px 28px;\n            flex: 1;\n            min-width: 240px;\n            border: 1px solid #e2e8f0;\n            transition: 0.2s;\n        }\n        .pricing-card:hover {\n            transform: translateY(-4px);\n            border-color: #2563eb40;\n            box-shadow: 0 20px 30px -12px rgba(37,99,235,0.12);\n        }\n        .popular {\n            border: 2px solid #2563eb;\n            position: relative;\n        }\n        .popular-badge {\n            position: absolute;\n            top: -12px;\n            right: 24px;\n            background: #2563eb;\n            color: white;\n            padding: 5px 16px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n        }\n        .plan-name {\n            font-size: 1.6rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n        .price {\n            font-size: 2.6rem;\n            font-weight: 800;\n            color: #0f172a;\n            margin: 16px 0 10px;\n        }\n        .price span {\n            font-size: 1rem;\n            font-weight: 500;\n            color: #64748b;\n        }\n        .features-plan {\n            list-style: none;\n            margin: 24px 0;\n        }\n        .features-plan li {\n            padding: 10px 0;\n            border-bottom: 1px solid #f1f5f9;\n            font-size: 0.95rem;\n            font-weight: 500;\n        }\n        .btn-plan {\n            width: 100%;\n            background: #f1f5f9;\n            border: none;\n            padding: 14px;\n            border-radius: 60px;\n            font-weight: 700;\n            font-size: 0.95rem;\n            cursor: pointer;\n            margin-top: 16px;\n            transition: 0.2s;\n        }\n        .btn-plan-primary {\n            background: #2563eb;\n            color: white;\n        }\n        .btn-plan-primary:hover {\n            background: #1d4ed8;\n        }\n\n        \/* FAQ *\/\n        .faq-section {\n            background: #f8fafc;\n            border-radius: 40px;\n            padding: 36px 40px;\n            margin: 40px 0;\n        }\n        .faq-section h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            text-align: center;\n        }\n        .faq-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n            max-width: 700px;\n            margin: 28px auto 0;\n        }\n        .faq-item {\n            background: white;\n            border-radius: 20px;\n            padding: 20px 24px;\n        }\n        .faq-question {\n            font-weight: 800;\n            font-size: 1.1rem;\n        }\n        .faq-answer {\n            color: #475569;\n            margin-top: 8px;\n            font-size: 0.95rem;\n        }\n\n        \/* Footer CTA *\/\n        .final-cta {\n            background: linear-gradient(105deg, #0f172a, #1e3a8a);\n            border-radius: 40px;\n            padding: 44px 36px;\n            text-align: center;\n            color: white;\n            margin: 40px 0;\n        }\n        .final-cta h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            margin-bottom: 14px;\n        }\n        .final-cta p {\n            margin-bottom: 16px;\n            font-size: 1rem;\n        }\n        .final-cta .btn-primary {\n            background: white;\n            color: #1e3a8a;\n            box-shadow: none;\n            margin-top: 8px;\n        }\n\n        footer {\n            text-align: center;\n            padding: 28px 0;\n            border-top: 1px solid #e2e8f0;\n            color: #64748b;\n            font-size: 0.85rem;\n        }\n        footer a {\n            color: #2563eb;\n            text-decoration: none;\n        }\n\n        @media (max-width: 800px) {\n            .hero h1 { font-size: 2.3rem; }\n            .hero-subhead { font-size: 1.1rem; }\n            .assistant-section { flex-direction: column; padding: 28px; }\n            .problem-section { padding: 24px 20px; }\n            .final-cta { padding: 32px 24px; }\n            .faq-section { padding: 28px 24px; }\n            .pricing-card { padding: 28px 20px; }\n            .plan-name { font-size: 1.4rem; }\n            .price { font-size: 2.2rem; }\n            .logo-image { height: 32px; }\n            .logo-text { font-size: 1.2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <!-- Navbar -->\n    <div class=\"navbar\">\n        <div class=\"logo\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\">\n            <img decoding=\"async\" src=\"https:\/\/ai.dalil.ca\/uploads\/tradeflow_logo_rectangle.png\" alt=\"TradeFlow AI\" class=\"logo-image\">\n            <span class=\"logo-text\">TradeFlowAI<\/span>\n        <\/div>\n        <div class=\"nav-links\">\n            <a onclick=\"document.querySelector('.pricing-section').scrollIntoView({ behavior: 'smooth' })\">Pricing<\/a>\n            <a onclick=\"document.querySelector('.faq-section').scrollIntoView({ behavior: 'smooth' })\">FAQ<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Hero -->\n    <div class=\"hero\">\n        <div class=\"hero-badge\">&#x2728; AI-Powered Customer Engagement<\/div>\n        <h1>Never Miss Another<br>Customer Message<\/h1>\n        <div class=\"hero-subhead\">AI assistant that replies instantly via SMS, WhatsApp &#038; Email<\/div>\n        <div class=\"cta-group\">\n            <button class=\"btn-primary\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\">Start Free Trial<\/button>\n            <button class=\"btn-secondary\" onclick=\"window.open('http:\/\/ai.dalil.ca\/uploads\/tradeflowai_instructions.mp4','_blank')\">Watch Demo<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Problem Section -->\n    <div class=\"problem-section\">\n        <div class=\"problem-title\">&#x26a0;&#xfe0f; Most Service Businesses Lose Leads Daily<\/div>\n        <div class=\"problem-grid\">\n            <div class=\"problem-card\"><div class=\"emoji\">&#x1f4de;<\/div><h4>Missed calls<\/h4><p>During busy jobs<\/p><\/div>\n            <div class=\"problem-card\"><div class=\"emoji\">&#x23f1;&#xfe0f;<\/div><h4>Slow replies<\/h4><p>Lose customers<\/p><\/div>\n            <div class=\"problem-card\"><div class=\"emoji\">&#x1f504;<\/div><h4>No follow-up system<\/h4><p>Opportunities slip away<\/p><\/div>\n            <div class=\"problem-card\"><div class=\"emoji\">&#x1f4f1;<\/div><h4>Messages everywhere<\/h4><p>Hard to manage<\/p><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Your 24\/7 AI Assistant -->\n    <div class=\"assistant-section\">\n        <div class=\"assistant-content\">\n            <h2>&#x1f916; Your 24\/7 AI Assistant<\/h2>\n            <ul class=\"feature-list\">\n                <li>Instant replies<\/li>\n                <li>SMS, WhatsApp, Email<\/li>\n                <li>Missed call capture<\/li>\n                <li>Smart AI responses<\/li>\n            <\/ul>\n            <button class=\"btn-primary\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\" style=\"margin-top:8px;\">Start Free Trial \u2192<\/button>\n        <\/div>\n        <div class=\"assistant-image\">\n            <div class=\"chat-bubble\">&#x1f4f2; &#8220;Hi! I&#8217;m your AI assistant. How can I help with your service request?&#8221;<\/div>\n            <div class=\"chat-bubble\">&#x1f527; &#8220;Got it! I&#8217;ll send an electrician tomorrow between 9-11 AM. Confirm?&#8221;<\/div>\n            <div style=\"font-size:0.7rem; opacity:0.6;\">&#x2728; Live AI reply simulation<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- How It Works -->\n    <div class=\"how-it-works\">\n        <h2>How It Works<\/h2>\n        <div class=\"steps\">\n            <div class=\"step\"><div class=\"step-number\">1<\/div><h3>Customer messages or calls<\/h3><p>Lead reaches out via SMS, WhatsApp, or email<\/p><\/div>\n            <div class=\"step\"><div class=\"step-number\">2<\/div><h3>AI responds instantly<\/h3><p>Smart, human-like answers 24\/7<\/p><\/div>\n            <div class=\"step\"><div class=\"step-number\">3<\/div><h3>You close the job<\/h3><p>Focus on work, we handle communication<\/p><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Pricing Section -->\n    <div class=\"pricing-section\" id=\"pricing\">\n        <h2>Simple Pricing<\/h2>\n        <div class=\"pricing-grid\">\n            <div class=\"pricing-card\">\n                <div class=\"plan-name\">Basic<\/div>\n                <div class=\"price\">$39<span>\/month<\/span><\/div>\n                <ul class=\"features-plan\">\n                    <li>&#x1f4e7; 1,000 Emails<\/li>\n                    <li>&#x1f4ac; 50 WhatsApp<\/li>\n                    <li>&#x2705; AI responses<\/li>\n                    <li>&#x1f4de; Missed call capture<\/li>\n                <\/ul>\n                <button class=\"btn-plan\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\">Get Started \u2192<\/button>\n            <\/div>\n            <div class=\"pricing-card\">\n                <div class=\"plan-name\">Starter<\/div>\n                <div class=\"price\">$89<span>\/month<\/span><\/div>\n                <ul class=\"features-plan\">\n                    <li>&#x1f4e7; 5,000 Emails<\/li>\n                    <li>&#x1f4ac; 100 SMS<\/li>\n                    <li>&#x1f4ac; 200 WhatsApp<\/li>\n                    <li>&#x26a1; Priority support<\/li>\n                <\/ul>\n                <button class=\"btn-plan\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\">Start Trial \u2192<\/button>\n            <\/div>\n            <div class=\"pricing-card popular\">\n                <div class=\"popular-badge\">&#x2b50; Most Popular<\/div>\n                <div class=\"plan-name\">Professional<\/div>\n                <div class=\"price\">$179<span>\/month<\/span><\/div>\n                <ul class=\"features-plan\">\n                    <li>&#x1f4e7; 10,000 Emails<\/li>\n                    <li>&#x1f4ac; 300 SMS<\/li>\n                    <li>&#x1f4ac; 1,000 WhatsApp<\/li>\n                    <li>&#x1f680; Advanced analytics<\/li>\n                <\/ul>\n                <button class=\"btn-plan btn-plan-primary\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\">Upgrade \u2192<\/button>\n            <\/div>\n            <div class=\"pricing-card\">\n                <div class=\"plan-name\">Enterprise<\/div>\n                <div class=\"price\">$399<span>\/month<\/span><\/div>\n                <ul class=\"features-plan\">\n                    <li>&#x1f4e7; 20,000+ Emails<\/li>\n                    <li>&#x1f4ac; 1,000+ SMS<\/li>\n                    <li>&#x1f4ac; 2,500+ WhatsApp<\/li>\n                    <li>&#x1f3e2; Dedicated account manager<\/li>\n                <\/ul>\n                <button class=\"btn-plan\" onclick=\"window.open('http:\/\/67.222.28.135\/order\/signup\/index\/signup\/contact-sales','_blank')\">Contact Sales \u2192<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- FAQ Section -->\n    <div class=\"faq-section\" id=\"faq\">\n        <h2>FAQ<\/h2>\n        <div class=\"faq-grid\">\n            <div class=\"faq-item\"><div class=\"faq-question\">Do I need technical skills?<\/div><div class=\"faq-answer\">No, we set everything up for you \u2014 just connect your channels.<\/div><\/div>\n            <div class=\"faq-item\"><div class=\"faq-question\">Can I upgrade anytime?<\/div><div class=\"faq-answer\">Yes, you can upgrade or downgrade your plan at any time.<\/div><\/div>\n            <div class=\"faq-item\"><div class=\"faq-question\">What if I exceed limits?<\/div><div class=\"faq-answer\">Small overage fees apply. We&#8217;ll notify you before any charges.<\/div><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Final CTA -->\n    <div class=\"final-cta\">\n        <h2>Start Capturing More Jobs Today<\/h2>\n        <p>Join thousands of service pros using TradeFlow AI<\/p>\n        <button class=\"btn-primary\" onclick=\"window.location.href='http:\/\/67.222.28.135\/order\/signup\/index\/signup'\" style=\"background:white; color:#0f172a;\">Start Free Trial \u2192<\/button>\n    <\/div>\n\n    <footer>\n        <p>\u00a9 2025 TradeFlowAI \u2014 AI-Powered Customer Engagement<\/p>\n        <p style=\"margin-top: 6px; font-size: 0.75rem;\"><a href=\"#\" onclick=\"window.open('https:\/\/yyy.services\/privacy', '_blank')\">Privacy<\/a> \u2022 <a href=\"#\" onclick=\"window.open('https:\/\/yyy.services\/terms', '_blank')\">Terms<\/a><\/p>\n    <\/footer>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>TradeFlow AI | AI-Powered Customer Engagement TradeFlowAI Pricing FAQ &#x2728; AI-Powered Customer Engagement Never Miss AnotherCustomer Message AI assistant that replies instantly via SMS, WhatsApp &#038; Email Start Free Trial Watch Demo &#x26a0;&#xfe0f; Most Service Businesses Lose Leads Daily &#x1f4de; Missed calls During busy jobs &#x23f1;&#xfe0f; Slow replies Lose customers &#x1f504; No follow-up system Opportunities [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":13,"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/ai.dalil.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}