{"success":true,"foodTrucks":[],"pagination":{"currentPage":1,"totalPages":0,"totalRecords":0,"showingFrom":0,"showingTo":0}}<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/oc_dinamic_frontend/public/img/Logo_OCC_cuadrado-BOkwy2YI.webp" />
    <link rel="apple-touch-icon" href="/oc_dinamic_frontend/public/img/Logo_OCC_cuadrado-BOkwy2YI.webp" />
    <title>Food Trucks for Sale in Orlando, FL | Orlando Caterers &amp; Commissary</title>
    <meta name="description" content="Browse food trucks for sale in Central Florida. Fully licensed mobile kitchens listed by verified commissary members. Find your next venture today at Orlando Caterers.">
    <meta name="keywords" content="food trucks for sale Orlando, buy food truck Florida, used food truck Central Florida, mobile kitchen for sale, food truck marketplace Orlando">
            <link rel="canonical" href="http://localhost:5173/food-trucks-for-sale">
    
    <!-- Open Graph (redes sociales) -->
    <meta property="og:type" content="website">
            <meta property="og:url" content="http://localhost:5173/food-trucks-for-sale">
        <meta property="og:title" content="Food Trucks for Sale in Orlando, FL | Orlando Caterers &amp; Commissary">
    <meta property="og:description" content="Browse food trucks for sale in Central Florida. Fully licensed mobile kitchens listed by verified commissary members. Find your next venture today at Orlando Caterers.">
    <meta property="og:image" content="http://localhost:5173/oc_dinamic_frontend/public/img/Logo_OCC_cuadrado-BOkwy2YI.webp">
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="Orlando Caterers &amp; Commissary">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Food Trucks for Sale in Orlando, FL | Orlando Caterers &amp; Commissary">
    <meta name="twitter:description" content="Browse food trucks for sale in Central Florida. Fully licensed mobile kitchens listed by verified commissary members. Find your next venture today at Orlando Caterers.">
    <meta name="twitter:image" content="http://localhost:5173/oc_dinamic_frontend/public/img/Logo_OCC_cuadrado-BOkwy2YI.webp">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600;700&display=swap"
        rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Global CSS -->
    <link rel="stylesheet" href="/oc_dinamic_frontend/public/css/style.css">

    <!-- Global Config for JS -->
    <script>
        window.CONFIG = {
            BASE_PATH: '/oc_dinamic_frontend/',
            SITE_BASE_URL: 'http://localhost:5173',
            MEMBER_LOGIN_URL: 'http://localhost:5173/member-login',
            CONTACT_URL: 'http://localhost:5173/contact',
            COOKIES_POLICY_URL: 'http://localhost:5173/cookies-policy',
            FOOD_TRUCKS_FOR_SALE_URL: 'http://localhost:5173/food-trucks-for-sale',
            API_URL: '',
            API_IMG_PATH: '',
            RECAPTCHA_SITE_KEY: ''
        };
    </script>

    <!-- Page specific CSS -->
                        <link rel="stylesheet" href="/oc_dinamic_frontend/public/css/foodtruck-sale.css">
            </head>


