<!doctype html>
<html class="no-js" lang="en">
    <head>
        <title>ToniMaxx - Leading AI &amp; Technology Solutions Provider</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="author" content="ToniMaxx">
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <meta name="description" content="ToniMaxx delivers cutting-edge AI solutions, intelligent automation, and strategic technology consulting. Transform your business with our expert AI implementations, data analytics, and digital transformation services.">
        
        <!-- favicon icon -->
        <link rel="shortcut icon" href="/app/html/images/favicon.png">
        <link rel="apple-touch-icon" href="/app/html/images/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/app/html/images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/app/html/images/apple-touch-icon-114x114.png">
        
        <!-- google fonts preconnect -->
        <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        
        <!-- style sheets and font icons  -->
        <link rel="stylesheet" href="/app/html/css/vendors.min.css"/>
        <link rel="stylesheet" href="/app/html/css/icon.min.css"/>
        <link rel="stylesheet" href="/app/html/css/style.css"/>
        <link rel="stylesheet" href="/app/html/css/responsive.css"/>
        <link rel="stylesheet" href="/app/html/demos/consulting/consulting.css" />
        
                <!-- page-specific CSS -->
                    </head>
    <body data-mobile-nav-style="classic">    <body data-mobile-nav-style="classic">
        <!-- start header -->
        <header class="header-with-topbar">
            <!-- start header top bar -->
            <div class="header-top-bar top-bar-light bg-white disable-fixed md-border-bottom border-color-transparent-dark-very-light">
                <div class="container-fluid">
                    <div class="row h-45px align-items-center m-0">
                        <div class="col-md-6 text-center text-md-start">
                            <div class="fs-14 text-dark-gray">Transform your business with AI & technology! <a href="/app/contact.php" class="text-base-color fw-500 text-decoration-line-bottom">Get started</a></div>
                        </div>
                        <div class="col-6 text-end d-none d-md-flex">
                            <!-- Phone section temporarily hidden -->
                            <!-- <div class="widget fs-14 me-30px md-me-0"><a href="tel:+1234567890" class="text-dark-gray"><i class="feather icon-feather-phone-call text-base-color"></i> +1 (234) 567-890</a></div> -->
                            <div class="widget fs-14 text-dark-gray d-none d-lg-inline-block"><i class="feather icon-feather-map-pin text-base-color"></i> Global AI Solutions Hub, Worldwide Service</div> 
                        </div>
                    </div>
                </div>
            </div>
            <!-- end header top bar -->
            <!-- start navigation -->
            <nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-white-light disable-fixed">
                <div class="container-fluid">
                    <div class="col-auto col-lg-2 me-auto">
                        <a class="navbar-brand" href="/">
                            <img src="/app/html/images/demo-consulting-logo-white.png" data-at2x="/app/html/images/demo-consulting-logo-white@2x.png" alt="" class="default-logo">
                            <img src="/app/html/images/demo-consulting-logo-black.png" data-at2x="/app/html/images/demo-consulting-logo-black@2x.png" alt="" class="alt-logo">
                            <img src="/app/html/images/demo-consulting-logo-black.png" data-at2x="/app/html/images/demo-consulting-logo-black@2x.png" alt="" class="mobile-logo"> 
                        </a>
                    </div>
                    <div class="col-auto col-lg-8 menu-order position-static">
                        <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
                            <span class="navbar-toggler-line"></span>
                            <span class="navbar-toggler-line"></span>
                            <span class="navbar-toggler-line"></span>
                            <span class="navbar-toggler-line"></span>
                        </button>
                        <div class="collapse navbar-collapse justify-content-center" id="navbarNav"> 
                            <ul class="navbar-nav alt-font"> 
                                <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
                                <li class="nav-item"><a href="/app/about.php" class="nav-link">About</a></li>
                                <li class="nav-item dropdown simple-dropdown">
                                    <a href="/app/services.php" class="nav-link">Services</a>
                                    <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
                                    <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> 
                                        <li><a href="/app/service-details.php?service=ai-integration">AI Integration</a></li>
                                        <li><a href="/app/service-details.php?service=automation">Process Automation</a></li>
                                        <li><a href="/app/service-details.php?service=analytics">Data Analytics</a></li>
                                        <li><a href="/app/service-details.php?service=consulting">Tech Consulting</a></li>
                                        <li><a href="/app/service-details.php?service=transformation">Digital Transformation</a></li>
                                        <li><a href="/app/service-details.php?service=strategy">AI Strategy</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a href="/app/process.php" class="nav-link">Process</a></li>
                                <li class="nav-item"><a href="/app/clients.php" class="nav-link">Clients</a></li>
                                <li class="nav-item"><a href="/app/news.php" class="nav-link">News</a></li>
                                <li class="nav-item"><a href="/app/contact.php" class="nav-link">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto col-lg-2 text-end md-pe-0">
                        <div class="header-icon">
                            <div class="header-search-icon icon">
                                <a href="#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a> 
                                <div class="search-form-wrapper">
                                    <button title="Close" type="button" class="search-close alt-font">×</button>
                                    <form id="search-form" role="search" method="get" class="search-form text-left" action="/app/html/search-result.html">
                                        <div class="search-form-box">
                                            <h2 class="text-dark-gray fw-600 ls-minus-1px text-center mb-4 alt-font">What are you looking for?</h2>
                                            <input class="search-input alt-font" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value="" type="text" autocomplete="off">
                                            <button type="submit" class="search-button">
                                                <i class="feather icon-feather-search" aria-hidden="true"></i> 
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="header-push-button icon">
                                <div class="push-button">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span> 
                                </div>
                            </div>
                        </div>  
                    </div>
                </div>
            </nav>
            <!-- start push popup -->
            <div class="push-menu push-menu-style-3 p-50px bg-dark-gray">
                <span class="close-menu text-dark-gray bg-white"><i class="fa-solid fa-xmark"></i></span>
                <div class="push-menu-wrapper text-dark-gray" data-scroll-options='{ "theme": "light" }'>
                    <div class="w-100">
                        <h4 class="alt-font text-white fw-400 mb-30px d-block w-90 lh-40">AI solutions for <span class="d-inline-block fw-600 border-3 border-bottom border-color-base-color">business</span></h4>
                    </div>
                    <div class="col-12">
                        <ul class="fs-20 ps-0 alt-font">
                            <li class="pt-10px pb-10px w-100"><a class="facebook" href="https://www.facebook.com/tonimaxx" target="_blank"><i class="fa-brands fa-facebook-f w-30px text-start text-white"></i>Facebook</a></li>
                            <li class="pt-10px pb-10px w-100"><a class="instagram" href="https://www.instagram.com/tonimaxx/" target="_blank"><i class="fa-brands fa-instagram w-30px text-start text-white"></i>Instagram</a></li>
                            <li class="pt-10px pb-10px w-100"><a class="twitter" href="https://twitter.com/tonimaxx" target="_blank"><i class="fa-brands fa-twitter w-30px text-start text-white"></i>Twitter</a></li>
                            <li class="pt-10px pb-10px w-100"><a class="linkedin" href="https://www.linkedin.com/in/tonimaxx/" target="_blank"><i class="fa-brands fa-linkedin w-30px text-start text-white"></i>LinkedIn</a></li>
                        </ul>
                    </div>
                    <div class="border-top border-color-transparent-white-light pt-30px w-100">
                        <span class="fs-24 fw-500 text-white"><a href="tel:+1234567890">+1 234 567 890</a></span>
                        <a href="mailto:hello@tonimaxx.com">hello@tonimaxx.com</a>
                    </div>
                </div>
            </div>
            <!-- end push popup -->
        </header>
        <!-- end header -->        <!-- start section -->
        <section class="p-0 bg-dark-gray">
            <div class="swiper full-screen bg-dark-gray ipad-top-space-margin md-h-600px sm-h-500px swiper-number-pagination-style-02 magic-cursor light magic-cursor-vertical lg-no-parallax" data-slider-options='{ "slidesPerView": 1, "direction": "horizontal", "loop": true, "parallax": true, "speed": 1000, "pagination": { "el": ".swiper-number", "clickable": true }, "autoplay": { "delay": 40000, "disableOnInteraction": false },  "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1199": { "direction": "vertical" }}, "effect": "slide" }' data-number-pagination="1">
                <div class="swiper-wrapper">
                    <!-- start slider item -->
                    <div class="swiper-slide overflow-hidden">
                        <div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500" style="background-image:url('https://tonimaxx.com/app/images/toniaipowered.jpeg');">
                            <div class="opacity-light bg-dark-gray"></div>
                            <div class="container h-100">
                                <div class="row align-items-center h-100 justify-content-center">
                                    <div class="col-md-10 position-relative text-white d-flex flex-column justify-content-center h-100 text-center">  
                                        <div class="alt-font fs-110 xs-fs-80 lh-100 mb-5 xs-mb-35px ls-minus-4px xs-ls-minus-2px text-shadow-double-large transform-origin-right" data-anime='{ "el": "childs", "rotateX": [90, 0], "opacity": [0,1], "staggervalue": 150, "easing": "easeOutQuad" }'>
                                            <span class="d-inline-block">AI-Powered</span>
                                            <span class="d-inline-block fw-600">Business Solutions</span>
                                        </div>
                                        <div  data-anime='{  "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }'>
                                            <a href="/app/contact.php" class="btn btn-base-color btn-box-shadow btn-large btn-round-edge">Start Your AI Transformation</a>
                                        </div>
                                        <div data-anime='{ "opacity": [0, 1], "duration": 500, "delay": 1000, "easing": "easeOutQuad" }' class="fs-20 alt-font position-absolute lg-position-relative left-0px right-0px bottom-0 mb-8 lg-mt-40px lg-mb-0 sm-mt-25px w-100 text-shadow-double-large">Get a free <a href="/app/contact.php" class="text-decoration-line-bottom text-white fw-500">AI strategy consultation!</a></div>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!-- end slider item -->
                    <!-- start slider item -->
                    <div class="swiper-slide overflow-hidden">
                        <div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500" style="background-image:url('https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');">
                            <div class="opacity-light bg-dark-gray"></div>
                            <div class="container h-100">
                                <div class="row align-items-center h-100 justify-content-center">
                                    <div class="col-md-10 position-relative text-white d-flex flex-column justify-content-center h-100 text-center">  
                                        <div class="alt-font fs-110 xs-fs-80 lh-100 mb-5 xs-mb-35px ls-minus-4px xs-ls-minus-2px text-shadow-double-large" data-anime='{ "el": "childs", "rotateX": [90, 0], "opacity": [0,1], "staggervalue": 150, "easing": "easeOutQuad" }'>
                                            <span class="d-inline-block">Intelligent</span><br>
                                            <span class="fw-600 d-inline-block">Automation</span>
                                        </div> 
                                        <div data-anime='{  "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }'><a href="/app/services.php" class="btn btn-base-color btn-box-shadow btn-large btn-round-edge">Explore Our Services</a></div>
                                        <div data-anime='{ "opacity": [0, 1], "duration": 500, "delay": 1000, "easing": "easeOutQuad" }' class="fs-20 alt-font position-absolute lg-position-relative left-0px right-0px bottom-0 mb-8 lg-mt-40px lg-mb-0 sm-mt-25px w-100 text-shadow-double-large">Discover our proven <a href="/app/about.php" class="text-decoration-line-bottom text-white fw-500">AI methodology!</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end slider item -->
                    <!-- start slider item -->
                    <div class="swiper-slide overflow-hidden">
                        <div class="cover-background position-absolute top-0 start-0 w-100 h-100" data-swiper-parallax="500" style="background-image:url('https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2025&q=80');">
                            <div class="opacity-light bg-dark-gray"></div>
                            <div class="container h-100">
                                <div class="row align-items-center h-100 justify-content-center">
                                    <div class="col-md-10 position-relative text-white d-flex flex-column justify-content-center h-100 text-center">  
                                        <div class="alt-font fs-110 xs-fs-80 lh-100 mb-5 xs-mb-35px ls-minus-4px xs-ls-minus-2px text-shadow-double-large" data-anime='{ "el": "childs", "rotateX": [90, 0], "opacity": [0,1], "staggervalue": 150, "easing": "easeOutQuad" }'>
                                            <span class="d-inline-block">Digital</span><br>
                                            <span class="fw-600 d-inline-block">Transformation</span>
                                        </div> 
                                        <div data-anime='{  "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 300, "staggervalue": 300, "easing": "easeOutQuad" }'><a href="/app/contact.php" class="btn btn-base-color btn-box-shadow btn-large btn-round-edge">Transform Your Business</a></div>
                                        <div data-anime='{ "opacity": [0, 1], "duration": 500, "delay": 1000, "easing": "easeOutQuad" }' class="fs-20 alt-font position-absolute lg-position-relative left-0px right-0px bottom-0 mb-8 lg-mt-40px lg-mb-0 sm-mt-25px w-100 text-shadow-double-large">Join the <a href="/app/about.php" class="text-decoration-line-bottom text-white fw-500">AI revolution!</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end slider item -->
                </div>
                <!-- start slider pagination -->
                <div class="swiper-pagination container swiper-pagination-clickable swiper-pagination-bullets-right swiper-number"></div> 
                <!-- end slider pagination --> 
            </div>
        </section>
        <!-- end section -->
        <!-- start section -->
        <section class="position-relative overflow-hidden">
            <div id="particles-01" data-particle="true" data-particle-options='{"particles": {"number": {"value": 5,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}' class="position-absolute h-100 top-0 left-0 z-index-minus-1"></div>
            <div class="container">
                <div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center" data-anime='{ "el": "childs", "rotateZ": [5, 0], "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
                    <!-- start features box item -->
                    <div class="col icon-with-text-style-01 mb-50px sm-mb-40px">
                        <div class="feature-box feature-box-left-icon last-paragraph-no-margin">
                            <div class="feature-box-icon">
                                <i class="line-icon-Brain-2 icon-extra-large text-base-color"></i>
                            </div>
                            <div class="feature-box-content">
                                <span class="d-inline-block alt-font text-dark-gray fw-600 mb-5px fs-20">AI Implementation</span>
                                <p class="w-90 md-w-100">Custom AI solutions including machine learning, natural language processing, and computer vision tailored to transform your business operations and drive growth.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end features box item -->
                    <!-- start features box item -->
                    <div class="col icon-with-text-style-01 mb-50px sm-mb-40px">
                        <div class="feature-box feature-box-left-icon last-paragraph-no-margin">
                            <div class="feature-box-icon">
                                <i class="line-icon-Gear-2 icon-extra-large text-base-color"></i>
                            </div>
                            <div class="feature-box-content">
                                <span class="d-inline-block alt-font text-dark-gray fw-600 mb-5px fs-20">Process Automation</span>
                                <p class="w-90 md-w-100">Intelligent automation solutions to streamline workflows, reduce manual tasks, and optimize business processes for maximum efficiency and productivity.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end features box item -->
                    <!-- start features box item -->
                    <div class="col icon-with-text-style-01 mb-50px sm-mb-40px">
                        <div class="feature-box feature-box-left-icon last-paragraph-no-margin">
                            <div class="feature-box-icon">
                                <i class="line-icon-Bar-Chart2 icon-extra-large text-base-color"></i>
                            </div>
                            <div class="feature-box-content">
                                <span class="d-inline-block alt-font text-dark-gray fw-600 mb-5px fs-20">Data Analytics</span>
                                <p class="w-90 md-w-100">Advanced data analytics and business intelligence solutions to unlock insights, predict trends, and make data-driven decisions that accelerate business success.</p>
                            </div>
                        </div>
                    </div>
                    <!-- end features box item -->
                </div>
                <div class="row align-items-center mt-4 lg-mt-2 mb-50px lg-mb-0">
                    <div class="col-lg-6 position-relative md-mb-70px">
                        <div class="w-75 overflow-hidden position-relative xs-w-80 border-radius-4px" data-anime='{ "effect": "slide", "direction": "lr", "color": "#dd6531", "duration": 1000, "delay": 0 }'>
                            <img class="w-100" src="https://images.unsplash.com/photo-1555255707-c07966088b7b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="AI Technology Solutions" >
                        </div>
                        <div class="border-radius-4px position-absolute right-minus-15px md-right-15px bottom-minus-50px w-55 md-w-50 overflow-hidden" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)" data-anime='{ "effect": "slide", "direction": "rl", "color": "#292d36", "duration": 1000, "delay": 500 }'>
                            <img class="w-100" src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Business Automation">
                        </div>
                    </div>
                    <div class="col-lg-5 offset-lg-1 md-mt-30px" data-anime='{ "opacity": [0, 1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutCirc" }'>
                        <span class="fs-20 mb-15px text-dark-gray fw-600 d-inline-block">ToniMaxx Vision</span>
                        <h2 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-25px">Democratizing AI for every business worldwide.</h2>
                        <p class="w-80 lg-w-100 mb-35px sm-mb-25px">At ToniMaxx, we believe that artificial intelligence should be accessible to businesses of all sizes. Our mission is to bridge the gap between cutting-edge AI technology and practical business applications, empowering organizations to thrive in the digital age through intelligent automation and data-driven insights.</p> 
                        <div class="d-inline-block">
                            <a href="/app/about.php" class="btn btn-medium btn-dark-gray btn-box-shadow me-25px btn-round-edge">About ToniMaxx</a>
                            <a href="/app/services.php" class="btn btn-link btn-large text-dark-gray xs-mt-15px xs-mb-15px">Our Services</a>
                        </div>
                        <div class="row align-items-center mt-50px sm-mt-40px">
                            <div class="col-auto col-lg-4 border-end border-color-extra-medium-gray text-center"><h1 class="text-dark-gray fw-700 mb-0">4.9</h1></div>
                            <div class="col-7 ms-15px md-ms-0">
                                <div class="review-star-icon fs-18">
                                    <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                                </div>
                                <span class="text-dark-gray d-block fw-500 fs-18">Client satisfaction rating</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end section -->
        <!-- start section -->
        <section class="bg-gradient-very-light-gray ps-7 pe-7 xxl-ps-3 xxl-pe-3 xs-px-0">
            <div class="container-fluid"> 
                <div class="row justify-content-center mb-3">
                    <div class="col-xl-5 col-lg-7 col-md-8 text-center" data-anime='{ "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <span class="fw-600 ls-1px fs-16 alt-font d-inline-block text-uppercase mb-5px text-base-color">Comprehensive AI Solutions</span>
                        <h2 class="alt-font text-dark-gray fw-600 ls-minus-2px">Our Core Services</h2>
                    </div>
                </div>
                <div class="row row-cols-1 row-cols-xl-4 row-cols-md-2 row-cols-sm-2 justify-content-center" data-anime='{ "el": "childs", "translateX": [30, 0], "opacity": [0,1], "duration": 800, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }'>
                    <!-- start interactive banner item -->
                    <div class="col interactive-banner-style-05 lg-mb-30px position-relative z-index-1">
                        <div class="atropos" data-atropos data-atropos-perspective="1450">
                            <a href="/app/services.php" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
                            <div class="atropos-scale">
                                <div class="atropos-rotate">
                                    <div class="atropos-inner">
                                        <figure class="m-0 hover-box border-radius-4px overflow-hidden position-relative" data-atropos-offset="3" style="height: 300px;">
                                            <img class="w-100 h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="AI Integration Services" />
                                            <figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-15 xl-p-12 last-paragraph-no-margin">
                                                <div class="mb-auto bg-base-color fw-500 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-13">Advanced</div>
                                                <span class="alt-font text-white fw-500 fs-26 sm-lh-26 xs-lh-28 sm-mb-5px">AI Integration</span>
                                                <p class="text-white opacity-6 fs-18">Machine Learning & NLP</p>
                                                <div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
                                                <div class="box-overlay bg-gradient-gray-light-dark-transparent z-index-minus-1"></div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!-- end interactive banner item --> 
                    <!-- start interactive banner item -->
                    <div class="col interactive-banner-style-05 lg-mb-30px position-relative z-index-1">
                        <div class="atropos" data-atropos data-atropos-perspective="1450">
                            <a href="/app/services.php" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
                            <div class="atropos-scale">
                                <div class="atropos-rotate">
                                    <div class="atropos-inner">
                                        <figure class="m-0 hover-box border-radius-4px overflow-hidden position-relative" data-atropos-offset="3" style="height: 300px;">
                                            <img class="w-100 h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1518432031352-d6fc5c10da5a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Business Automation Services" />
                                            <figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-15 xl-p-12 last-paragraph-no-margin">
                                                <div class="mb-auto bg-base-color fw-500 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-13">Smart</div>
                                                <span class="alt-font text-white fw-500 fs-26 sm-lh-26 xs-lh-28">Process Automation</span>
                                                <p class="text-white opacity-6 fs-18">Workflow optimization</p>
                                                <div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
                                                <div class="box-overlay bg-gradient-gray-light-dark-transparent z-index-minus-1"></div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div> 
                    <!-- end interactive banner item --> 
                    <!-- start interactive banner item -->
                    <div class="col interactive-banner-style-05 sm-mb-30px position-relative z-index-1">
                        <div class="atropos" data-atropos data-atropos-perspective="1450">
                            <a href="/app/services.php" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
                            <div class="atropos-scale">
                                <div class="atropos-rotate">
                                    <div class="atropos-inner">
                                        <figure class="m-0 hover-box border-radius-4px overflow-hidden position-relative" data-atropos-offset="3" style="height: 300px;">
                                            <img class="w-100 h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Data Analytics Services" />
                                            <figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-15 xl-p-12 last-paragraph-no-margin">
                                                <div class="mb-auto bg-base-color fw-500 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-13">Intelligent</div>
                                                <span class="alt-font text-white fw-500 fs-26 sm-lh-26 xs-lh-28">Data Analytics</span>
                                                <p class="text-white opacity-6 fs-18">AI-powered insights</p>
                                                <div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
                                                <div class="box-overlay bg-gradient-gray-light-dark-transparent z-index-minus-1"></div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!-- end interactive banner item --> 
                    <!-- start interactive banner item -->
                    <div class="col interactive-banner-style-05 position-relative z-index-1">
                        <div class="atropos" data-atropos data-atropos-perspective="1450">
                            <a href="/app/services.php" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
                            <div class="atropos-scale">
                                <div class="atropos-rotate">
                                    <div class="atropos-inner">
                                        <figure class="m-0 hover-box border-radius-4px overflow-hidden position-relative" data-atropos-offset="3" style="height: 300px;">
                                            <img class="w-100 h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Technology Consulting Services" />
                                            <figcaption class="d-flex flex-column align-items-start justify-content-center position-absolute left-0px top-0px w-100 h-100 z-index-1 p-15 xl-p-12 last-paragraph-no-margin">
                                                <div class="mb-auto bg-base-color fw-500 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-13">Strategic</div>
                                                <span class="alt-font text-white fw-500 fs-26 sm-lh-26 xs-lh-28">Tech Consulting</span>
                                                <p class="text-white opacity-6 fs-18">Digital transformation</p>
                                                <div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-gray-light-dark-transparent z-index-minus-1 opacity-9"></div>
                                                <div class="box-overlay bg-gradient-gray-light-dark-transparent z-index-minus-1"></div>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div> 
                    <!-- end interactive banner item --> 
                </div>
            </div>
        </section>
        <!-- end section -->
        <!-- start section -->
        <section class="pt-0 position-relative">
            <div id="particles-02" data-particle="true" data-particle-options='{"particles": {"number": {"value": 5,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}' class="position-absolute h-100 top-0 left-0 z-index-minus-1"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5 md-mb-50px sm-mb-30px">
                        <h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Scalable AI solutions for every business need.</h2>
                        <p class="w-80 lg-w-100 mb-30px sm-mb-25px">From startups to enterprises, ToniMaxx offers flexible AI implementation packages that scale with your business growth. Our modular approach ensures you get exactly what you need, when you need it.</p> 
                        <a href="/app/contact.php" class="btn btn-small btn-dark-gray btn-box-shadow btn-round-edge">Get custom quote</a>
                    </div>
                    <div class="col-xl-5 col-lg-6 offset-xl-2 offset-lg-1" data-anime='{"opacity": [0,1], "duration": 600, "delay":200, "staggervalue": 200, "easing": "easeOutQuad" }'>
                        <div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="icon-feather-minus" data-inactive-icon="icon-feather-plus">
                            <!-- start accordion item -->
                            <div class="accordion-item active-accordion">
                                <div class="accordion-header border-bottom border-color-extra-medium-gray">
                                    <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
                                        <div class="accordion-title mb-0 position-relative text-dark-gray">
                                            <i class="feather icon-feather-minus"></i><span class="fw-600 fs-20">What AI solutions do you offer?</span>
                                        </div>
                                    </a>
                                </div>
                                <div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
                                    <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
                                        <p>We specialize in machine learning implementation, natural language processing, computer vision, process automation, and data analytics. Each solution is customized to your specific business requirements and industry needs.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- end accordion item -->
                            <!-- start accordion item -->
                            <div class="accordion-item">
                                <div class="accordion-header border-bottom border-color-extra-medium-gray">
                                    <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
                                        <div class="accordion-title mb-0 position-relative text-dark-gray">
                                            <i class="feather icon-feather-plus"></i><span class="fw-600 fs-20">How quickly can we get started?</span>
                                        </div>
                                    </a>
                                </div>
                                <div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                                    <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
                                        <p>Most AI projects begin with a 1-2 week discovery phase, followed by rapid prototyping within 2-4 weeks. Full implementation timelines vary based on complexity, but we prioritize quick wins and iterative deployment for faster ROI.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- end accordion item -->
                            <!-- start accordion item -->
                            <div class="accordion-item">
                                <div class="accordion-header border-bottom border-color-transparent">
                                    <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
                                        <div class="accordion-title mb-0 position-relative text-dark-gray">
                                            <i class="feather icon-feather-plus"></i><span class="fw-600 fs-20">Do you provide ongoing support?</span>
                                        </div>
                                    </a>
                                </div>
                                <div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                                    <div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
                                        <p>Yes, we offer comprehensive post-deployment support including model monitoring, performance optimization, updates, and user training. Our support packages ensure your AI solutions continue to deliver value as your business evolves.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- end accordion item -->
                        </div>
                    </div>
                </div>
                                            </div>
        </section>
        <!-- end section -->
        <!-- start section -->
        <section class="position-relative overflow-hidden py-0">
            <div class="skrollr-parallax mx-auto pt-7 pb-7 md-pt-12 md-pb-12" data-bottom-top="width: 63%" data-center-top="width: 100%;" data-parallax-background-ratio="0.5" style="background-image: url('https://picsum.photos/id/8/1920/1100');">
                <div class="opacity-extra-medium bg-gradient-black-dark-orange"></div>
                <div class="container">
                    <div class="row justify-content-center align-items-center mb-5">
                        <div class="col-xl-9 col-lg-10 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
                            <a href="https://www.youtube.com/watch?v=cfXHhfNy7tU" class="position-relative d-inline-block text-center rounded-circle border border-3 border-color-transparent-white-very-light video-icon-box video-icon-extra-large popup-youtube mb-5">
                                <span>
                                    <span class="video-icon">
                                        <i class="fa-solid fa-play text-white"></i> 
                                    </span>
                                </span>
                            </a>
                            <span class="opacity-6 ls-2px text-uppercase alt-font text-white d-block mb-2 fw-500">Supporting your business goal</span>
                            <h1 class="text-white fw-500 alt-font ls-minus-2px text-shadow-double-large">Some of the worldwide clients we've helped.</h1>
                        </div>
                    </div>
                    <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 text-center justify-content-center clients-style-06 position-relative">
                        <!-- start client item -->
                        <div class="col md-mb-45px">
                            <div class="client-box">
                                <a href="#"><img src="/app/html/images/logo-envato-white.svg" class="h-45px" alt=""></a>
                            </div>
                        </div>
                        <!-- end client item -->
                        <!-- start client item -->
                        <div class="col md-mb-45px">
                            <div class="client-box">
                                <a href="#"><img src="/app/html/images/logo-less-white.svg" class="h-45px" alt=""></a>
                            </div>
                        </div>
                        <!-- end client item -->
                        <!-- start client item -->
                        <div class="col xs-mb-45px">
                            <div class="client-box">
                                <a href="#"><img src="/app/html/images/logo-pingdom-white.svg" class="h-45px" alt=""></a>
                            </div>
                        </div>
                        <!-- end client item -->
                        <!-- start client item -->
                        <div class="col">
                            <div class="client-box">
                                <a href="#"><img src="/app/html/images/logo-google-white.svg" class="h-45px" alt=""></a>
                            </div>
                        </div>
                        <!-- end client item -->
                    </div>
                </div>
            </div>
        </section>
        <!-- end section -->
                <!-- start section -->
        <section class="bg-very-light-gray"> 
            <div class="container">
                <div class="row justify-content-center mb-2">
                    <div class="col-lg-7 text-center" data-anime='{ "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
                        <span class="fw-600 ls-1px fs-16 alt-font d-inline-block text-uppercase text-base-color">AI Insights</span>
                        <h2 class="alt-font text-dark-gray fw-600 ls-minus-2px">Latest insights & trends</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 p-md-0">
                        <ul class="blog-grid blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 300, "easing": "easeOutQuad" }'>
                            <li class="grid-sizer"></li>
                            <li class="grid-item"><div class="card border-0 border-radius-4px box-shadow-quadruple-large"><div class="blog-image"><a href="https://logicbaker.com/blog/logicnetwork/stop-wasting-efforts-on-random-prompts-and-call-it-development/" target="_blank" class="d-block"><img src="https://logicspace.sfo2.digitaloceanspaces.com/logicbakerblog/wp-content/uploads/2026/04/14150547/1X-VIixUIISBwxkGcUx70lA.png" alt="Stop Wasting Efforts on Random Prompts and Call It Development" /></a></div><div class="card-body p-13 md-p-11"><a href="https://logicbaker.com/blog/logicnetwork/stop-wasting-efforts-on-random-prompts-and-call-it-development/" target="_blank" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">Stop Wasting Efforts on Random Prompts and Call It Development</a><p>The advent of Vibe Coding marks a significant shift in software development, allowing non-technical individuals...</p></div></div></li><li class="grid-item"><div class="card border-0 border-radius-4px box-shadow-quadruple-large"><div class="blog-image"><a href="https://logicbaker.com/blog/logicnetwork/anthropic-wasnt-hacked-it-was-misconfigured-heres-what-happened/" target="_blank" class="d-block"><img src="https://logicspace.sfo2.digitaloceanspaces.com/logicbakerblog/wp-content/uploads/2026/04/01055104/10IZjrFCo6v82BmkllTdtAA.png" alt="Anthropic Wasn&amp;#8217;t Hacked; It Was Misconfigured—Here’s What Happened" /></a></div><div class="card-body p-13 md-p-11"><a href="https://logicbaker.com/blog/logicnetwork/anthropic-wasnt-hacked-it-was-misconfigured-heres-what-happened/" target="_blank" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">Anthropic Wasn&amp;#8217;t Hacked; It Was Misconfigured—Here’s What Happened</a><p>Incident Unveils Risks of Source Map Configuration Recent news surrounding Claude Code, used daily by...</p></div></div></li><li class="grid-item"><div class="card border-0 border-radius-4px box-shadow-quadruple-large"><div class="blog-image"><a href="https://logicbaker.com/blog/logicnetwork/antigravity-is-the-buzzword-heres-my-perspective-from-the-terminal/" target="_blank" class="d-block"><img src="https://logicspace.sfo2.digitaloceanspaces.com/logicbakerblog/wp-content/uploads/2026/03/29231928/1dhP32fyJYa_5LI2JRX8ZEw.jpeg" alt="Antigravity Is the Buzzword: Here&amp;#8217;s My Perspective from the Terminal" /></a></div><div class="card-body p-13 md-p-11"><a href="https://logicbaker.com/blog/logicnetwork/antigravity-is-the-buzzword-heres-my-perspective-from-the-terminal/" target="_blank" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">Antigravity Is the Buzzword: Here&amp;#8217;s My Perspective from the Terminal</a><p>Exploring Two Development Philosophies: Antigravity vs. Claude Code The recent buzz around Google&#8217;s Antigravity has...</p></div></div></li>                        </ul>
                    </div>
                </div>
                <div class="row justify-content-center mt-5">
                    <div class="col-auto">
                        <a href="/app/news.php" class="btn btn-large btn-dark-gray btn-box-shadow btn-round-edge">View all articles</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- end section -->
        <!-- start section -->
        <section class="pt-4 pb-4 cover-background" style="background-image:url('https://picsum.photos/id/13/1920/408');">
            <div class="opacity-extra-medium bg-gradient-black-dark-orange"></div>
            <div class="container position-relative"> 
                <div class="row align-items-center justify-content-center text-start text-sm-center text-lg-start">
                    <div class="col-xl-5 col-lg-6 col-md-7 md-mb-25px">
                        <h2 class="alt-font text-white fw-500 mb-0 cd-headline zoom fancy-text-style-4 text-shadow-double-large ls-minus-1px">Let's build your AI 
                            <span data-fancy-text='{ "effect": "rotate", "string": ["solution!", "future!", "transformation!"] }'></span>
                        </h2>
                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10 offset-xl-1 icon-with-text-style-08">
                        <div class="feature-box feature-box-left-icon-middle text-start">
                            <div class="feature-box-icon feature-box-icon-rounded w-110px h-110px xs-w-80px xs-h-80px rounded-circle bg-base-color me-20px xs-me-15px">
                                <i class="line-icon-Handshake icon-extra-large text-white lh-100"></i>
                            </div>
                            <div class="feature-box-content last-paragraph-no-margin xs-mt-15px xs-mb-15px">
                                <span class="fs-24 lh-32 xs-fs-22 xs-lh-32 text-white">Ready for AI transformation? <a href="mailto:hello@tonimaxx.com" class="text-decoration-line-bottom text-white fw-500">hello@tonimaxx.com</a></span>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </section>
        <!-- end section -->
        <!-- start footer -->
        <footer class="footer-light p-0 position-relative">
            <div id="particles-04" class="position-absolute h-100 top-0 left-0 z-index-minus-1 w-100" data-particle="true" data-particle-options='{"particles": {"number": {"value": 5,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}'></div>
            <div class="container"> 
                <div class="row justify-content-center pt-7 sm-pt-50px">
                    <!-- start footer column -->
                    <div class="col-7 col-lg-3 col-md-12 col-sm-6 text-md-center text-lg-start md-mb-30px">
                        <a href="/" class="footer-logo mb-15px md-mb-20px d-inline-block"><img src="/app/html/images/demo-consulting-logo-black.png" data-at2x="/app/html/images/demo-consulting-logo-black@2x.png" alt="Toni Maxx"></a>
                        <p class="mb-20px">Transforming businesses through innovative AI and technology solutions.</p>
                        <div class="elements-social social-icon-style-02">
                            <ul class="medium-icon dark icon-with-animation">
                                <li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                                <li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
                                <li><a class="twitter" href="http://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
                                <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div class="col-5 col-lg-2 offset-xl-1 col-md-3 col-sm-6 md-mb-30px">
                        <span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Company</span>
                        <ul>
                            <li><a href="/app/about.php">About</a></li>
                            <li><a href="/app/services.php">Services</a></li>
                            <li><a href="/app/process.php">Process</a></li>
                            <li><a href="/app/contact.php">Contact</a></li>
                        </ul>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div class="col-lg-3 col-md-4 col-sm-6 xs-mb-30px">
                        <span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Get in touch</span>
                        <p class="mb-15px w-75 lg-w-85 sm-w-100">Global AI Solutions Hub, Worldwide Service</p>
                        <!-- Phone contact hidden per request -->
                        <!-- <p class="m-0"><span class="fw-600"><i class="feather icon-feather-phone-call text-dark-gray icon-small me-10px"></i></span><a href="tel:+1234567890">+1 (234) 567-890</a></p> -->
                        <p class="m-0"><span class="fw-600"><i class="feather icon-feather-mail text-dark-gray icon-small me-10px"></i></span><a href="mailto:hello@tonimaxx.com">hello@tonimaxx.com</a></p>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div class="col-xl-3 col-lg-4 col-md-5 col-sm-6">
                        <span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Newsletter</span>
                        <p class="sm-mb-20px">Subscribe our newsletter to get the latest AI insights and updates.</p>
                        <div class="d-inline-block w-100 newsletter-style-02 position-relative">
                            <form action="/app/newsletter/subscribe.php" method="post" class="newsletter-form position-relative w-100" id="footer-newsletter-form">
                                <div class="position-relative">
                                    <input class="bg-transparent border-color-extra-medium-gray w-100 form-control" type="email" name="email" placeholder="Enter email address..." required>
                                    <input type="hidden" name="csrf_token" value="">
                                    <button class="btn pe-20px newsletter-submit-btn" type="submit" title="Subscribe to Newsletter">
                                        <span class="btn-icon">
                                            <i class="feather icon-feather-send icon-small text-base-color"></i>
                                        </span>
                                        <span class="btn-text d-none">Subscribe</span>
                                    </button>
                                </div>
                                                                <div class="g-recaptcha mt-15px" data-sitekey="6LcZIgUsAAAAAN-7gUMy2-p-uEdb4iyMvH0zPiry" data-size="normal" data-callback="onNewsletterRecaptchaComplete" data-expired-callback="onNewsletterRecaptchaExpired"></div>
                                                                <div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center d-none"></div>
                            </form>
                        </div>
                    </div>
                    <!-- end footer column -->
                </div>
                <div class="row justify-content-center align-items-center pt-6 md-pt-50px">
                    <!-- start divider -->
                    <div class="col-12">
                        <div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray"></div>
                    </div>
                    <!-- end divider -->
                    <!-- start copyright -->
                    <div class="col-lg-6 pt-25px pb-25px md-pt-0 fs-16 last-paragraph-no-margin order-2 order-lg-1 text-center text-lg-start">
                        <p>&copy; 2026 <a href="https://tonimaxx.com" target="_blank" class="text-decoration-line-bottom text-dark-gray fw-500">ToniMaxx.com</a></p>
                    </div>
                    <!-- end copyright -->
                    <!-- start footer menu -->
                    <div class="col-lg-6 pt-25px pb-25px md-pb-5px fs-16 order-1 order-lg-2 text-center text-lg-end">
                        <ul class="footer-navbar md-lh-normal"> 
                            <li class="nav-item"><a href="/app/privacy-policy.php" class="nav-link">Privacy policy</a></li>
                            <li class="nav-item"><a href="/app/terms-and-conditions.php" class="nav-link">Terms and conditions</a></li>
                            <li class="nav-item"><a href="/app/copyright.php" class="nav-link">Copyright</a></li>
                        </ul>
                    </div>
                    <!-- end footer menu -->
                </div>
            </div>
        </footer>
        <!-- end footer -->         <!-- start scroll progress -->
        <div class="scroll-progress d-none d-xxl-block">
          <a href="#" class="scroll-top" aria-label="scroll">
            <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
          </a>
        </div>
        <!-- end scroll progress -->
        <!-- javascript libraries -->
        <script type="text/javascript" src="/app/html/js/jquery.js"></script>
        <script type="text/javascript" src="/app/html/js/vendors.min.js"></script>
        <script type="text/javascript" src="/app/html/js/main.js"></script>
        
        <!-- newsletter functionality -->
        <script type="text/javascript" src="/app/assets/js/newsletter.js"></script>
        
                <!-- Google reCAPTCHA v2 -->
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                
                <!-- page-specific JavaScript -->
                    </body>
</html></body>
</html>