{"id":315,"date":"2025-05-05T13:08:34","date_gmt":"2025-05-05T13:08:34","guid":{"rendered":"https:\/\/trendroute.ai\/?page_id=315"},"modified":"2026-08-11T08:52:44","modified_gmt":"2026-08-11T08:52:44","slug":"food-delivery-platform","status":"publish","type":"page","link":"https:\/\/trendroute.ai\/en\/food-delivery-platform\/","title":{"rendered":"food delivery platform"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"315\" class=\"elementor elementor-315\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b83621 e-con-full e-flex e-con e-parent\" data-id=\"0b83621\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c207d1 elementor-widget elementor-widget-html\" data-id=\"3c207d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hero-clean\">\r\n  <div class=\"hero-clean__wrap\">\r\n    <!-- Left: \u0645\u062a\u0646 -->\r\n    <div class=\"hero-clean__content\">\r\n      <h1>Strengthen your food delivery platform using our AI-based route optimization API<\/h1>\r\n      <p>Optimize delivery cost, keep meals at peak quality, and wow your customers.<\/p>\r\n      <a href=\"https:\/\/trendroute.ai\/en\/#form-demo\" class=\"hero-clean__btn\">Request a Demo<\/a>\r\n    <\/div>\r\n\r\n    <!-- Right: \u062a\u0635\u0648\u06cc\u0631 -->\r\n    <div class=\"hero-clean__media\">\r\n      <img decoding=\"async\" src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\" alt=\"Food Delivery Route Optimization Illustration\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.hero-clean {\r\n  position: relative;\r\n  width: 100vw;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n  background: linear-gradient(120deg, #0e2a6b 0%, #1566c1 55%, #3ae6fa 100%);\r\n  padding: 60px 20px;\r\n}\r\n.hero-clean__wrap {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  z-index: 2;\r\n}\r\n.hero-clean__content {\r\n  background: rgba(255,255,255,0.83);\r\n  border-radius: 18px;\r\n  box-shadow: 0 8px 38px rgba(0,90,170,0.10);\r\n  backdrop-filter: blur(2px);\r\n  padding: 2rem;\r\n  transition: box-shadow 0.3s;\r\n}\r\n.hero-clean__content:hover {\r\n  box-shadow: 0 16px 48px rgba(14,42,107,0.14);\r\n}\r\n.hero-clean__content h1 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 2.5rem;\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n  color: #0e2a6b;\r\n  margin-bottom: 1rem;\r\n}\r\n.hero-clean__content p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.2rem;\r\n  line-height: 1.6;\r\n  color: #1b3a6b;\r\n  margin-bottom: 2rem;\r\n}\r\n.hero-clean__btn {\r\n  display: inline-block;\r\n  padding: 0.75rem 2rem;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  background: linear-gradient(90deg,#1566c1 0%,#00e0b8 100%);\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  box-shadow: 0 6px 16px rgba(21,102,193,0.20);\r\n  transition: transform 0.3s, box-shadow 0.3s, background 0.4s;\r\n}\r\n.hero-clean__btn:hover {\r\n  transform: translateY(-3px) scale(1.03);\r\n  box-shadow: 0 12px 24px rgba(21,102,193,0.28);\r\n  background: linear-gradient(90deg,#003366 0%,#00e0b8 100%);\r\n}\r\n.hero-clean__media img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 30px rgba(0,0,0,0.12);\r\n}\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .hero-clean__wrap { grid-template-columns:1fr; text-align:center; }\r\n  .hero-clean__content { margin-bottom:20px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cebe95 e-con-full e-flex e-con e-parent\" data-id=\"4cebe95\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d0149 elementor-widget elementor-widget-html\" data-id=\"c1d0149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============== Why Choose TrendRoute? (Elementor-ready \/ No-JS) ============== -->\r\n<section class=\"tr-why\" dir=\"ltr\" aria-label=\"Why Choose TrendRoute?\">\r\n  <style>\r\n    .tr-why{\r\n      --ink:#0e2b4d;\r\n      --muted:#5c7291;\r\n      --brand1:#0ea5ea;\r\n      --brand2:#22d3ee;\r\n      --card:#ffffffcc;\r\n      --edge:#e6eefb;\r\n      --shadow-card:0 18px 42px rgba(15,41,86,.12);\r\n      --glow:0 20px 50px rgba(14,165,233,.18);\r\n      position:relative; isolation:isolate;\r\n      padding: clamp(40px,7vw,72px) clamp(18px,5vw,36px);\r\n      color:var(--ink);\r\n      background:\r\n        radial-gradient(700px 360px at 90% 0%, #bfe7ff55, transparent 60%),\r\n        radial-gradient(600px 320px at 8% 8%, #c7efff40, transparent 60%),\r\n        linear-gradient(180deg, #f4f8ff, #f9fbff);\r\n      border-radius:20px;\r\n      border:1px solid #edf3ff;\r\n    }\r\n    \/* header *\/\r\n    .trw-head{ text-align:center; margin-bottom: clamp(18px,3.5vw,28px); }\r\n    .trw-title{\r\n      margin:0 0 6px; font-weight:900;\r\n      font-size: clamp(26px,4.2vw,38px); line-height:1.15; letter-spacing:.2px;\r\n      color:#0e2b4d;\r\n      text-shadow:0 2px 0 #fff;\r\n    }\r\n\r\n    \/* grid *\/\r\n    .trw-grid{\r\n      max-width: 1200px; margin: 0 auto;\r\n      display:grid; gap: clamp(14px,2.4vw,24px);\r\n      grid-template-columns: repeat(4, minmax(0,1fr));\r\n    }\r\n    @media (max-width: 1024px){ .trw-grid{ grid-template-columns: repeat(2,1fr); } }\r\n    @media (max-width: 580px){ .trw-grid{ grid-template-columns: 1fr; } }\r\n\r\n    \/* card *\/\r\n    .trw-card{\r\n      position:relative; border-radius:18px; overflow:hidden;\r\n      background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.86));\r\n      border:1px solid var(--edge);\r\n      box-shadow: var(--shadow-card);\r\n      padding: 22px 18px;\r\n      display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;\r\n      transform: translateY(6px); opacity:0;\r\n      animation: rise .8s cubic-bezier(.2,.8,.2,1) forwards;\r\n    }\r\n    \/* staggered reveal *\/\r\n    .trw-card:nth-child(1){ animation-delay:.05s }\r\n    .trw-card:nth-child(2){ animation-delay:.12s }\r\n    .trw-card:nth-child(3){ animation-delay:.19s }\r\n    .trw-card:nth-child(4){ animation-delay:.26s }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n\r\n    \/* icon pill *\/\r\n    .trw-ico{\r\n      width:56px; height:56px; border-radius:14px;\r\n      display:grid; place-items:center;\r\n      background: radial-gradient(60% 60% at 35% 30%, #fff 0, #fff0 60%),\r\n                  linear-gradient(135deg, #e9f9ff, #dff4ff);\r\n      border:1px solid #cfeaff;\r\n      box-shadow: inset 0 0 0 1px #ffffff80, var(--glow);\r\n      margin-bottom: 4px;\r\n      position:relative;\r\n    }\r\n    .trw-ico svg{ width:28px; height:28px; fill:none; stroke:url(#g); stroke-width:2.4; }\r\n    \/* tiny breathing effect on icon *\/\r\n    .trw-ico::after{\r\n      content:\"\"; position:absolute; inset:-12px; border-radius:18px;\r\n      background: radial-gradient(60% 60% at 50% 50%, #7ae8ff22, transparent 70%);\r\n      animation: breathe 3.6s ease-in-out infinite;\r\n    }\r\n    @keyframes breathe{ 50%{ transform:scale(1.04); opacity:.9 } }\r\n\r\n    .trw-h{ font-weight:800; font-size: 18px; color:#0a4da0; margin:4px 0 2px; }\r\n    .trw-p{ color:var(--muted); font-size:14px; line-height:1.8; }\r\n\r\n    \/* hover *\/\r\n    .trw-card:hover{\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 26px 58px rgba(15,41,86,.16);\r\n    }\r\n\r\n    \/* subtle bottom puddle shadow *\/\r\n    .trw-card::after{\r\n      content:\"\"; position:absolute; left:12%; right:12%; bottom:-10px; height:16px; border-radius:50%;\r\n      background: radial-gradient(60% 60% at 50% 50%, rgba(11,37,73,.18), transparent 70%);\r\n      filter: blur(6px); pointer-events:none;\r\n    }\r\n\r\n    \/* reduced motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trw-card{ animation:none; transform:none; opacity:1 }\r\n      .trw-ico::after{ animation:none }\r\n      .trw-card:hover{ transform:none }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trw-head\">\r\n    <h2 class=\"trw-title\">Why Choose TrendRoute?<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"trw-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Truck icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M3 6h11v8H3zM14 9h4l3 3v2h-7V9z\"\/>\r\n          <circle cx=\"7\" cy=\"16\" r=\"2\"\/><circle cx=\"17\" cy=\"16\" r=\"2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">AI-Powered Routing<\/h3>\r\n      <p class=\"trw-p\">\r\n        Leverage real-time traffic and historical data to compute the fastest, most efficient routes.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Pin icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 21s6-6.5 6-11a6 6 0 1 0-12 0c0 4.5 6 11 6 11z\"\/>\r\n          <circle cx=\"12\" cy=\"10\" r=\"2.2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Accurate ETAs<\/h3>\r\n      <p class=\"trw-p\">\r\n        Get precise arrival estimates based on historical traffic trends and delivery patterns for more predictable scheduling.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Thermometer\/analytics icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M10 4v12a4 4 0 1 0 4 0V4a2 2 0 1 0-4 0z\"\/>\r\n          <circle cx=\"12\" cy=\"18\" r=\"1.8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Analytical Dashboard<\/h3>\r\n      <p class=\"trw-p\">\r\n        Access insights into delivery performance, route efficiency, and operational metrics through customizable visual reports.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"trw-card\">\r\n      <div class=\"trw-ico\" aria-hidden=\"true\">\r\n        <!-- Dollar icon -->\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 2v20M8 7c0-2 8-2 8 0s-8 2-8 4 8 2 8 4-8 2-8 0\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trw-h\">Pay-As-You-Go<\/h3>\r\n      <p class=\"trw-p\">\r\n        Flexible, transparent pricing so you only pay for the stops you optimize.\r\n      <\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- ============== \/Why Choose TrendRoute? ============== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f888159 e-con-full e-flex e-con e-parent\" data-id=\"f888159\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6574a35 elementor-widget elementor-widget-html\" data-id=\"6574a35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========== TrendRoute \u2022 Dashboard Showcase (Elementor-ready \/ No-JS) ========== -->\r\n<section class=\"tr-dash\" dir=\"ltr\" aria-label=\"Dashboard showcase\">\r\n  <style>\r\n    .tr-dash{\r\n      --ink:#0f2b4d; --muted:#5d6f8f;\r\n      --brand1:#0ea5ea; --brand2:#22d3ee; --brand3:#3b82f6;\r\n      --card:#ffffff; --edge:#e7eefb;\r\n      --shadow-lg:0 40px 90px rgba(12,34,69,.18);\r\n      --shadow-sm:0 14px 34px rgba(12,34,69,.14);\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      padding: clamp(42px,8vw,88px) clamp(18px,5vw,42px);\r\n      color:var(--ink);\r\n      background:\r\n        radial-gradient(80% 70% at 15% -10%, #dff6ff66, transparent 60%),\r\n        radial-gradient(80% 70% at 95% 0%, #e8f7ff55, transparent 60%),\r\n        linear-gradient(180deg, #f4f8ff, #fbfdff);\r\n      border-radius:22px; border:1px solid #edf3ff;\r\n    }\r\n    \/* subtle animated light *\/\r\n    .tr-dash::after{\r\n      content:\"\"; position:absolute; inset:-10% -20% auto -20%; height:70%;\r\n      background: radial-gradient(50% 60% at 70% 40%, #c9f1ff66, transparent 60%);\r\n      filter: blur(20px); pointer-events:none; animation: fog 16s ease-in-out infinite alternate;\r\n    }\r\n    @keyframes fog{ from{ transform:translateY(-8px)} to{ transform:translateY(8px)} }\r\n\r\n    .trd-wrap{ max-width:1200px; margin:0 auto; display:grid; gap:32px;\r\n      grid-template-columns: 1.02fr 1.18fr; align-items:center; }\r\n    @media (max-width: 1020px){ .trd-wrap{ grid-template-columns:1fr; } }\r\n\r\n    \/* Left content *\/\r\n    .trd-chip{\r\n      display:inline-flex; gap:8px; align-items:center; padding:6px 12px; border-radius:999px;\r\n      font:700 12px\/1.2 system-ui, -apple-system, \"Segoe UI\";\r\n      color:#0b2e57; background:#e8f7ff; border:1px solid #bfe9ff;\r\n    }\r\n    .trd-chip i{ width:8px; height:8px; border-radius:50%;\r\n      background: radial-gradient(circle at 30% 30%, #fff, #fff0 60%), linear-gradient(135deg, var(--brand1), var(--brand2)); box-shadow:0 0 12px #76eeff; }\r\n    .trd-title{\r\n      margin:12px 0 10px; font:900 clamp(26px,4.2vw,40px)\/1.15 system-ui, -apple-system, \"Segoe UI\";\r\n      letter-spacing:.2px; color:#0f2b4d;\r\n    }\r\n    .trd-sub{ color:var(--muted); font:500 clamp(14px,1.4vw,16px)\/1.9 system-ui; max-width:620px; }\r\n\r\n    .trd-list{ margin:14px 0 0; display:grid; gap:10px; }\r\n    .trd-list li{ display:flex; align-items:flex-start; gap:10px; color:#153a6a; font:500 14px\/1.8 system-ui; }\r\n    .trd-list li::before{\r\n      content:\"\"; margin-top:6px; width:14px; height:14px; border-radius:6px;\r\n      background: linear-gradient(135deg, var(--brand3), var(--brand1)); box-shadow: 0 0 0 2px #e6f4ff inset;\r\n    }\r\n\r\n    .trd-cta{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }\r\n    .trd-btn{\r\n      display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 18px; border-radius:12px;\r\n      border:0; cursor:pointer; font:800 14px\/1 system-ui; text-decoration:none; color:#052a44;\r\n      background: linear-gradient(90deg, #10b981, #00d2ff); box-shadow:0 14px 28px rgba(0,210,255,.28);\r\n      transition: transform .18s ease, box-shadow .2s ease, background-position .6s ease; background-size:180% 100%;\r\n    }\r\n    .trd-btn:hover{ transform:translateY(-2px); box-shadow:0 20px 36px rgba(0,210,255,.36); background-position: 100% 0; }\r\n    .trd-btn.ghost{ background:linear-gradient(90deg, #ffffff, #f6fbff); border:1px solid #cfe2ff; color:#0b2e57; box-shadow:var(--shadow-sm); }\r\n\r\n    \/* Right image frame *\/\r\n    .trd-frame{\r\n      position:relative; border-radius:20px; overflow:hidden; background:#ffffffcc;\r\n      border:1px solid var(--edge); box-shadow: var(--shadow-lg);\r\n      padding: clamp(8px,1vw,12px);\r\n    }\r\n    .trd-mock{\r\n      position:relative; border-radius:16px; overflow:hidden; background:#fff;\r\n      border:1px solid #e6edf8; box-shadow: 0 18px 50px rgba(15,41,86,.18);\r\n      transform: translateY(8px); opacity:0; animation: rise .9s cubic-bezier(.2,.8,.2,1) .15s forwards;\r\n    }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n\r\n    .trd-gloss{ content:\"\"; position:absolute; inset:0;\r\n      background: linear-gradient(145deg, transparent 0 55%, rgba(255,255,255,.14) 70%, transparent 85%);\r\n      pointer-events:none;\r\n    }\r\n    .trd-img{ display:block; width:100%; height:auto; object-fit:cover; }\r\n\r\n    \/* badge on frame *\/\r\n    .trd-badge{\r\n      position:absolute; left:16px; top:16px; padding:6px 10px; border-radius:999px;\r\n      font:700 12px\/1 system-ui; color:#0a2a4d; background:#e8f7ff; border:1px solid #bfe9ff;\r\n      box-shadow: inset 0 0 0 1px #ffffff80;\r\n    }\r\n\r\n    \/* tiny float animation *\/\r\n    .trd-frame{ animation: float 8s ease-in-out infinite alternate; }\r\n    @keyframes float{ from{ transform:translateY(-3px) } to{ transform:translateY(3px) } }\r\n\r\n    \/* reduce motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trd-frame{ animation:none }\r\n      .trd-mock{ animation:none; transform:none; opacity:1 }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trd-wrap\">\r\n    <!-- Left copy (edit freely) -->\r\n    <div class=\"trd-copy\">\r\n      <span class=\"trd-chip\"><i><\/i> Product Snapshot<\/span>\r\n      <h2 class=\"trd-title\">All-in-one Dispatch, Billing & Route Management<\/h2>\r\n      <p class=\"trd-sub\">\r\n        A clear, operator-friendly dashboard that brings everything together: orders, drivers, payments,\r\n        and route performance\u2014so your team can act faster with better context.\r\n      <\/p>\r\n<ul class=\"trd-list\" role=\"list\">\r\n  <li>Side navigation for quick modules switching<\/li>\r\n  <li>Live tracking focus: real-time vehicle locations, ETA updates, and order status on the map<\/li>\r\n  <li>Delay analytics visible to food delivery business owners: track late orders, preparation delays, and service performance<\/li>\r\n<\/ul>\r\n\r\n\r\n      <div class=\"trd-cta\">\r\n        <a class=\"trd-btn\" href=\"https:\/\/trendroute.ai\/en\/#form-demo\">View Live Demo<\/a>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: dashboard image -->\r\n    <figure class=\"trd-frame\">\r\n      <span class=\"trd-badge\">Dashboard<\/span>\r\n      <div class=\"trd-mock\">\r\n        <img decoding=\"async\" class=\"trd-img\"\r\n             src=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-22-at-14.13.23.jpeg\"\r\n             alt=\"TrendRoute Dashboard preview\">\r\n        <i class=\"trd-gloss\" aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/Dashboard Showcase ========== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7f2605 e-con-full e-flex e-con e-parent\" data-id=\"f7f2605\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d6da98 elementor-widget elementor-widget-html\" data-id=\"7d6da98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .ecoex-section,\r\n  .ecoex-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ecoex-section {\r\n    --ecoex-bg: #f5faff;\r\n    --ecoex-card: #ffffff;\r\n    --ecoex-text: #14213d;\r\n    --ecoex-muted: #64748b;\r\n\r\n    --ecoex-primary: #4da8f5;\r\n    --ecoex-primary-dark: #2578c4;\r\n    --ecoex-primary-light: #eaf6ff;\r\n\r\n    --ecoex-border: #dcecf9;\r\n\r\n    --ecoex-dark: #122b45;\r\n    --ecoex-dark-light: #193a5b;\r\n\r\n    width: 100%;\r\n    background: var(--ecoex-bg);\r\n    color: var(--ecoex-text);\r\n    font-family: inherit;\r\n    padding: 100px 24px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ecoex-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     HEADER\r\n  ========================== *\/\r\n\r\n  .ecoex-header {\r\n    max-width: 850px;\r\n    margin: 0 auto 64px;\r\n    text-align: center;\r\n  }\r\n\r\n  .ecoex-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 20px;\r\n    padding: 8px 14px;\r\n    border: 1px solid #cce7fb;\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,.9);\r\n    color: var(--ecoex-primary-dark);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ecoex-eyebrow-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--ecoex-primary);\r\n    box-shadow: 0 0 0 5px rgba(77,168,245,.14);\r\n  }\r\n\r\n  .ecoex-title {\r\n    margin: 0 0 24px;\r\n    font-size: clamp(38px, 5vw, 68px);\r\n    line-height: 1.02;\r\n    letter-spacing: -0.045em;\r\n    font-weight: 750;\r\n    color: var(--ecoex-text);\r\n  }\r\n\r\n  .ecoex-title span {\r\n    color: var(--ecoex-primary);\r\n  }\r\n\r\n  .ecoex-lead {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n    color: var(--ecoex-muted);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     FEATURE CHIPS\r\n  ========================== *\/\r\n\r\n  .ecoex-feature-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin: 36px auto 0;\r\n    max-width: 900px;\r\n  }\r\n\r\n  .ecoex-feature-chip {\r\n    padding: 10px 15px;\r\n    border: 1px solid var(--ecoex-border);\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,.9);\r\n    color: #40556b;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    transition: .25s ease;\r\n  }\r\n\r\n  .ecoex-feature-chip:hover {\r\n    border-color: #afd9f7;\r\n    background: #ffffff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     MAIN SHOWCASE\r\n  ========================== *\/\r\n\r\n  .ecoex-showcase {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: .92fr 1.08fr;\r\n    gap: 54px;\r\n    align-items: center;\r\n\r\n    padding: 56px;\r\n\r\n    border-radius: 34px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0%,\r\n        rgba(83,183,255,.18),\r\n        transparent 34%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        #102941 0%,\r\n        #153653 100%\r\n      );\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n      0 30px 80px rgba(37,100,150,.14);\r\n  }\r\n\r\n  .ecoex-showcase::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -150px;\r\n    top: -180px;\r\n    background: rgba(77,168,245,.16);\r\n    border-radius: 50%;\r\n    filter: blur(10px);\r\n  }\r\n\r\n  .ecoex-showcase::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    left: 30%;\r\n    bottom: -220px;\r\n    background: rgba(77,168,245,.09);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .ecoex-showcase-content {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ecoex-kicker {\r\n    margin-bottom: 14px;\r\n    color: #78c7ff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: .08em;\r\n  }\r\n\r\n  .ecoex-showcase-title {\r\n    margin: 0 0 20px;\r\n    color: #ffffff;\r\n    font-size: clamp(30px, 4vw, 46px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .ecoex-showcase-text {\r\n    margin: 0 0 28px;\r\n    color: #bfd3e4;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .ecoex-benefits {\r\n    display: grid;\r\n    gap: 13px;\r\n  }\r\n\r\n  .ecoex-benefit {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n    color: #f1f8fd;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .ecoex-check {\r\n    flex: 0 0 24px;\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(85,184,255,.15);\r\n    color: #7dcbff;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     DELIVERY MAP\r\n  ========================== *\/\r\n\r\n  .ecoex-tracking-card {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    min-height: 440px;\r\n    padding: 18px;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n\r\n    border-radius: 28px;\r\n\r\n    background: rgba(255,255,255,.07);\r\n\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .ecoex-map {\r\n    position: relative;\r\n    min-height: 404px;\r\n\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n      linear-gradient(\r\n        rgba(255,255,255,.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.035) 1px,\r\n        transparent 1px\r\n      ),\r\n      #183854;\r\n\r\n    background-size: 42px 42px;\r\n  }\r\n\r\n  .ecoex-road {\r\n    position: absolute;\r\n\r\n    height: 8px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #37566f;\r\n\r\n    transform-origin: left center;\r\n  }\r\n\r\n  .ecoex-road-1 {\r\n    width: 80%;\r\n    left: 4%;\r\n    top: 57%;\r\n    transform: rotate(-18deg);\r\n  }\r\n\r\n  .ecoex-road-2 {\r\n    width: 70%;\r\n    left: 34%;\r\n    top: 20%;\r\n    transform: rotate(65deg);\r\n  }\r\n\r\n  .ecoex-road-3 {\r\n    width: 60%;\r\n    left: 8%;\r\n    top: 29%;\r\n    transform: rotate(12deg);\r\n  }\r\n\r\n  .ecoex-route {\r\n    position: absolute;\r\n\r\n    width: 57%;\r\n    height: 150px;\r\n\r\n    left: 20%;\r\n    top: 28%;\r\n\r\n    border-left: 4px dashed #59b9fa;\r\n    border-bottom: 4px dashed #59b9fa;\r\n\r\n    border-radius: 0 0 0 80px;\r\n\r\n    transform: rotate(-12deg);\r\n  }\r\n\r\n  .ecoex-location {\r\n    position: absolute;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    border-radius: 50% 50% 50% 8px;\r\n\r\n    transform: rotate(-45deg);\r\n\r\n    box-shadow: 0 8px 20px rgba(0,0,0,.25);\r\n  }\r\n\r\n  .ecoex-location::after {\r\n    content: \"\";\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n  }\r\n\r\n  .ecoex-location-start {\r\n    left: 17%;\r\n    bottom: 22%;\r\n    background: #55b7f5;\r\n  }\r\n\r\n  .ecoex-location-end {\r\n    right: 18%;\r\n    top: 19%;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .ecoex-location-end::after {\r\n    background: var(--ecoex-primary);\r\n  }\r\n\r\n\r\n  \/* DRIVER *\/\r\n\r\n  .ecoex-driver {\r\n    position: absolute;\r\n\r\n    left: 48%;\r\n    top: 43%;\r\n\r\n    width: 56px;\r\n    height: 56px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border: 5px solid rgba(91,188,255,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #5bbcff;\r\n\r\n    color: #102b42;\r\n\r\n    font-size: 23px;\r\n\r\n    box-shadow:\r\n      0 10px 30px rgba(66,171,244,.32);\r\n  }\r\n\r\n\r\n  \/* STATUS *\/\r\n\r\n  .ecoex-status {\r\n    position: absolute;\r\n\r\n    left: 20px;\r\n    right: 20px;\r\n    bottom: 20px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr auto;\r\n\r\n    gap: 20px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 17px 18px;\r\n\r\n    border: 1px solid rgba(255,255,255,.12);\r\n\r\n    border-radius: 16px;\r\n\r\n    background: rgba(12,39,60,.90);\r\n\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n  }\r\n\r\n  .ecoex-status-label {\r\n    margin-bottom: 5px;\r\n\r\n    color: #8da9bd;\r\n\r\n    font-size: 11px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .06em;\r\n  }\r\n\r\n  .ecoex-status-value {\r\n    color: #ffffff;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n  }\r\n\r\n\r\n  \/* LIVE *\/\r\n\r\n  .ecoex-live {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 7px 11px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background: rgba(88,188,255,.14);\r\n\r\n    color: #83d0ff;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ecoex-live::before {\r\n    content: \"\";\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #67c4ff;\r\n\r\n    animation: ecoexPulse 1.6s infinite;\r\n  }\r\n\r\n  @keyframes ecoexPulse {\r\n\r\n    0% {\r\n      box-shadow: 0 0 0 0 rgba(103,196,255,.45);\r\n    }\r\n\r\n    70% {\r\n      box-shadow: 0 0 0 8px rgba(103,196,255,0);\r\n    }\r\n\r\n    100% {\r\n      box-shadow: 0 0 0 0 rgba(103,196,255,0);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CONTENT\r\n  ========================== *\/\r\n\r\n  .ecoex-content-block {\r\n    padding-top: 92px;\r\n  }\r\n\r\n  .ecoex-section-heading {\r\n    max-width: 690px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .ecoex-small-label {\r\n    display: inline-block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: var(--ecoex-primary-dark);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .08em;\r\n  }\r\n\r\n  .ecoex-h2 {\r\n    margin: 0 0 18px;\r\n\r\n    font-size: clamp(30px, 4vw, 46px);\r\n\r\n    line-height: 1.12;\r\n\r\n    letter-spacing: -0.035em;\r\n\r\n    color: var(--ecoex-text);\r\n  }\r\n\r\n  .ecoex-subtext {\r\n    margin: 0;\r\n\r\n    color: var(--ecoex-muted);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     FEATURE CARDS\r\n  ========================== *\/\r\n\r\n  .ecoex-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .ecoex-card {\r\n    padding: 30px;\r\n\r\n    border: 1px solid var(--ecoex-border);\r\n\r\n    border-radius: 24px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        #ffffff,\r\n        #fbfdff\r\n      );\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      box-shadow .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .ecoex-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    border-color: #b8ddf7;\r\n\r\n    box-shadow:\r\n      0 18px 45px rgba(52,128,180,.10);\r\n  }\r\n\r\n  .ecoex-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: var(--ecoex-primary-light);\r\n\r\n    color: var(--ecoex-primary-dark);\r\n\r\n    font-size: 22px;\r\n  }\r\n\r\n  .ecoex-card h3 {\r\n    margin: 0 0 11px;\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1.3;\r\n\r\n    color: var(--ecoex-text);\r\n  }\r\n\r\n  .ecoex-card p {\r\n    margin: 0;\r\n\r\n    color: var(--ecoex-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     INTEGRATION \/ ROUTING\r\n  ========================== *\/\r\n\r\n  .ecoex-split {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 22px;\r\n  }\r\n\r\n  .ecoex-large-card {\r\n    padding: 42px;\r\n\r\n    border-radius: 28px;\r\n\r\n    border: 1px solid var(--ecoex-border);\r\n\r\n    background: #ffffff;\r\n  }\r\n\r\n  .ecoex-large-card-dark {\r\n    background:\r\n      radial-gradient(\r\n        circle at 100% 0,\r\n        rgba(82,182,250,.16),\r\n        transparent 38%\r\n      ),\r\n      #173653;\r\n\r\n    border-color: #173653;\r\n\r\n    color: #ffffff;\r\n  }\r\n\r\n  .ecoex-large-card .ecoex-icon {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .ecoex-large-card-dark .ecoex-icon {\r\n    background: rgba(90,190,255,.13);\r\n\r\n    color: #7dceff;\r\n  }\r\n\r\n  .ecoex-large-card h3 {\r\n    margin: 0 0 14px;\r\n\r\n    font-size: 26px;\r\n\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .ecoex-large-card p {\r\n    margin: 0 0 24px;\r\n\r\n    color: var(--ecoex-muted);\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .ecoex-large-card-dark p {\r\n    color: #bdd1df;\r\n  }\r\n\r\n  .ecoex-mini-list {\r\n    display: grid;\r\n\r\n    gap: 12px;\r\n  }\r\n\r\n  .ecoex-mini-list div {\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 10px;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n  }\r\n\r\n  .ecoex-mini-list div::before {\r\n    content: \"\u2713\";\r\n\r\n    color: var(--ecoex-primary);\r\n\r\n    font-weight: 900;\r\n  }\r\n\r\n  .ecoex-large-card-dark .ecoex-mini-list div::before {\r\n    color: #76caff;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     ROLES\r\n  ========================== *\/\r\n\r\n  .ecoex-roles {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n  .ecoex-role {\r\n    position: relative;\r\n\r\n    padding: 30px;\r\n\r\n    border: 1px solid var(--ecoex-border);\r\n\r\n    border-radius: 24px;\r\n\r\n    background: #ffffff;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n      transform .25s ease,\r\n      box-shadow .25s ease;\r\n  }\r\n\r\n  .ecoex-role:hover {\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n      0 18px 40px rgba(56,128,181,.09);\r\n  }\r\n\r\n  .ecoex-role-number {\r\n    position: absolute;\r\n\r\n    right: 20px;\r\n    top: 12px;\r\n\r\n    color: #edf7fd;\r\n\r\n    font-size: 70px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n  }\r\n\r\n  .ecoex-role h3,\r\n  .ecoex-role p,\r\n  .ecoex-role .ecoex-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ecoex-role h3 {\r\n    margin: 0 0 10px;\r\n\r\n    font-size: 21px;\r\n\r\n    color: var(--ecoex-text);\r\n  }\r\n\r\n  .ecoex-role p {\r\n    margin: 0;\r\n\r\n    color: var(--ecoex-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     FINAL\r\n  ========================== *\/\r\n\r\n  .ecoex-final {\r\n    position: relative;\r\n\r\n    margin-top: 92px;\r\n\r\n    padding: 64px 56px;\r\n\r\n    text-align: center;\r\n\r\n    border-radius: 32px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 20% 0%,\r\n        rgba(88,190,255,.22),\r\n        transparent 34%\r\n      ),\r\n      radial-gradient(\r\n        circle at 90% 100%,\r\n        rgba(61,153,220,.15),\r\n        transparent 35%\r\n      ),\r\n      #102b44;\r\n\r\n    color: #ffffff;\r\n\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ecoex-final .ecoex-small-label {\r\n    color: #7fceff;\r\n  }\r\n\r\n  .ecoex-final h2 {\r\n    max-width: 750px;\r\n\r\n    margin: 0 auto 18px;\r\n\r\n    font-size: clamp(31px, 4vw, 50px);\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -0.035em;\r\n\r\n    color: #ffffff;\r\n  }\r\n\r\n  .ecoex-final p {\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: #bed2df;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     RESPONSIVE\r\n  ========================== *\/\r\n\r\n  @media (max-width: 980px) {\r\n\r\n    .ecoex-section {\r\n      padding: 80px 20px;\r\n    }\r\n\r\n    .ecoex-showcase {\r\n      grid-template-columns: 1fr;\r\n\r\n      padding: 40px;\r\n    }\r\n\r\n    .ecoex-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .ecoex-split {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ecoex-roles {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  @media (max-width: 640px) {\r\n\r\n    .ecoex-section {\r\n      padding: 64px 16px;\r\n    }\r\n\r\n    .ecoex-header {\r\n      margin-bottom: 45px;\r\n    }\r\n\r\n    .ecoex-title {\r\n      font-size: 40px;\r\n    }\r\n\r\n    .ecoex-lead {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .ecoex-feature-list {\r\n      gap: 8px;\r\n    }\r\n\r\n    .ecoex-feature-chip {\r\n      font-size: 12px;\r\n      padding: 8px 11px;\r\n    }\r\n\r\n    .ecoex-showcase {\r\n      padding: 28px 20px 20px;\r\n\r\n      border-radius: 24px;\r\n\r\n      gap: 34px;\r\n    }\r\n\r\n    .ecoex-tracking-card {\r\n      min-height: 370px;\r\n\r\n      padding: 10px;\r\n    }\r\n\r\n    .ecoex-map {\r\n      min-height: 350px;\r\n    }\r\n\r\n    .ecoex-status {\r\n      left: 12px;\r\n      right: 12px;\r\n      bottom: 12px;\r\n\r\n      gap: 10px;\r\n    }\r\n\r\n    .ecoex-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ecoex-card,\r\n    .ecoex-large-card,\r\n    .ecoex-role {\r\n      padding: 25px;\r\n    }\r\n\r\n    .ecoex-content-block {\r\n      padding-top: 70px;\r\n    }\r\n\r\n    .ecoex-final {\r\n      margin-top: 70px;\r\n\r\n      padding: 45px 22px;\r\n\r\n      border-radius: 24px;\r\n    }\r\n\r\n  }\r\n<\/style>\r\n\r\n\r\n<section class=\"ecoex-section\">\r\n\r\n  <div class=\"ecoex-container\">\r\n\r\n\r\n    <!-- =====================\r\n         HEADER\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-header\">\r\n\r\n      <div class=\"ecoex-eyebrow\">\r\n\r\n        <span class=\"ecoex-eyebrow-dot\"><\/span>\r\n\r\n        EcoEx Food Delivery\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"ecoex-title\">\r\n\r\n        Smart food delivery operations, built for\r\n\r\n        <span>speed and visibility.<\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"ecoex-lead\">\r\n\r\n        EcoEx is a modern food delivery platform designed to help restaurants,\r\n        delivery companies, and multi-location food businesses manage orders,\r\n        drivers, and routes in one connected system.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"ecoex-feature-list\">\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Order Management\r\n        <\/span>\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Driver Management\r\n        <\/span>\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Route Optimization\r\n        <\/span>\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Live Tracking\r\n        <\/span>\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Delivery Status\r\n        <\/span>\r\n\r\n        <span class=\"ecoex-feature-chip\">\r\n          Recipient Visibility\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================\r\n         LIVE TRACKING\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-showcase\">\r\n\r\n\r\n      <div class=\"ecoex-showcase-content\">\r\n\r\n        <div class=\"ecoex-kicker\">\r\n\r\n          Real-time visibility\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"ecoex-showcase-title\">\r\n\r\n          Know where every delivery is.\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"ecoex-showcase-text\">\r\n\r\n          EcoEx supports real-time driver location tracking,\r\n          giving operations teams a clear view of active\r\n          deliveries from dispatch to arrival. The same\r\n          tracking experience can also be shared with recipients.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"ecoex-benefits\">\r\n\r\n\r\n          <div class=\"ecoex-benefit\">\r\n\r\n            <span class=\"ecoex-check\">\u2713<\/span>\r\n\r\n            Better dispatch coordination\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ecoex-benefit\">\r\n\r\n            <span class=\"ecoex-check\">\u2713<\/span>\r\n\r\n            More accurate delivery estimates\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ecoex-benefit\">\r\n\r\n            <span class=\"ecoex-check\">\u2713<\/span>\r\n\r\n            Greater operational visibility\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ecoex-benefit\">\r\n\r\n            <span class=\"ecoex-check\">\u2713<\/span>\r\n\r\n            More confidence for recipients\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Tracking Visual -->\r\n\r\n      <div class=\"ecoex-tracking-card\">\r\n\r\n\r\n        <div class=\"ecoex-map\">\r\n\r\n\r\n          <div class=\"ecoex-road ecoex-road-1\"><\/div>\r\n\r\n          <div class=\"ecoex-road ecoex-road-2\"><\/div>\r\n\r\n          <div class=\"ecoex-road ecoex-road-3\"><\/div>\r\n\r\n\r\n          <div class=\"ecoex-route\"><\/div>\r\n\r\n\r\n          <div class=\"ecoex-location ecoex-location-start\"><\/div>\r\n\r\n          <div class=\"ecoex-location ecoex-location-end\"><\/div>\r\n\r\n\r\n          <div class=\"ecoex-driver\">\r\n\r\n            \u279c\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ecoex-status\">\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"ecoex-status-label\">\r\n\r\n                Delivery status\r\n\r\n              <\/div>\r\n\r\n              <div class=\"ecoex-status-value\">\r\n\r\n                Driver is on the way\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ecoex-live\">\r\n\r\n              Live\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================\r\n         FEATURES\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-content-block\">\r\n\r\n\r\n      <div class=\"ecoex-section-heading\">\r\n\r\n        <span class=\"ecoex-small-label\">\r\n\r\n          Built for delivery operations\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"ecoex-h2\">\r\n\r\n          One system for the essential parts of food delivery.\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"ecoex-subtext\">\r\n\r\n          From local restaurants to growing delivery companies,\r\n          EcoEx creates a more organized workflow for teams\r\n          managing daily deliveries.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"ecoex-grid\">\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u25a4\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Order Management\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Create, organize, and monitor delivery orders\r\n            through one connected operational workflow.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u25cf\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Driver Management\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Coordinate drivers, delivery assignments,\r\n            availability, and day-to-day delivery activity.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2301\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Route Optimization\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Automatically organize deliveries into smarter\r\n            routes to reduce delays and improve driver efficiency.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2316\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Live Location Tracking\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Follow active drivers in real time and maintain\r\n            better visibility across your delivery operation.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2713\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Delivery Status Updates\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Keep operations teams informed as each delivery\r\n            moves from assignment to completion.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-card\">\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2197\r\n\r\n          <\/div>\r\n\r\n          <h3>\r\n\r\n            Scalable Integration\r\n\r\n          <\/h3>\r\n\r\n          <p>\r\n\r\n            Connect EcoEx to existing restaurant systems,\r\n            mobile apps, and custom delivery infrastructure.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================\r\n         APP + ROUTING\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-content-block\">\r\n\r\n\r\n      <div class=\"ecoex-split\">\r\n\r\n\r\n        <div class=\"ecoex-large-card\">\r\n\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u25a3\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"ecoex-small-label\">\r\n\r\n            Optional recipient app\r\n\r\n          <\/span>\r\n\r\n\r\n          <h3>\r\n\r\n            Your delivery engine, behind your brand.\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            EcoEx can connect to a dedicated recipient mobile\r\n            app or work behind an existing restaurant or food\r\n            delivery application.\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"ecoex-mini-list\">\r\n\r\n\r\n            <div>\r\n\r\n              Offer your own branded customer app\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Integrate with an existing restaurant app\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Provide live order tracking to recipients\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Create a smoother end-to-end experience\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-large-card ecoex-large-card-dark\">\r\n\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2301\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"ecoex-small-label\">\r\n\r\n            Intelligent routing\r\n\r\n          <\/span>\r\n\r\n\r\n          <h3>\r\n\r\n            Smarter routes. More efficient deliveries.\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            EcoEx automatically organizes deliveries into\r\n            optimized routes, taking delivery structure,\r\n            driver capacity, and operational logic into account.\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"ecoex-mini-list\">\r\n\r\n\r\n            <div>\r\n\r\n              Reduce unnecessary delivery delays\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Improve driver utilization\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Support smarter dispatch decisions\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              Handle growing delivery volumes\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================\r\n         ROLES\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-content-block\">\r\n\r\n\r\n      <div class=\"ecoex-section-heading\">\r\n\r\n\r\n        <span class=\"ecoex-small-label\">\r\n\r\n          Designed around three roles\r\n\r\n        <\/span>\r\n\r\n\r\n        <h2 class=\"ecoex-h2\">\r\n\r\n          Built for the people who run the operation.\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"ecoex-subtext\">\r\n\r\n          Each role gets the tools and visibility needed\r\n          to keep deliveries moving efficiently.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"ecoex-roles\">\r\n\r\n\r\n        <div class=\"ecoex-role\">\r\n\r\n\r\n          <span class=\"ecoex-role-number\">\r\n\r\n            01\r\n\r\n          <\/span>\r\n\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u2699\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n\r\n            Admins\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            Manage the platform, monitor delivery activity,\r\n            and oversee the complete operation.\r\n\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-role\">\r\n\r\n\r\n          <span class=\"ecoex-role-number\">\r\n\r\n            02\r\n\r\n          <\/span>\r\n\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u25a6\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n\r\n            Customers\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            Restaurants and delivery businesses create,\r\n            organize, and manage their delivery orders.\r\n\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ecoex-role\">\r\n\r\n\r\n          <span class=\"ecoex-role-number\">\r\n\r\n            03\r\n\r\n          <\/span>\r\n\r\n\r\n          <div class=\"ecoex-icon\">\r\n\r\n            \u279c\r\n\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n\r\n            Drivers\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            Receive routes, share their live location,\r\n            update delivery status, and complete deliveries.\r\n\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================\r\n         FINAL\r\n    ====================== -->\r\n\r\n    <div class=\"ecoex-final\">\r\n\r\n\r\n      <span class=\"ecoex-small-label\">\r\n\r\n        Why EcoEx\r\n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        A smarter way to run food delivery.\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        EcoEx helps food businesses move faster, stay organized,\r\n        and deliver a better customer experience with real-time\r\n        tracking, intelligent routing, better driver coordination,\r\n        and a scalable foundation built for real-world delivery\r\n        operations.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cce121c e-con-full e-flex e-con e-parent\" data-id=\"cce121c\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa76cd5 elementor-widget elementor-widget-html\" data-id=\"aa76cd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========== TrendRoute \u2022 How It Works + Fancy Code (Modern) ========== -->\r\n<section class=\"tr-how-code\" dir=\"ltr\" aria-label=\"How It Works\">\r\n  <style>\r\n    .tr-how-code{\r\n      --ink:#0e2b4d; --muted:#5d6f8f;\r\n      --blue1:#0ea5ea; --blue2:#3b82f6; --aqua:#22d3ee;\r\n      --bgTop:#f7faff; --bgBottom:#0b142b;\r\n      --radius:18px;\r\n      position:relative; overflow:hidden; isolation:isolate;\r\n      border-radius:20px; border:1px solid #eaf1ff;\r\n      background:\r\n        linear-gradient(180deg, var(--bgTop) 0%, var(--bgTop) 58%, var(--bgBottom) 58%, var(--bgBottom) 100%);\r\n    }\r\n\r\n    .tr-wrap{ max-width:1200px; margin:0 auto; padding: clamp(36px,6vw,60px) 22px; }\r\n    .tr-title{ text-align:center; margin:0 0 clamp(20px,3.6vw,32px); }\r\n    .tr-title h2{ font:900 clamp(26px,4.2vw,40px)\/1.15 system-ui; color:var(--ink); }\r\n\r\n    \/* Steps *\/\r\n    .tr-steps{ display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(14px,2.6vw,28px); margin-bottom: clamp(26px,5vw,46px); }\r\n    @media (max-width:980px){ .tr-steps{ grid-template-columns:1fr 1fr; } }\r\n    @media (max-width:560px){ .tr-steps{ grid-template-columns:1fr; } }\r\n\r\n    .step{ background:#fff; border:1px solid #e8eef8; border-radius:16px; padding:18px; box-shadow:0 12px 30px rgba(15,41,86,.08);\r\n      display:grid; grid-template-columns:56px 1fr; gap:12px; align-items:start; transition:transform .2s ease, box-shadow .2s ease; }\r\n    .step:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(15,41,86,.12); }\r\n    .num{ width:56px; height:56px; border-radius:14px; display:grid; place-items:center; font:800 18px\/1 system-ui; color:#0a2a4d;\r\n      background:linear-gradient(135deg,#e9f8ff,#d9f0ff); border:1px solid #cce9ff; }\r\n    .step h3{ margin:4px 0 6px; color:#0a4da0; font:800 18px\/1.2 system-ui }\r\n    .step p{ margin:0; color:var(--muted); font:500 14px\/1.8 system-ui }\r\n\r\n    \/* Code block *\/\r\n    .code-wrap{ margin: clamp(22px,4.6vw,40px) auto 0; max-width:880px;\r\n      border-radius:16px; overflow:hidden; box-shadow:0 24px 70px rgba(2,10,24,.55); position:relative; }\r\n    .code-head{ padding:12px 16px; background:linear-gradient(90deg, #0b75d8, #18b4f6); color:#fff; font:700 13px system-ui; letter-spacing:.3px; }\r\n    .code-body{ background:linear-gradient(180deg,#0f1d37,#0d1b33); font:500 14px\/1.9 ui-monospace,monospace; color:#cde6ff; padding:16px 20px; position:relative; }\r\n\r\n    \/* Decoration bottom *\/\r\n    .code-wrap::after{ content:\"\"; position:absolute; bottom:-2px; left:0; right:0; height:10px;\r\n      background:linear-gradient(90deg, rgba(14,165,233,.8), rgba(59,130,246,.8), rgba(34,211,238,.8));\r\n      filter:blur(8px); opacity:.7; }\r\n    .code-glow{ position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); width:120%; height:100px;\r\n      background:radial-gradient(ellipse at center, rgba(59,130,246,.25), transparent 70%); pointer-events:none; }\r\n\r\n    \/* Syntax *\/\r\n    .s-key{ color:#7dd3fc } .s-str{ color:#a7f3d0 } .s-num{ color:#fca5a5 } .s-punc{ color:#cbd5e1 }\r\n  <\/style>\r\n\r\n  <div class=\"tr-wrap\">\r\n    <!-- Title -->\r\n    <div class=\"tr-title\"><h2>How It Works<\/h2><\/div>\r\n\r\n    <!-- Steps -->\r\n    <div class=\"tr-steps\">\r\n      <div class=\"step\"><div class=\"num\">1<\/div><div><h3>Define Your Vehicles<\/h3><p>Send your vehicle profiles (capacity, type, speed). Each route starts from the pickup location.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">2<\/div><div><h3>Upload Orders<\/h3><p>POST a JSON array with pickup and delivery addresses, time-windows, and service times via our API.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">3<\/div><div><h3>Hit \u201cOptimize\u201d<\/h3><p>Our AI engine generates the most efficient, constraint-respecting routes in milliseconds.<\/p><\/div><\/div>\r\n      <div class=\"step\"><div class=\"num\">4<\/div><div><h3>Check Analytics<\/h3><p>Use the dashboard to track metrics like route efficiency, stops, distance, and delivery performance.<\/p><\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Code Block -->\r\n    <div class=\"code-wrap\">\r\n      <div class=\"code-head\">route_request.json<\/div>\r\n      <div class=\"code-body\">\r\n<pre><code>{\r\n  <span class=\"s-key\">\"cost_per_hour\"<\/span>: <span class=\"s-num\">3600<\/span>,\r\n  <span class=\"s-key\">\"cost_per_km\"<\/span>: <span class=\"s-num\">1<\/span>,\r\n  <span class=\"s-key\">\"hub\"<\/span>: { <span class=\"s-key\">\"id\"<\/span>: <span class=\"s-str\">\"hub_id\"<\/span>, <span class=\"s-key\">\"latitude\"<\/span>: <span class=\"s-num\">59.31<\/span>, <span class=\"s-key\">\"longitude\"<\/span>: <span class=\"s-num\">18.08<\/span> },\r\n  <span class=\"s-key\">\"max_distance\"<\/span>: <span class=\"s-num\">100000<\/span>,\r\n  <span class=\"s-key\">\"max_duration\"<\/span>: <span class=\"s-num\">100000<\/span>,\r\n  <span class=\"s-key\">\"orders\"<\/span>: [ <span class=\"s-punc\">\/* ... *\/<\/span> ]\r\n}<\/code><\/pre>\r\n      <\/div>\r\n      <div class=\"code-glow\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/How It Works + Fancy Code ========== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38e7363 e-con-full e-flex e-con e-parent\" data-id=\"38e7363\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-956cde2 elementor-widget elementor-widget-html\" data-id=\"956cde2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========== Business Benefits (Elementor-ready \/ No-JS) ========== -->\r\n<section class=\"tr-benefits\" dir=\"ltr\" aria-label=\"Business Benefits\">\r\n  <style>\r\n    .tr-benefits{\r\n      --ink:#0e2b4d; --muted:#5d6f8f;\r\n      --g1:#0ea5ea; --g2:#3b82f6; --g3:#22d3ee;\r\n      --card:#ffffff; --edge:#e8eef8;\r\n      --shadow:0 20px 46px rgba(15,41,86,.12);\r\n      position:relative; isolation:isolate; overflow:hidden;\r\n      padding: clamp(40px,7vw,72px) clamp(18px,5vw,36px);\r\n      border-radius:20px; border:1px solid #edf3ff;\r\n      background:\r\n        radial-gradient(700px 360px at 90% -10%, #cfeeff66, transparent 60%),\r\n        radial-gradient(600px 320px at 10% 0%, #e6f6ff55, transparent 60%),\r\n        linear-gradient(180deg, #f6f9ff, #fbfdff);\r\n      color:var(--ink);\r\n    }\r\n\r\n    \/* Header *\/\r\n    .trb-head{ text-align:center; margin-bottom: clamp(18px,3.6vw,28px); }\r\n    .trb-title{\r\n      margin:0; font-weight:900; letter-spacing:.2px;\r\n      font-size: clamp(26px,4.4vw,40px); line-height:1.15;\r\n    }\r\n    .trb-underline{\r\n      width: clamp(90px,12%,140px); height:6px; border-radius:6px; margin:10px auto 0;\r\n      background: linear-gradient(90deg, var(--g2), var(--g1));\r\n      box-shadow: 0 6px 20px rgba(14,165,233,.35);\r\n    }\r\n\r\n    \/* Grid *\/\r\n    .trb-grid{\r\n      max-width: 1200px; margin: 0 auto;\r\n      display:grid; gap: clamp(14px,2.4vw,24px);\r\n      grid-template-columns: repeat(4, minmax(0,1fr));\r\n    }\r\n    @media (max-width: 1024px){ .trb-grid{ grid-template-columns: repeat(2,1fr); } }\r\n    @media (max-width: 560px){ .trb-grid{ grid-template-columns: 1fr; } }\r\n\r\n    \/* Card *\/\r\n    .trb-card{\r\n      position:relative; border-radius:18px; overflow:hidden;\r\n      background: linear-gradient(180deg, #ffffffee, #ffffffd8);\r\n      border:1px solid var(--edge);\r\n      box-shadow: var(--shadow);\r\n      padding: 22px 18px 20px;\r\n      display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;\r\n      transform: translateY(8px); opacity:0;\r\n      animation: rise .7s cubic-bezier(.2,.8,.2,1) forwards;\r\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n    }\r\n    .trb-card:nth-child(1){ animation-delay:.05s }\r\n    .trb-card:nth-child(2){ animation-delay:.12s }\r\n    .trb-card:nth-child(3){ animation-delay:.19s }\r\n    .trb-card:nth-child(4){ animation-delay:.26s }\r\n    @keyframes rise{ to{ transform:none; opacity:1 } }\r\n    .trb-card:hover{ transform: translateY(-4px); box-shadow:0 28px 60px rgba(15,41,86,.16); border-color:#d9e9ff; }\r\n\r\n    \/* Icon bubble *\/\r\n    .trb-ico{\r\n      width:64px; height:64px; border-radius:16px; display:grid; place-items:center; position:relative;\r\n      background:\r\n        radial-gradient(60% 60% at 35% 30%, #fff 0, #fff0 60%),\r\n        linear-gradient(135deg, #e8f8ff, #dff3ff);\r\n      border:1px solid #cfeaff; box-shadow: inset 0 0 0 1px #ffffff88, 0 12px 28px rgba(14,165,233,.20);\r\n    }\r\n    .trb-ico svg{ width:30px; height:30px; fill:none; stroke:url(#gb); stroke-width:2.6; }\r\n    .trb-ico::after{ \/* soft halo *\/\r\n      content:\"\"; position:absolute; inset:-12px; border-radius:22px;\r\n      background: radial-gradient(60% 60% at 50% 50%, #74e7ff30, transparent 70%);\r\n      animation: breathe 3.4s ease-in-out infinite;\r\n    }\r\n    @keyframes breathe{ 50%{ transform:scale(1.04) } }\r\n\r\n    .trb-h{ font-weight:800; font-size:18px; color:#0a4da0; margin:6px 0 2px; }\r\n    .trb-p{ color:var(--muted); font-size:14px; line-height:1.8; }\r\n\r\n    \/* bottom puddle shadow *\/\r\n    .trb-card::after{\r\n      content:\"\"; position:absolute; left:12%; right:12%; bottom:-10px; height:16px; border-radius:50%;\r\n      background: radial-gradient(60% 60% at 50% 50%, rgba(11,37,73,.18), transparent 70%); filter: blur(6px);\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* Reduce motion *\/\r\n    @media (prefers-reduced-motion: reduce){\r\n      .trb-card{ animation:none; transform:none; opacity:1 }\r\n      .trb-ico::after{ animation:none }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"trb-head\">\r\n    <h2 class=\"trb-title\">Business Benefits<\/h2>\r\n    <div class=\"trb-underline\" aria-hidden=\"true\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"trb-grid\">\r\n    <!-- 1 Reduce Costs -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 3v18M7 7c0-2 10-2 10 0s-10 2-10 4 10 2 10 4-10 2-10 0\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Reduce Costs<\/h3>\r\n      <p class=\"trb-p\">Minimize fuel and labor expenses with AI-driven route optimization.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 2 Faster Deliveries -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M3 12h13M3 12l4-4M3 12l4 4M16 12l5-3M16 12l5 3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Faster Deliveries<\/h3>\r\n      <p class=\"trb-p\">Cut average delivery times by up to 20%, ensuring hot, fresh meals.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 3 Higher Satisfaction -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M12 3l2.6 5.3L20 9.3l-4 3.9.9 5.5L12 16.8 7.1 18.7 8 13.2 4 9.3l5.4-1z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Higher Satisfaction<\/h3>\r\n      <p class=\"trb-p\">Boost customer ratings with on-time, temperature-safe deliveries.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 4 Easy Scalability -->\r\n    <article class=\"trb-card\">\r\n      <div class=\"trb-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <defs><linearGradient id=\"gb\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#0ea5ea\"\/><stop offset=\"1\" stop-color=\"#22d3ee\"\/>\r\n          <\/linearGradient><\/defs>\r\n          <path d=\"M4 16l4-6 4 4 6-8M3 20h18\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"trb-h\">Easy Scalability<\/h3>\r\n      <p class=\"trb-p\">Handle peak volumes seamlessly with instant, on-demand optimization.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n<!-- ========== \/Business Benefits ========== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c76aac7 e-con-full e-flex e-con e-parent\" data-id=\"c76aac7\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e273835 elementor-widget elementor-widget-html\" data-id=\"e273835\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================= Pricing \u2022 Pro Minimal+ (3 Plans, refined fonts & visuals) ================= -->\r\n<section class=\"prx2\" dir=\"ltr\" aria-label=\"Pricing\">\r\n  <!-- Google Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@700;800&family=Sora:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n  <div class=\"prx2-wrap\">\r\n    <header class=\"prx2-head\">\r\n      <h2>Find the Perfect Plan<\/h2>\r\n      <p>Whether you\u2019re starting out or scaling up, we\u2019ve got the right package for you.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx2-grid\">\r\n      <!-- BASIC -->\r\n      <article class=\"card\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">BASIC<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>API access<\/li>\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>Usage dashboard<\/li>\r\n          <li><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><circle cx=\"10\" cy=\"10\" r=\"5\"\/><\/svg>Monthly invoicing<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.21<\/div>\r\n          <small>per call<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- STANDARD (Most Popular) -->\r\n      <article class=\"card pop\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">STANDARD<\/span>\r\n          <span class=\"ribbon\">Most Popular<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>All Basic features<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Storing data in DB<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Visualization dashboard<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.32<\/div>\r\n          <small>per call<\/small>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- PREMIUM -->\r\n      <article class=\"card\">\r\n        <div class=\"top\">\r\n          <span class=\"plan\">PREMIUM<\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"feats\" role=\"list\">\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>All Standard features<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>a full database<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Advanced analytics dashboard<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12l4 4L19 6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Support for machine learning insights<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"price\">\r\n          <div class=\"amt\"><span>$<\/span>0.99<\/div>\r\n          <small>per call<\/small>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    .prx2{\r\n      --ink:#0c1e38;\r\n      --muted:#6b7b96;\r\n      --vio1:#7d7ff6; --vio2:#636ff1; \/* header gradient *\/\r\n      --vioBorder1:#8a8ff7; --vioBorder2:#b1b5ff; \/* popular border *\/\r\n      --dot:#5966f2; --dotRing:#e9eaff;\r\n      --card:#fff; --line:#e7ebf5;\r\n      --r:22px;\r\n      --shadow:0 20px 46px rgba(21,31,70,.10);\r\n      background: linear-gradient(180deg,#f7f9fd,#f2f5fb);\r\n      border-radius:20px;\r\n      padding: clamp(42px,7vw,84px) 20px;\r\n      color:var(--ink);\r\n    }\r\n    .prx2-wrap{ max-width:1100px; margin:0 auto; }\r\n\r\n    \/* Header *\/\r\n    .prx2-head{ text-align:center; margin-bottom:28px; }\r\n    .prx2-head h2{\r\n      font-family:\"Sora\",system-ui; font-weight:900;\r\n      font-size: clamp(28px,4.6vw,44px); line-height:1.12; margin:0 0 6px;\r\n      letter-spacing:.2px;\r\n    }\r\n    .prx2-head p{\r\n      font-family:\"Inter\",system-ui; font-weight:500;\r\n      color:var(--muted); margin:0; font-size: clamp(14px,1.5vw,16px); line-height:1.8;\r\n    }\r\n\r\n    \/* Grid *\/\r\n    .prx2-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }\r\n    @media (max-width:1000px){ .prx2-grid{ grid-template-columns:1fr; } }\r\n\r\n    \/* Card *\/\r\n    .card{\r\n      display:flex; flex-direction:column; overflow:hidden; border-radius:var(--r);\r\n      background: linear-gradient(#fff,#fefefe); border:1px solid var(--line);\r\n      box-shadow: var(--shadow);\r\n      transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;\r\n    }\r\n    .card:hover{ transform:translateY(-6px); box-shadow:0 26px 60px rgba(21,31,70,.14); border-color:#dfe3f7; }\r\n\r\n    .top{\r\n      position:relative; text-align:center; padding:26px 16px 22px;\r\n      background: linear-gradient(180deg,var(--vio1),var(--vio2)); color:#fff;\r\n    }\r\n    .plan{\r\n      font-family:\"Sora\",system-ui; font-weight:800; letter-spacing:.06em; text-transform:uppercase;\r\n      font-size: 1.25rem;\r\n    }\r\n\r\n    \/* Ribbon (popular) *\/\r\n    .pop .ribbon{\r\n      position:absolute; right:-48px; top:14px; transform: rotate(35deg);\r\n      background: linear-gradient(180deg,#a5a8ff,#7a84f5);\r\n      color:#fff; font: 700 11px \"Inter\",system-ui; padding: 6px 60px; border-radius:8px;\r\n      box-shadow: 0 10px 22px rgba(0,0,0,.15);\r\n    }\r\n\r\n    \/* Popular border glow *\/\r\n    .pop{\r\n      background:\r\n        linear-gradient(#ffffff,#ffffff) padding-box,\r\n        linear-gradient(135deg,var(--vioBorder1),var(--vioBorder2)) border-box;\r\n      border:1.5px solid transparent;\r\n      transform:translateY(-6px);\r\n      box-shadow:0 28px 64px rgba(21,31,70,.16);\r\n    }\r\n    @media (max-width:1000px){ .pop{ transform:none } }\r\n\r\n    \/* Features *\/\r\n    .feats{\r\n      list-style:none; margin:0; padding:22px 22px; display:flex; flex-direction:column; gap:14px;\r\n      color:#2c4166; font: 500 1rem\/1.7 \"Inter\",system-ui;\r\n    }\r\n    .feats li{ display:flex; gap:10px; align-items:flex-start; }\r\n    .feats svg{ width:14px; height:14px; margin-top:6px; }\r\n    .feats svg circle{ fill:var(--dot); }\r\n    .feats svg path{ stroke:var(--dot); }\r\n    .feats li::after{\r\n      content:\"\"; width:0; height:0; border-radius:8px; box-shadow:0 0 0 4px var(--dotRing);\r\n      margin-left:-14px; position:relative; left:-4px; opacity:.9;\r\n    }\r\n\r\n    \/* Price *\/\r\n    .price{\r\n      margin-top:auto; border-top:1px solid var(--line); padding:22px; text-align:center; background:#fff;\r\n    }\r\n    .amt{\r\n      font-family:\"Manrope\",system-ui; font-weight:800;\r\n      font-size: clamp(28px,4.4vw,42px); line-height:1.1; letter-spacing:.2px; color:#0b1f3b;\r\n    }\r\n    .amt span{ font-family:\"Inter\"; font-weight:800; font-size:18px; margin-right:4px; vertical-align:baseline; }\r\n    .price small{ display:block; margin-top:6px; color:#7a8aa7; font:600 .95rem \"Inter\"; }\r\n  <\/style>\r\n<\/section>\r\n<!-- ================= \/Pricing \u2022 Pro Minimal+ ================= -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5aeef19 e-flex e-con-boxed e-con e-parent\" data-id=\"5aeef19\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2925105 elementor-widget elementor-widget-html\" data-id=\"2925105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Minimum Monthly Invoice Note (Elementor-ready) ===== -->\r\n<div class=\"tr-min-invoice\" dir=\"ltr\" lang=\"en\" aria-label=\"Minimum monthly invoice amount\">\r\n  <style>\r\n    .tr-min-invoice{max-width:980px;margin:16px auto 0;padding:0 8px}\r\n    .tr-min-invoice .note{\r\n      display:flex;align-items:center;justify-content:center;gap:10px;\r\n      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      font-weight:500;font-size:14.5px;line-height:1.8;color:#0e2b4d;\r\n      background:#f1f8ff;border:1px solid #dbeafe;border-radius:12px;\r\n      padding:12px 16px;box-shadow:0 8px 22px rgba(15,41,86,.08)\r\n    }\r\n    .tr-min-invoice .note strong{font-weight:800}\r\n    .tr-min-invoice .icon{width:18px;height:18px;color:#3b82f6;flex:0 0 18px}\r\n  <\/style>\r\n\r\n  <div class=\"note\" role=\"note\">\r\n    <!-- info icon -->\r\n    <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\" opacity=\".12\"><\/circle>\r\n      <path d=\"M11 10h2v7h-2zM11 7h2v2h-2z\" fill=\"currentColor\"><\/path>\r\n    <\/svg>\r\n    <span>The minimum acceptable <strong>monthly<\/strong> invoice amount is <strong>$300<\/strong>.<\/span>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Strengthen your food delivery platform using our AI-based route optimization API Optimize delivery cost, keep meals at peak quality, and wow your customers. Request a Demo St\u00e4rk din plattform f\u00f6r matleverans med v\u00e5rt AI-baserade API f\u00f6r ruttoptimering Optimera leveranskostnader, h\u00e5ll maten i toppkvalitet och imponera p\u00e5 dina kunder. Boka en demo Why Choose TrendRoute? AI-Powered [&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-315","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>food delivery platform - TrendRoute<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trendroute.ai\/en\/food-delivery-platform\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"food delivery platform - TrendRoute\" \/>\n<meta property=\"og:description\" content=\"Strengthen your food delivery platform using our AI-based route optimization API Optimize delivery cost, keep meals at peak quality, and wow your customers. Request a Demo St\u00e4rk din plattform f\u00f6r matleverans med v\u00e5rt AI-baserade API f\u00f6r ruttoptimering Optimera leveranskostnader, h\u00e5ll maten i toppkvalitet och imponera p\u00e5 dina kunder. Boka en demo Why Choose TrendRoute? AI-Powered [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trendroute.ai\/en\/food-delivery-platform\/\" \/>\n<meta property=\"og:site_name\" content=\"TrendRoute\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-11T08:52:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/\",\"name\":\"food delivery platform - TrendRoute\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\",\"datePublished\":\"2025-05-05T13:08:34+00:00\",\"dateModified\":\"2026-08-11T08:52:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\",\"contentUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/food-delivery-platform\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/trendroute.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"food delivery platform\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#website\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/\",\"name\":\"TrendRoute\",\"description\":\"AI Route Optimization API for Last-Mile Delivery | TrendRoute\",\"publisher\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trendroute.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#organization\",\"name\":\"TrendRoute\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Untitled-design-56.png\",\"contentUrl\":\"https:\\\/\\\/trendroute.ai\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Untitled-design-56.png\",\"width\":1120,\"height\":1120,\"caption\":\"TrendRoute\"},\"image\":{\"@id\":\"https:\\\/\\\/trendroute.ai\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"food delivery platform - TrendRoute","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/trendroute.ai\/en\/food-delivery-platform\/","og_locale":"en_US","og_type":"article","og_title":"food delivery platform - TrendRoute","og_description":"Strengthen your food delivery platform using our AI-based route optimization API Optimize delivery cost, keep meals at peak quality, and wow your customers. Request a Demo St\u00e4rk din plattform f\u00f6r matleverans med v\u00e5rt AI-baserade API f\u00f6r ruttoptimering Optimera leveranskostnader, h\u00e5ll maten i toppkvalitet och imponera p\u00e5 dina kunder. Boka en demo Why Choose TrendRoute? AI-Powered [&hellip;]","og_url":"https:\/\/trendroute.ai\/en\/food-delivery-platform\/","og_site_name":"TrendRoute","article_modified_time":"2026-08-11T08:52:44+00:00","og_image":[{"url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trendroute.ai\/food-delivery-platform\/","url":"https:\/\/trendroute.ai\/food-delivery-platform\/","name":"food delivery platform - TrendRoute","isPartOf":{"@id":"https:\/\/trendroute.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trendroute.ai\/food-delivery-platform\/#primaryimage"},"image":{"@id":"https:\/\/trendroute.ai\/food-delivery-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg","datePublished":"2025-05-05T13:08:34+00:00","dateModified":"2026-08-11T08:52:44+00:00","breadcrumb":{"@id":"https:\/\/trendroute.ai\/food-delivery-platform\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trendroute.ai\/food-delivery-platform\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trendroute.ai\/food-delivery-platform\/#primaryimage","url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg","contentUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-Sep-4-2025-03_05_36-PM.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/trendroute.ai\/food-delivery-platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/trendroute.ai\/"},{"@type":"ListItem","position":2,"name":"food delivery platform"}]},{"@type":"WebSite","@id":"https:\/\/trendroute.ai\/#website","url":"https:\/\/trendroute.ai\/","name":"TrendRoute","description":"AI Route Optimization API for Last-Mile Delivery | TrendRoute","publisher":{"@id":"https:\/\/trendroute.ai\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trendroute.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/trendroute.ai\/#organization","name":"TrendRoute","url":"https:\/\/trendroute.ai\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trendroute.ai\/#\/schema\/logo\/image\/","url":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/02\/Untitled-design-56.png","contentUrl":"https:\/\/trendroute.ai\/wp-content\/uploads\/2025\/02\/Untitled-design-56.png","width":1120,"height":1120,"caption":"TrendRoute"},"image":{"@id":"https:\/\/trendroute.ai\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":93,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":892,"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/pages\/315\/revisions\/892"}],"wp:attachment":[{"href":"https:\/\/trendroute.ai\/en\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}