<body class="d-flex flex-column min-vh-100" data-theme="light">
    <script>
        (function() {
            try {
                var keys = ['theme', 'oc_theme', 'theme_preference'];
                var theme = null;

                for (var i = 0; i < keys.length; i += 1) {
                    var value = localStorage.getItem(keys[i]);
                    if (value === 'light' || value === 'dark') {
                        theme = value;
                        break;
                    }
                }

                if (!theme) return;

                document.body.classList.toggle('theme-dark', theme === 'dark');
                document.body.setAttribute('data-theme', theme);
            } catch (error) {
                // Keep server-rendered cookie theme when storage is unavailable.
            }
        })();
    </script>

    
    <!-- Header -->
    <header>
        <nav class="navbar navbar-expand-xl navbar-light bg-white fixed-top oc-navbar" id="mainNavbar">
            <div class="container">
                <a class="navbar-brand" href="http://localhost:5173/">
                    <img src="/oc_dinamic_frontend/public/img/logo-orlando.webp" alt="Orlando Caterers & Commissary"
                        class="oc-brand-logo">
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto align-items-xl-center">
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/">
                                    Home                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/about-us">
                                    About Us                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/our-services">
                                    Services                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/join-our-commissary">
                                    Commissary                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/order-catering">
                                    Catering                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/servesafe-certification">
                                    ServSafe                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/contact">
                                    Contact                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link active"
                                    href="http://localhost:5173/food-trucks-for-sale">
                                    Food Trucks for Sale!                                </a>
                            </li>
                                                    <li class="nav-item">
                                <a class="nav-link oc-nav-link"
                                    href="http://localhost:5173/blog">
                                    Blog                                </a>
                            </li>
                        
                        <li class="nav-item">
                            <a class="nav-link oc-nav-link oc-login-link"
                                href="http://localhost:5173/member-login">
                                <img src="/oc_dinamic_frontend/public/img/person-login.webp" alt="Login"
                                    class="oc-login-icon">
                                <span>Sign-In/Sign-Up</span>
                            </a>
                        </li>
                        <li class="nav-item d-flex align-items-center">
                            <button class="btn oc-theme-btn" id="themeToggle" type="button"
                                aria-label="Switch to dark theme" title="Toggle theme">
                                <span class="theme-icon theme-icon-sun" aria-hidden="true"><i
                                        class="fa-solid fa-sun"></i></span>
                                <span class="theme-icon theme-icon-moon" aria-hidden="true"><i
                                        class="fa-solid fa-moon"></i></span>
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header><div class="ft-sale-wrapper">
    <!-- Hero Section -->
    <section class="ft-hero-section">
        <div class="ft-hero-background" id="hero-bg-container">
            <!-- Floating icons generated via JS (foodtruck-sale.js) -->
        </div>
        <div class="ft-hero-content container">
            <h1 class="ft-hero-title">Find Your<br>Perfect Food Truck</h1>
            <p class="ft-hero-subtitle">Your Gateway to Mobile Culinary Success | Premium Food Trucks at Competitive Prices</p>
            <div class="ft-hero-badges">
                <span class="ft-badge-pill"><i class="fas fa-users" style="font-size: 0.8rem;"></i> Buy Owner*</span>
                <span class="ft-badge-pill"><i class="fas fa-award" style="font-size: 0.8rem;"></i> Licensed Vehicles**</span>
                <span class="ft-badge-pill"><i class="fas fa-shield-alt" style="font-size: 0.8rem;"></i> Florida Health Department Approved***</span>
                <span class="ft-badge-pill"><i class="fas fa-building" style="font-size: 0.8rem;"></i> Commissary Member****</span>
            </div>
        </div>
    </section>

    <!-- Main Content Container -->
    <div class="container">

        <!-- Marketplace Disclaimers -->
        <div class="ft-disclaimers-top mt-4">
            <p class="oc-eyebrow ft-disclaimer-eyebrow">Important Marketplace Information</p>
            <p><strong>*NOTE:</strong> All items within the Marketplace are listed for sale by independent sellers and are not owned by Orlando Caterers &amp; Commissary. Before making a purchase or transaction, thoroughly check all equipment and seek a professional assessment if needed. See terms and conditions for more details.</p>
            <p><strong>**</strong>Item for sale currently has or once had a health department license from the State of Florida.</p>
            <p><strong>***</strong>Health department requirements vary from state to state.</p>
            <p><strong>****</strong>Owner of item for sale is a current or former member of Orlando Caterers &amp; Commissary.</p>
        </div>

        <!-- Ready to sell Banner -->
        <div class="ft-sell-banner">
            <div class="ft-banner-left">
                <div class="ft-banner-icon">
                    <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M2 6C2 4.89543 2.89543 4 4 4H15C16.1046 4 17 4.89543 17 6V17H2V6Z" fill="white" />
                        <path d="M17 9H21C21.5523 9 22 9.44772 22 10V17H17V9Z" fill="white" />
                        <circle cx="6" cy="19" r="2" fill="white" />
                        <circle cx="18" cy="19" r="2" fill="white" />
                    </svg>
                </div>
                <div>
                    <h3 class="ft-banner-title">Ready to sell your food truck?</h3>
                    <p class="ft-banner-subtitle">List it here and reach thousands of potential buyers!</p>
                </div>
            </div>
            <a href="http://localhost:5173/member-login" class="ft-banner-btn oc-action-btn">Sign Up Now &rarr;</a>
        </div>

        <h2 class="ft-section-title">Available Food Trucks</h2>

                    <!-- SSR Error: API unavailable at the time of loading -->
            <div class="row">
                <div class="col-12 text-center py-5">
                    <div class="alert alert-warning d-inline-block px-5 py-4 shadow-sm rounded-3 ft-status-card">
                        <i class="fas fa-exclamation-triangle fa-2x mb-3 d-block ft-status-icon"></i>
                        <h4 class="mb-2">Listings temporarily unavailable</h4>
                        <p class="ft-status-copy mb-3">We couldn't load the food truck inventory at this moment. Please try again shortly.</p>
                        <a href="food-trucks-for-sale" class="oc-action-btn oc-action-btn-secondary ft-status-action">
                            <i class="fas fa-redo me-1"></i> Reload page
                        </a>
                    </div>
                </div>
            </div>
            <div id="foodtruck-pagination"></div>

        
    </div>
</div>

<!-- SEO: JSON-LD structured data para Google (ItemList de Food Trucks + Organization) 
para ayudar a search engines a entender el contenido y habilitar rich results -->

<footer id="footer" class="footer pt-5 pb-5">
    <div class="container pt-5 pb-4">
        <div class="row gy-4 justify-content-between">
            <!-- Brand & Social -->
            <div class="col-lg-auto col-md-6" style="max-width: 280px;">
                <a class="d-block mb-4" href="http://localhost:5173/">
                    <img src="/oc_dinamic_frontend/public/img/DBPR_licensing_foodtruck.webp"
                        alt="Orlando Caterers &amp; Commissary Logo" class="img-fluid"
                        style="max-width: 200px;">
                </a>
                <p class="mb-4 text-white">
                    Supporting mobile food businesses in Central Florida since 2017.
                </p>
                <div class="d-flex gap-4">
                    <a target="_blank" href="https://www.facebook.com/orlandocaterers"
                        class="text-white opacity-75 hov-opacity-100" data-testid="facebook-footer-button">
                        <i class="fab fa-facebook-f fa-lg" aria-label="Link to navigate to the facebook page"></i>
                    </a>
                    <a target="_blank" href="https://www.instagram.com/orlandocaterers"
                        class="text-white opacity-75 hov-opacity-100" data-testid="instagram-footer-button">
                        <i class="fab fa-instagram fa-lg" aria-label="Link to navigate to the instagram page"></i>
                    </a>
                </div>
            </div>

            <!-- Quick Links -->
            <div class="col-lg-auto col-md-6">
                <h4 class="h5 mb-4 fw-light text-white">Quick Links</h4>
                <ul class="list-unstyled d-flex flex-column gap-2 mb-0">
                    <li><a class="fNavLink" href="http://localhost:5173/"
                            data-testid='footer-home-link'>Home</a></li>
                    <li><a class="fNavLink" href="http://localhost:5173/about-us"
                            data-testid='footer-aboutUs-link'>About Us</a></li>
                    <li><a class="fNavLink" href="http://localhost:5173/our-services"
                            data-testid='footer-services-link'>Services</a></li>
                    <li><a class="fNavLink"
                            href="http://localhost:5173/join-our-commissary"
                            data-testid='footer-commissary-link'>Commissary</a></li>
                    <li><a class="fNavLink" href="http://localhost:5173/order-catering"
                            data-testid='footer-catering-link'>Catering</a></li>
                    <li><a class="fNavLink"
                            href="http://localhost:5173/servesafe-certification"
                            data-testid='footer-servSafe-link'>ServSafe</a></li>
                    <li><a class="fNavLink" href="http://localhost:5173/contact"
                            data-testid='footer-contact-link'>Contact</a></li>
                </ul>
            </div>

            <!-- Services -->
            <div class="col-lg-auto col-md-6">
                <h4 class="h5 mb-4 fw-light text-white">Services</h4>
                <ul class="list-unstyled d-flex flex-column gap-2 text-white mb-0">
                    <li>Food Truck Licensing</li>
                    <li>Commissary Facilities</li>
                    <li>Catering Services</li>
                    <li>Event Planning</li>
                    <li>ServSafe Certification</li>
                    <li>Business Consulting</li>
                </ul>
            </div>

            <!-- Newsletter -->
            <div class="col-lg-4 col-md-6">
                <h4 class="h5 mb-4 fw-light text-white">Newsletter</h4>
                <p class="text-white mb-4">Subscribe to receive updates on mobile food industry news and events.</p>
                <form id="newsletter-form">
                    <div class="input-group newsletter-group">
                        <input class="form-control border-0 p-2" type="email" name="email" placeholder="Your email"
                            id="newsletter-email" required data-testid="footer-newsletter-input">
                        <button type="submit" class="btn text-white px-4 border-start border-white"
                            data-testid="footer-newsletter-button">Subscribe</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="mt-5 pt-5 footer-divider text-center text-md-start">
            <p class="mb-0 text-white small fw-normal text-uppercase">&copy; 2026                Orlando Caterers &amp; Commissary. All rights reserved.
            </p>
        </div>
    </div>
</footer>

<!-- Custom Google Translate Selector -->
<div class="languageSelector" id="languageSelector">
    <div id="google_translate_element" style="display: none;"></div>
    <div class="floatingButton" id="langBtn">
        <div class="flagIndicator" id="currentFlag">
            <div class="flagColor" style="background-color: #3c3b6e;"></div>
            <div class="flagColor" style="background-color: #FFFFFF;"></div>
            <div class="flagColor" style="background-color: #b22234;"></div>
            <div class="flagColor" style="background-color: #FFFFFF;"></div>
            <div class="flagColor" style="background-color: #b22234;"></div>
        </div>
        <span class="abbr" id="currentAbbr">EN</span>
    </div>
    <div class="optionsDropdown" id="langDropdown" style="display: none;">
        <div class="option" data-code="en">
            <div class="flagIndicator">
                <div class="flagColor" style="background-color: #3c3b6e;"></div>
                <div class="flagColor" style="background-color: #FFFFFF;"></div>
                <div class="flagColor" style="background-color: #b22234;"></div>
                <div class="flagColor" style="background-color: #FFFFFF;"></div>
                <div class="flagColor" style="background-color: #b22234;"></div>
            </div>
            <span class="name">English</span>
        </div>
        <div class="option" data-code="es">
            <div class="flagIndicator">
                <div class="flagColor" style="background-color: #AA151B;"></div>
                <div class="flagColor" style="background-color: #F1BF00;"></div>
                <div class="flagColor" style="background-color: #AA151B;"></div>
            </div>
            <span class="name">Español</span>
        </div>
        <div class="option" data-code="pt">
            <div class="flagIndicator">
                <div class="flagColor" style="background-color: #3d9341;"></div>
                <div class="flagColor" style="background-color: #edc225;"></div>
                <div class="flagColor" style="background-color: #2d136e;"></div>
                <div class="flagColor" style="background-color: #edc225;"></div>
                <div class="flagColor" style="background-color: #3d9341;"></div>
            </div>
            <span class="name">Português</span>
        </div>
    </div>
</div>

<a class="btnWsp" target="_blank" aria-label="Link to open a chat in WhatsApp"
    href="https://api.whatsapp.com/send?phone=14077579240&text=Hello, I would like to know more about your services!">
    <i class="fa-brands fa-whatsapp fa-xl"></i>
</a>

<!-- Cookie Notice -->
<div id="cookie-notice">
    <p>We use cookies to enhance your browsing experience. If you continue browsing, we assume you accept their use.</p>
    <div class="mt-2 text-center">
        <button id="accept-cookies" class="btn btnPrimary">Accept Cookies</button>
        <button id="read-policy" class="btn btn-outline-primary">Read our cookie policy</button>
    </div>
</div>

<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="/oc_dinamic_frontend/public/js/theme.js"></script>
<script src="/oc_dinamic_frontend/public/js/footer.js"></script>
<script src="/oc_dinamic_frontend/public/js/main.js"></script>

<!-- Page specific CSS -->
            <script src="/oc_dinamic_frontend/public/js/foodtruck-sale.js?v=6"></script>
    
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</body>

</html>