{"id":268,"date":"2025-07-07T08:06:56","date_gmt":"2025-07-07T08:06:56","guid":{"rendered":"https:\/\/intelligentcomputingtrends.com\/?page_id=268"},"modified":"2025-12-03T14:20:56","modified_gmt":"2025-12-03T14:20:56","slug":"trendbot","status":"publish","type":"page","link":"https:\/\/intelligentcomputingtrends.com\/en\/trendbot\/","title":{"rendered":"TrendBot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"268\" class=\"elementor elementor-268\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfad438 e-flex e-con-boxed e-con e-parent\" data-id=\"dfad438\" 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-66736f6 elementor-widget elementor-widget-html\" data-id=\"66736f6\" 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=\"trendbot-section\" aria-label=\"TrendBot \u2013 AI-Driven Customer Support\">\r\n  <div class=\"trendbot-inner\">\r\n    <!-- Image Column -->\r\n    <div class=\"trendbot-image\">\r\n      <img\r\n        src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250707_0907_Futuristic-Logistics-Warehouse_simple_compose_01jzhyrm18e1svryy5q45n3hex.jpg\"\r\n        alt=\"Holographic AI chatbot in a logistics warehouse\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- Text Column -->\r\n    <div class=\"trendbot-content\">\r\n      <h2>\r\n        TrendBot<span class=\"trendbot-accent\">:<\/span> AI-Driven Customer Support\r\n      <\/h2>\r\n      <p>\r\n        Supercharge your last-mile and food-delivery operations with our hybrid AI-and-rule-based chatbot.\r\n        From flexible natural-language prompts to structured workflows, TrendBot resolves issues instantly,\r\n        keeps drivers on track, and delights customers\u201424\/7.\r\n      <\/p>\r\n\r\n      <ul class=\"trendbot-list\">\r\n        <li>\r\n          <span class=\"trendbot-emoji\">\u26a1\ufe0f<\/span>\r\n          <span class=\"trendbot-list-text\">Instant Issue Resolution<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"trendbot-emoji\">\ud83d\udcf1<\/span>\r\n          <span class=\"trendbot-list-text\">Omni-Channel 24\/7 Support<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"trendbot-emoji\">\u2699\ufe0f<\/span>\r\n          <span class=\"trendbot-list-text\">Fully Customizable Workflows<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== TrendBot Section \u2013 Brand-based, \u0645\u062a\u0646 \u0631\u0648\u0634\u0646 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a =====\r\n   Deep Space Blue: #0F2C3E\r\n   Mint Leaf:       #00D09C\r\n   Bondi Blue:      #0396a6\r\n   White:           #FFFFFF\r\n   Platinum:        #F4F6F8\r\n============================================================== *\/\r\n\r\n.trendbot-section{\r\n  --deep-space:#0F2C3E;\r\n  --mint:#00D09C;\r\n  --bondi:#0396a6;\r\n  --white:#FFFFFF;\r\n  --platinum:#F4F6F8;\r\n\r\n  font-family: \"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n  \/* full-width \u0645\u062b\u0644 \u0628\u0642\u06cc\u0647 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding: clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n\r\n  \/* \u0633\u06a9\u0634\u0646 \u062e\u0648\u062f\u0634 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0645\u0633\u062a\u0642\u0644 \u0646\u062f\u0627\u0631\u0647 *\/\r\n  background: transparent;\r\n\r\n  \/* \u067e\u06cc\u0634\u200c\u0641\u0631\u0636: \u0645\u062a\u0646 \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 *\/\r\n  color: var(--white);\r\n}\r\n\r\n.trendbot-inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap: clamp(2rem, 4vw, 3rem);\r\n}\r\n\r\n\/* Image column *\/\r\n.trendbot-image{\r\n  flex:1 1 380px;\r\n  text-align:center;\r\n  order:2; \/* \u0631\u0648\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f *\/\r\n}\r\n\r\n.trendbot-image img{\r\n  max-width:100%;\r\n  height:auto;\r\n  border-radius:16px;\r\n  box-shadow:0 10px 30px rgba(0,0,0,0.35);\r\n  display:block;\r\n}\r\n\r\n\/* Text column *\/\r\n.trendbot-content{\r\n  flex:1 1 380px;\r\n  order:1;\r\n}\r\n\r\n\/* Heading \u2013 \u0633\u0641\u06cc\u062f \u0628\u0627 \u0633\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc *\/\r\n.trendbot-content h2{\r\n  font-size:clamp(2rem, 2.1vw + 1.6rem, 2.6rem);\r\n  font-weight:700;\r\n  margin:0 0 1rem;\r\n  color:var(--white);\r\n  letter-spacing:0.01em;\r\n  text-shadow:0 6px 18px rgba(0,0,0,0.45);\r\n}\r\n\r\n.trendbot-accent{\r\n  background-image: linear-gradient(120deg, var(--mint), var(--bondi));\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n\r\n\/* Paragraph \u2013 \u067e\u0644\u0627\u062a\u06cc\u0646\u06cc \u0631\u0648\u0634\u0646 *\/\r\n.trendbot-content p{\r\n  font-size:clamp(1.02rem, 0.3vw + 0.98rem, 1.12rem);\r\n  color:rgba(244,246,248,0.9);\r\n  line-height:1.7;\r\n  margin:0 0 1.8rem;\r\n  text-shadow:0 4px 14px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* List *\/\r\n.trendbot-list{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0.85rem;\r\n}\r\n\r\n.trendbot-list li{\r\n  display:flex;\r\n  align-items:flex-start;\r\n}\r\n\r\n.trendbot-emoji{\r\n  font-size:1.25rem;\r\n  margin-right:0.6rem;\r\n  color:var(--mint);\r\n}\r\n\r\n.trendbot-list-text{\r\n  font-weight:600;\r\n  font-size:1.03rem;\r\n  color:var(--white);\r\n  text-shadow:0 4px 14px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 768px){\r\n  .trendbot-inner{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .trendbot-image{\r\n    order:1; \/* \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0648\u0644 \u062a\u0635\u0648\u06cc\u0631 \u0628\u06cc\u0627\u062f *\/\r\n  }\r\n\r\n  .trendbot-content{\r\n    order:2;\r\n    text-align:left;\r\n  }\r\n\r\n  .trendbot-section{\r\n    padding-inline:1.25rem;\r\n  }\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-82db26f e-con-full e-flex e-con e-parent\" data-id=\"82db26f\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d02f7b7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d02f7b7\" 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=\"benefits-section\" aria-label=\"TrendBot \u2013 Key Benefits\">\r\n  <div class=\"benefits-grid\">\r\n    <article class=\"benefit-card\">\r\n      <div class=\"icon\">\u2714\ufe0f<\/div>\r\n      <h3>Improved Customer Support<\/h3>\r\n      <p>Deliver instant solutions and reduce wait times.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"benefit-card\">\r\n      <div class=\"icon\">\u2714\ufe0f<\/div>\r\n      <h3>Operational Efficiency<\/h3>\r\n      <p>Automate repetitive tasks like tracking or ticket updates.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"benefit-card\">\r\n      <div class=\"icon\">\u2714\ufe0f<\/div>\r\n      <h3>Enhanced User Engagement<\/h3>\r\n      <p>Offer personalized assistance through secure logins.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"benefit-card\">\r\n      <div class=\"icon\">\u2714\ufe0f<\/div>\r\n      <h3>Cost Savings<\/h3>\r\n      <p>Reduce the need for large support teams while scaling effortlessly.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Benefits Section \u2013 \u0645\u062a\u0646 \u0631\u0648\u0634\u0646 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a =====\r\n   Deep Space Blue: #0F2C3E\r\n   Mint Leaf:       #00D09C\r\n   Bondi Blue:      #0396a6\r\n   White:           #FFFFFF\r\n   Platinum:        #F4F6F8\r\n============================================================== *\/\r\n\r\n\/* Keyframes for fade-in-up *\/\r\n@keyframes fadeInUp {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.benefits-section{\r\n  --deep-space:#0F2C3E;\r\n  --mint:#00D09C;\r\n  --bondi:#0396a6;\r\n  --white:#FFFFFF;\r\n  --platinum:#F4F6F8;\r\n\r\n  font-family:\"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding:clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n\r\n  \/* \u0645\u0647\u0645: \u0633\u06a9\u0634\u0646 \u062e\u0648\u062f\u0634 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u0647\u060c \u0627\u0632 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\r\n  background:transparent;\r\n  color:var(--white);\r\n  overflow:hidden;\r\n}\r\n\r\n.benefits-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));\r\n  gap:30px;\r\n  width:100%;\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n.benefit-card{\r\n  background:rgba(15,44,62,0.78); \/* \u067e\u0646\u0644 \u062a\u06cc\u0631\u0647 \u0634\u0641\u0627\u0641 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0644\u06cc *\/\r\n  padding:24px 22px;\r\n  border-radius:16px;\r\n  text-align:left;\r\n  border:1px solid rgba(244,246,248,0.12);\r\n  box-shadow:0 16px 40px rgba(0,0,0,0.35);\r\n\r\n  transform:translateY(20px);\r\n  opacity:0;\r\n  animation:fadeInUp 0.6s ease forwards;\r\n  backdrop-filter:blur(6px);\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease,\r\n    background 0.3s ease;\r\n}\r\n\r\n\/* stagger delay *\/\r\n.benefit-card:nth-child(1){ animation-delay:0.15s; }\r\n.benefit-card:nth-child(2){ animation-delay:0.30s; }\r\n.benefit-card:nth-child(3){ animation-delay:0.45s; }\r\n.benefit-card:nth-child(4){ animation-delay:0.60s; }\r\n\r\n\/* hover effect *\/\r\n.benefit-card:hover{\r\n  transform:translateY(-6px) scale(1.02);\r\n  box-shadow:0 22px 55px rgba(0,0,0,0.5);\r\n  border-color:rgba(0,208,156,0.85);\r\n  background:rgba(15,44,62,0.9);\r\n}\r\n\r\n\/* Icon styling *\/\r\n.benefit-card .icon{\r\n  font-size:1.9rem;\r\n  color:var(--mint);\r\n  margin-bottom:14px;\r\n}\r\n\r\n\/* \u0639\u0646\u0648\u0627\u0646 \u0648 \u0645\u062a\u0646 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631\u062a \u2013 \u0631\u0648\u0634\u0646 \u0648 \u062e\u0648\u0627\u0646\u0627 *\/\r\n.benefit-card h3{\r\n  font-size:1.15rem;\r\n  margin:0 0 8px;\r\n  font-weight:600;\r\n  color:var(--white);\r\n  letter-spacing:0.01em;\r\n  text-shadow:0 4px 12px rgba(0,0,0,0.45);\r\n}\r\n\r\n.benefit-card p{\r\n  font-size:0.95rem;\r\n  line-height:1.7;\r\n  margin:0;\r\n  color:rgba(244,246,248,0.9);\r\n  text-shadow:0 3px 10px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u06a9\u0648\u0686\u06a9 *\/\r\n@media (max-width: 768px){\r\n  .benefits-section{\r\n    padding-inline:1.25rem;\r\n  }\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-e82dea5 e-flex e-con-boxed e-con e-parent\" data-id=\"e82dea5\" 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-07cf401 elementor-widget elementor-widget-html\" data-id=\"07cf401\" 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  \/* ===== TrendBot Feature Tabs \u2013 Brand, Dark-Friendly =====\r\n     Deep Space Blue: #0F2C3E\r\n     Mint Leaf:       #00D09C\r\n     Bondi Blue:      #0396a6\r\n     White:           #FFFFFF\r\n     Platinum:        #F4F6F8\r\n  ========================================================= *\/\r\n\r\n  .features-tabs{\r\n    --deep-space:#0F2C3E;\r\n    --mint:#00D09C;\r\n    --bondi:#0396a6;\r\n    --white:#FFFFFF;\r\n    --platinum:#F4F6F8;\r\n\r\n    font-family:\"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n    \/* full-width \u0645\u062b\u0644 \u0628\u0642\u06cc\u0647 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n\r\n    padding:clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n\r\n    \/* \u0645\u0647\u0645: \u0647\u06cc\u0686 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f\u06cc \u0627\u06cc\u0646\u062c\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647\u060c \u0627\u0632 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\r\n    background:transparent;\r\n    color:var(--white);\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  \/* Nav *\/\r\n  .features-tabs .tabs-nav{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    justify-content:center;\r\n    margin:0 auto 2.5rem;\r\n    padding:0 1.25rem;\r\n    max-width:1200px;\r\n    overflow-x:auto;\r\n  }\r\n\r\n  .features-tabs .tab-btn{\r\n    background:rgba(15,44,62,0.7);\r\n    border:1px solid rgba(244,246,248,0.18);\r\n    padding:0.55rem 1.4rem;\r\n    border-radius:999px;\r\n    font-size:0.95rem;\r\n    cursor:pointer;\r\n    white-space:nowrap;\r\n    color:rgba(244,246,248,0.9);\r\n    transition:\r\n      background 0.25s ease,\r\n      color 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .features-tabs .tab-btn.active{\r\n    background-image:linear-gradient(120deg, var(--mint), var(--bondi));\r\n    border-color:rgba(0,208,156,0.8);\r\n    color:var(--white);\r\n    box-shadow:0 10px 26px rgba(3,150,166,0.42);\r\n  }\r\n\r\n  .features-tabs .tab-btn:hover:not(.active){\r\n    background:rgba(15,44,62,0.9);\r\n    border-color:rgba(244,246,248,0.3);\r\n  }\r\n\r\n  \/* Content Panels *\/\r\n  .features-tabs .tabs-content{\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    padding:0 1.25rem;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .features-tabs .tab-panel{\r\n    display:none;\r\n    align-items:center;\r\n    gap:40px;\r\n  }\r\n\r\n  .features-tabs .tab-panel.active{\r\n    display:flex;\r\n  }\r\n\r\n  .features-tabs .img-wrap,\r\n  .features-tabs .text-wrap{\r\n    flex:1 1 50%;\r\n  }\r\n\r\n  .features-tabs .img-wrap img{\r\n    width:100%;\r\n    border-radius:14px;\r\n    box-shadow:0 16px 40px rgba(0,0,0,0.45);\r\n    display:block;\r\n  }\r\n\r\n  .features-tabs .text-wrap ul{\r\n    list-style:disc inside;\r\n    font-size:0.98rem;\r\n    line-height:1.8;\r\n    color:rgba(244,246,248,0.9); \/* \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 *\/\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  .features-tabs .text-wrap li + li{\r\n    margin-top:0.4rem;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px){\r\n    .features-tabs .tab-panel.active{\r\n      flex-direction:column;\r\n    }\r\n\r\n    .features-tabs .img-wrap,\r\n    .features-tabs .text-wrap{\r\n      width:100%;\r\n      flex:1 1 auto;\r\n    }\r\n\r\n    .features-tabs{\r\n      padding-inline:1.25rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"features-tabs\" aria-label=\"TrendBot Key Features\">\r\n  <!-- Nav -->\r\n  <div class=\"tabs-nav\">\r\n    <button class=\"tab-btn active\" data-tab=\"hybrid\">Hybrid Interaction Model<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"secure-login\">Secure Customer Login<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"action-fn\">Action-Oriented Functionalities<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"delivery\">Delivery Management<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"flexibility\">Flexibility and Scalability<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"ux\">Streamlined User Experience<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"reporting\">Advanced Reporting and Insights<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"availability\">24\/7 Availability<\/button>\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"tabs-content\">\r\n    <!-- Hybrid Interaction Model -->\r\n    <div id=\"hybrid\" class=\"tab-panel active\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-Jul-8-2025-09_47_35-AM.jpg\" alt=\"Hybrid Interaction Model\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Combines rule-based and AI-driven conversational approaches.<\/li>\r\n          <li>Allows customers to ask customized questions or follow predefined workflows.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Secure Customer Login -->\r\n    <div id=\"secure-login\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1002_AI-vs.-Rule-Based-Authentication_simple_compose_01jzmm9t8dfhhthk8etw02zc8h.jpg\" alt=\"Secure Customer Login\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Ensuring compliance with European data protection standards and providing reliable, high-performance infrastructure for secure user access.<\/li>\r\n          <li>All login and authentication processes are protected with encrypted API calls, guaranteeing data safety and integrity for every transaction.<\/li>\r\n          <li>Enables existing customers to log in and access personalized services.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Action-Oriented Functionalities -->\r\n    <div id=\"action-fn\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1005_Minimalist-Ticket-Management-Icons_simple_compose_01jzmmdzeyfsmvwjp4xrh0ahpb.jpg\" alt=\"Action-Oriented Functionalities\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Ticket Management.<\/li>\r\n          <li>Create a support ticket.<\/li>\r\n          <li>Follow up on existing tickets.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Delivery Management -->\r\n    <div id=\"delivery\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1009_Minimalist-Delivery-Interface_simple_compose_01jzmmnnk6e5fs8mjv8c3dckmj.jpg\" alt=\"Delivery Management\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Track delivery status using order IDs.<\/li>\r\n          <li>Cancel or postpone orders.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Flexibility and Scalability -->\r\n    <div id=\"flexibility\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1013_Elegant-Workflow-Illustration_simple_compose_01jzmmwt0xfdxbwk8weztb47xc.jpg\" alt=\"Flexibility and Scalability\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Adaptable to custom workflows for different business needs.<\/li>\r\n          <li>Scales to handle high volumes of customer queries and actions.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Streamlined User Experience -->\r\n    <div id=\"ux\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1019_Intuitive-Automation-Design_simple_compose_01jzmn7s8per9rr6b81dzgjg4v.jpg\" alt=\"Streamlined User Experience\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Intuitive interface for faster query resolution.<\/li>\r\n          <li>Reduces manual intervention with automated processes.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Advanced Reporting and Insights -->\r\n    <div id=\"reporting\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1022_Elegant-Digital-Insights_simple_compose_01jzmncnajfc0b7h9yza617tmc.jpg\" alt=\"Advanced Reporting and Insights\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Gain detailed insights into past conversations with customer.<\/li>\r\n          <li>Track and analyze customer actions, such as order updates, ticket submissions, and preferences, to optimize service delivery.<\/li>\r\n          <li>Provides actionable analytics on customer queries and operational bottlenecks.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 24\/7 Availability -->\r\n    <div id=\"availability\" class=\"tab-panel\">\r\n      <div class=\"img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250708_1025_24_7-Assistance-Icon_simple_compose_01jzmnk01nftzb9nwezpqb4et9.jpg\" alt=\"24\/7 Availability\">\r\n      <\/div>\r\n      <div class=\"text-wrap\">\r\n        <ul>\r\n          <li>Ensures round-the-clock assistance for customers and businesses.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.features-tabs .tab-btn').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      const tab = btn.dataset.tab;\r\n      document.querySelectorAll('.features-tabs .tab-btn').forEach(b => b.classList.remove('active'));\r\n      document.querySelectorAll('.features-tabs .tab-panel').forEach(p => p.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      const panel = document.getElementById(tab);\r\n      if(panel){ panel.classList.add('active'); }\r\n    });\r\n  });\r\n<\/script>\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<div class=\"elementor-element elementor-element-db68875 e-con-full e-flex e-con e-parent\" data-id=\"db68875\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d7b875 elementor-widget elementor-widget-html\" data-id=\"7d7b875\" 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=\"experience-section\" aria-label=\"AI Chatbot Experience\">\r\n  <div class=\"experience-inner\">\r\n    <!-- Text -->\r\n    <div class=\"experience-content\">\r\n      <h2>\r\n        Discover the Ultimate AI Chatbot<br>\r\n        for Logistics and Beyond\r\n      <\/h2>\r\n      <p>\r\n        Our <span>prompt-based AI chatbot<\/span> leverages\r\n        <span>expert-crafted prompts<\/span> and\r\n        <span>dynamic workflows<\/span> to transform customer interactions across\r\n        last-mile delivery, food delivery, and logistics\u2014empowering retailers,\r\n        restaurants, and transporters with tailored support, streamlined\r\n        operations, and elevated satisfaction.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Image -->\r\n    <div class=\"experience-image\">\r\n      <img\r\n        src=\"https:\/\/intelligentcomputingtrends.com\/wp-content\/uploads\/2025\/07\/20250707_1008_AI-Driven-Logistics-Hub_simple_compose_01jzj273vmenarmdtej576p24p.jpg\"\r\n        alt=\"Diverse professionals interacting with a holographic AI chatbot in a logistics setting by Intelligent Computing Trends\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Experience Section \u2013 \u0628\u0631\u0646\u062f\u060c \u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0645\u062d\u0644\u06cc =====\r\n   Deep Space Blue: #0F2C3E\r\n   Mint Leaf:       #00D09C\r\n   Bondi Blue:      #0396a6\r\n   White:           #FFFFFF\r\n   Platinum:        #F4F6F8\r\n======================================================== *\/\r\n\r\n.experience-section{\r\n  --deep-space:#0F2C3E;\r\n  --mint:#00D09C;\r\n  --bondi:#0396a6;\r\n  --white:#FFFFFF;\r\n  --platinum:#F4F6F8;\r\n\r\n  font-family:\"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n  \/* full-width \u0645\u062b\u0644 \u0628\u0642\u06cc\u0647 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding:clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n\r\n  \/* \u0645\u0647\u0645: \u0647\u06cc\u0686 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\/\u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0644\u0648\u06a9\u0627\u0644\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0646\u06cc\u0633\u062a *\/\r\n  background:transparent;\r\n  color:var(--white); \/* \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647\u200c\u06cc \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a *\/\r\n  box-sizing:border-box;\r\n}\r\n\r\n.experience-inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:clamp(2rem, 4vw, 3rem);\r\n  padding:0;\r\n}\r\n\r\n\/* Text *\/\r\n.experience-content{\r\n  flex:1 1 380px;\r\n  min-width:0;\r\n}\r\n\r\n.experience-content h2{\r\n  font-size:clamp(2.1rem, 2.4vw + 1.4rem, 2.9rem);\r\n  font-weight:700;\r\n  margin:0 0 1rem;\r\n  line-height:1.2;\r\n  color:var(--white);\r\n}\r\n\r\n.experience-content p{\r\n  font-size:clamp(1.02rem, 0.3vw + 0.98rem, 1.14rem);\r\n  line-height:1.7;\r\n  margin:0;\r\n  color:rgba(244,246,248,0.9);\r\n}\r\n\r\n.experience-content p span{\r\n  color:#FFEE58;\r\n  font-weight:600;\r\n}\r\n\r\n\/* Image *\/\r\n.experience-image{\r\n  flex:1 1 380px;\r\n  text-align:center;\r\n}\r\n\r\n.experience-image img{\r\n  width:100%;\r\n  max-width:520px;\r\n  border-radius:16px;\r\n  box-shadow:0 12px 40px rgba(0,0,0,0.45);\r\n  object-fit:cover;\r\n  display:block;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:768px){\r\n  .experience-inner{\r\n    flex-direction:column-reverse;\r\n  }\r\n\r\n  .experience-section{\r\n    padding-inline:1.25rem;\r\n  }\r\n\r\n  .experience-content{\r\n    text-align:left;\r\n  }\r\n\r\n  .experience-content h2{\r\n    font-size:2.1rem;\r\n  }\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-3b0dbce e-con-full e-flex e-con e-parent\" data-id=\"3b0dbce\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff578bb elementor-widget elementor-widget-html\" data-id=\"ff578bb\" 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=\"why-section-ict\" aria-label=\"Why Choose Intelligent Computing Trends\">\r\n  <div class=\"why-container-ict\">\r\n    <h2>Why Choose Intelligent Computing Trends for Your AI Chatbot?<\/h2>\r\n    <div class=\"tags-ict\">\r\n      <div class=\"tag-ict\">24\/7 Availability<\/div>\r\n      <div class=\"tag-ict\">Industry Expertise<\/div>\r\n      <div class=\"tag-ict\">Seamless Integration<\/div>\r\n      <div class=\"tag-ict\">Free Trial<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Why Section \u2013 \u0634\u0641\u0627\u0641\u060c \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a =====\r\n   Deep Space Blue: #0F2C3E\r\n   Mint Leaf:       #00D09C\r\n   Bondi Blue:      #0396a6\r\n   White:           #FFFFFF\r\n   Platinum:        #F4F6F8\r\n====================================================== *\/\r\n\r\n.why-section-ict{\r\n  --deep-space:#0F2C3E;\r\n  --mint:#00D09C;\r\n  --bondi:#0396a6;\r\n  --white:#FFFFFF;\r\n\r\n  font-family:\"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding:clamp(3rem, 6vw, 4.5rem) 1.5rem;\r\n\r\n  \/* \u0645\u0647\u0645: \u0647\u06cc\u0686 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0645\u062d\u0644\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0646\u06cc\u0633\u062a *\/\r\n  background:transparent;\r\n  color:var(--white);\r\n  box-sizing:border-box;\r\n}\r\n\r\n.why-container-ict{\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u0639\u0646\u0648\u0627\u0646 \u062e\u0648\u0627\u0646\u0627 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 \u06a9\u0644\u06cc \u0633\u0627\u06cc\u062a *\/\r\n.why-container-ict h2{\r\n  font-size:clamp(2.1rem, 2.2vw + 1.6rem, 2.6rem);\r\n  font-weight:700;\r\n  margin:0 0 1.5rem;\r\n  line-height:1.25;\r\n  color:var(--white);\r\n  letter-spacing:0.01em;\r\n}\r\n\r\n\/* \u0631\u062f\u06cc\u0641 \u062a\u06af\u200c\u0647\u0627 *\/\r\n.tags-ict{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:0.75rem;\r\n}\r\n\r\n\/* \u062a\u06af\u200c\u0647\u0627\u061b \u0646\u06cc\u0645\u0647\u200c\u0634\u0641\u0627\u0641 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 *\/\r\n.tag-ict{\r\n  background:rgba(255,255,255,0.12);\r\n  padding:0.55rem 1.6rem;\r\n  border-radius:999px;\r\n  font-size:0.98rem;\r\n  font-weight:500;\r\n  color:var(--white);\r\n  backdrop-filter:blur(10px);\r\n  border:1px solid rgba(244,246,248,0.15);\r\n  transition:\r\n    background 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease,\r\n    border-color 0.25s ease;\r\n  box-shadow:0 10px 26px rgba(0,0,0,0.35);\r\n  white-space:nowrap;\r\n}\r\n\r\n.tag-ict:hover{\r\n  background:linear-gradient(120deg, rgba(0,208,156,0.22), rgba(3,150,166,0.28));\r\n  border-color:rgba(0,208,156,0.6);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 16px 40px rgba(0,0,0,0.55);\r\n}\r\n\r\n\/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\r\n@media (max-width:600px){\r\n  .why-section-ict{\r\n    padding-inline:1.25rem;\r\n  }\r\n  .why-container-ict h2{\r\n    font-size:2rem;\r\n  }\r\n  .tag-ict{\r\n    padding:0.45rem 1.3rem;\r\n    font-size:0.9rem;\r\n  }\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-b26ea0f e-con-full e-flex e-con e-parent\" data-id=\"b26ea0f\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84aa3c1 elementor-widget elementor-widget-html\" data-id=\"84aa3c1\" 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<!-- === Trendbot Key Features \u2013 Slider (No Section Background) === -->\r\n<section class=\"trend-features-slider\" aria-label=\"Trendbot Features Slider\">\r\n  <div class=\"features-container\">\r\n    <h3 class=\"features-heading\">What Makes Our AI Chatbot Stand Out?<\/h3>\r\n\r\n    <div class=\"slider\" id=\"featureSlider\">\r\n      <button class=\"slider-btn prev\" aria-label=\"Previous feature\" id=\"prevBtn\">&#10094;<\/button>\r\n\r\n      <div class=\"slider-window\">\r\n        <div class=\"slider-track\" id=\"sliderTrack\"><!-- slides injected by JS --><\/div>\r\n      <\/div>\r\n\r\n      <button class=\"slider-btn next\" aria-label=\"Next feature\" id=\"nextBtn\">&#10095;<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"slider-dots\" id=\"sliderDots\"><!-- dots injected by JS --><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/******* VARIABLES \u2013 scoped \u0641\u0642\u0637 \u0631\u0648\u06cc \u0633\u06a9\u0634\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 *******\/\r\n\/* \u0647\u06cc\u0686 \u0686\u06cc\u0632\u06cc \u0631\u0648\u06cc body \/ root \u0633\u062a \u0646\u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n.trend-features-slider{\r\n  --c-bg-start: #2b0e66;\r\n  --c-bg-mid:   #003477;\r\n  --c-bg-end:   #001a3b;\r\n  --c-accent:   #00d2ff;\r\n  --c-card-bg:  rgba(255,255,255, .08);\r\n  --c-card-border: rgba(255,255,255, .15);\r\n\r\n  --radius: 18px;\r\n\r\n  font-family: \"Poppins\",\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n\r\n  \/* full-bleed \u0645\u062b\u0644 \u0628\u0642\u06cc\u0647 \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 *\/\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  padding: 110px 0 130px;\r\n  color: #fff;\r\n\r\n  \/* \u0645\u0647\u0645: \u0647\u06cc\u0686 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f\u06cc \u0627\u06cc\u0646\u062c\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647 *\/\r\n  background: transparent;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/******* SECTION LAYOUT *******\/\r\n.features-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/******* HEADING *******\/\r\n.features-heading {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n}\r\n.features-heading::after {\r\n  content: '';\r\n  display: block;\r\n  width: 72px;\r\n  height: 4px;\r\n  margin: 26px auto 0;\r\n  background: var(--c-accent);\r\n  border-radius: 2px;\r\n}\r\n\r\n\/******* SLIDER LAYOUT *******\/\r\n.slider {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n.slider-window {\r\n  overflow: hidden;\r\n  flex: 1;\r\n}\r\n.slider-track {\r\n  display: flex;\r\n  transition: transform .55s cubic-bezier(.19,1,.22,1);\r\n  will-change: transform;\r\n}\r\n.slide {\r\n  flex: 0 0 100%;\r\n  padding: 0 8px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n\/******* CARD *******\/\r\n.card {\r\n  background: var(--c-card-bg);\r\n  border: 1px solid var(--c-card-border);\r\n  border-radius: var(--radius);\r\n  backdrop-filter: blur(14px);\r\n  max-width: 820px;\r\n  width: 100%;\r\n  box-shadow: 0 14px 40px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.25);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: stretch;\r\n}\r\n.card-body {\r\n  padding: 42px 38px;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.card-title {\r\n  font-size: 1.55rem;\r\n  font-weight: 600;\r\n  margin: 0 0 22px;\r\n  color: #fff;\r\n}\r\n.card-list {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  font-size: 1.125rem;\r\n  line-height: 1.6;\r\n}\r\n.card-list li {\r\n  position: relative;\r\n  padding-left: 30px;\r\n  margin-bottom: 12px;\r\n}\r\n.card-list li::before {\r\n  content: '\u2714';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  font-size: 1rem;\r\n  color: var(--c-accent);\r\n}\r\n\r\n\/******* IMAGE BOX *******\/\r\n.card-img-box {\r\n  flex: 0 0 260px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(0,0,0,.25);\r\n  position: relative;\r\n}\r\n.card-img-box::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  box-shadow: inset 0 0 60px rgba(0,0,0,.4);\r\n  pointer-events: none;\r\n}\r\n.card-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\/******* NAV BUTTONS & DOTS *******\/\r\n.slider-btn {\r\n  background: rgba(255,255,255,.12);\r\n  border: none;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.7rem;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  transition: background .3s, box-shadow .3s;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,.25);\r\n}\r\n.slider-btn:hover {\r\n  background: rgba(255,255,255,.25);\r\n  box-shadow: 0 6px 18px rgba(0,0,0,.35);\r\n}\r\n.slider-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-top: 46px;\r\n}\r\n.dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #8ea0c9;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: background .3s, transform .3s, box-shadow .3s;\r\n}\r\n.dot.active {\r\n  background: var(--c-accent);\r\n  transform: scale(1.3);\r\n  box-shadow: 0 0 8px 3px rgba(0,210,255,.35);\r\n}\r\n\r\n\/******* RESPONSIVE *******\/\r\n@media (max-width: 768px) {\r\n  .features-heading { font-size: 2.2rem; }\r\n  .slider { gap: 10px; }\r\n  .card { flex-direction: column; max-width: 760px; }\r\n  .card-img-box { flex: 0 0 220px; width: 100%; height: 220px; }\r\n  .card-body { padding: 30px 26px 32px; }\r\n  .card-title { font-size: 1.35rem; }\r\n  .card-list { font-size: 1rem; }\r\n  .slider-btn { width: 44px; height: 44px; font-size: 1.5rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .card-img-box { height: 190px; }\r\n  .slide { padding: 0 4px; }\r\n  .card-title { font-size: 1.25rem; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/******* FEATURE DATA WITH IMAGES *******\/\r\nconst featureData = [\r\n  {\r\n    title: 'Prompt-Based Expertise',\r\n    img: 'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0754_Futuristic-Logistics-Management_simple_compose_01jv9bewcnfpjr8fj522jqh7vt.jpg',\r\n    bullets: [\r\n      'With prompt-based expertise, our solution offers structured and intelligent interactions. From resolving delivery queries to providing real-time updates, it is built to cater to the unique needs of the logistics domain.'\r\n    ]\r\n  },\r\n  {\r\n    title: 'Customizable and Efficient',\r\n    img: 'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0758_AI-Powered-Logistics-Insights_simple_compose_01jv9bqy93epks3x07n04b74ah.jpg',\r\n    bullets: [\r\n      'Our AI chatbot combines the flexibility of custom prompts with the intelligence of AI to deliver precise answers and actionable insights. Perfect for businesses looking for a chatbot for last-mile delivery and food delivery.'\r\n    ]\r\n  },\r\n  {\r\n    title: 'Free Demo and Free Trial Period',\r\n    img: 'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0814_Interactive-Chatbot-Demo_simple_compose_01jv9cm4k2faf9kezdxbtx56e0.jpg',\r\n    bullets: [\r\n      'Curious about what our chatbot can do? Explore our chatbot online free demo to see its capabilities in real-time.'\r\n    ]\r\n  },\r\n  {\r\n    title: 'Empowering Last-Mile Delivery',\r\n    img: 'https:\/\/trendplus.se\/wp-content\/uploads\/2025\/05\/20250515_0741_Futuristic-Delivery-Service_simple_compose_01jv9arf0pfbxs6g32swbaed8v.jpg',\r\n    bullets: [\r\n      'Specifically designed for the logistics sector, our last-mile delivery chatbot is optimized for operational challenges.'\r\n    ]\r\n  },\r\n];\r\n\r\n\/******* BUILD SLIDES *******\/\r\nconst track = document.getElementById('sliderTrack');\r\nconst dotsContainer = document.getElementById('sliderDots');\r\n\r\nfeatureData.forEach((f, i) => {\r\n  const slide = document.createElement('div');\r\n  slide.className = 'slide';\r\n  slide.dataset.index = i;\r\n\r\n  slide.innerHTML = `\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <h3 class=\"card-title\">${f.title}<\/h3>\r\n        <ul class=\"card-list\">\r\n          ${f.bullets.map(b => `<li>${b}<\/li>`).join('')}\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"card-img-box\">\r\n        <img decoding=\"async\" src=\"${f.img}\" alt=\"${f.title}\" class=\"card-img\">\r\n      <\/div>\r\n    <\/div>\r\n  `;\r\n\r\n  track.appendChild(slide);\r\n\r\n  const dot = document.createElement('span');\r\n  dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n  dot.dataset.index = i;\r\n  dotsContainer.appendChild(dot);\r\n});\r\n\r\n\/******* SLIDER LOGIC *******\/\r\nlet current = 0;\r\nconst total = featureData.length;\r\nconst prevBtn = document.getElementById('prevBtn');\r\nconst nextBtn = document.getElementById('nextBtn');\r\n\r\nfunction updateSlider(i) {\r\n  current = (i + total) % total;\r\n  track.style.transform = `translateX(-${current * 100}%)`;\r\n  dotsContainer.querySelectorAll('.dot').forEach(d => d.classList.remove('active'));\r\n  dotsContainer\r\n    .querySelector(`.dot[data-index=\"${current}\"]`)\r\n    .classList.add('active');\r\n}\r\n\r\nprevBtn.addEventListener('click', () => updateSlider(current - 1));\r\nnextBtn.addEventListener('click', () => updateSlider(current + 1));\r\n\r\ndotsContainer.addEventListener('click', e => {\r\n  if (e.target.classList.contains('dot')) {\r\n    updateSlider(parseInt(e.target.dataset.index, 10));\r\n  }\r\n});\r\n\r\n\/******* \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0633\u0648\u0627\u06cc\u067e \u0644\u0645\u0633\u06cc *******\/\r\nlet startX = 0;\r\ntrack.addEventListener('pointerdown', e => {\r\n  startX = e.clientX;\r\n  track.setPointerCapture(e.pointerId);\r\n});\r\ntrack.addEventListener('pointerup', e => {\r\n  const diff = e.clientX - startX;\r\n  if (Math.abs(diff) > 50) {\r\n    diff < 0 ? updateSlider(current + 1) : updateSlider(current - 1);\r\n  }\r\n});\r\n<\/script>\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-56a3501 e-flex e-con-boxed e-con e-parent\" data-id=\"56a3501\" 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-f6b705c elementor-widget elementor-widget-html\" data-id=\"f6b705c\" 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<!-- === Testimonial Section \u2013 CEO Quote (Arabic RTL, \u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0645\u062d\u0644\u06cc) === -->\r\n<section class=\"testimonial-section-ar\" lang=\"ar\" dir=\"rtl\" aria-label=\"\u0631\u0623\u064a \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\">\r\n  <div class=\"testimonial-container-ar\">\r\n    <blockquote class=\"testimonial-quote-ar\">\r\n      <p>\r\n        \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0631\u0648\u0628\u0648\u062a \u062f\u0631\u062f\u0634\u0629 \u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0645\u0635\u0645\u0651\u0645 \u0644\u0642\u0637\u0627\u0639\r\n        \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a\u060c \u0623\u0648 \u062a\u0633\u0639\u0649 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0645\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631 \u0644\u062f\u064a\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n        \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a\u060c \u0641\u0625\u0646 \u0634\u0631\u0643\u0629 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062d\u0648\u0633\u0628\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u062a\u0642\u062f\u0651\u0645 \u0644\u0643 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\r\n      <\/p>\r\n    <\/blockquote>\r\n    <div class=\"testimonial-author-ar\">\r\n      <span>\r\n        \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u060c\r\n        <strong>\r\n          <a href=\"https:\/\/www.linkedin.com\/in\/hamid-faragardi-5a7ab374\/\">\r\n            \u062d\u0645\u064a\u062f\u0631\u0636\u0627 \u0641\u0631\u063a\u0631\u062f\u064a\r\n          <\/a>\r\n        <\/strong>\r\n        \u2013 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062d\u0648\u0633\u0628\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* \u0646\u0633\u062e\u0647 \u0639\u0631\u0628\u06cc \u2013 \u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f\u060c \u0645\u062a\u0646 \u0631\u0648\u0634\u0646 \u0631\u0648\u06cc \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u062a\u06cc\u0631\u0647 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc *\/\r\n  .testimonial-section-ar{\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    \/* \u0645\u0647\u0645: \u062d\u0630\u0641 \u06a9\u0627\u0645\u0644 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0645\u062d\u0644\u06cc *\/\r\n    background: transparent !important;\r\n\r\n    padding: 80px 0;\r\n    color: #f4f6f8;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    font-family: \"Tajawal\",\"Noto Kufi Arabic\",\"Cairo\",system-ui,\r\n                 -apple-system,\"Segoe UI\",Tahoma,Arial,sans-serif;\r\n  }\r\n\r\n  .testimonial-container-ar{\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    text-align: center;\r\n  }\r\n\r\n  .testimonial-quote-ar{\r\n    position: relative;\r\n    margin: 0 auto 32px;\r\n    padding: 0 48px 0 0; \/* \u0641\u0636\u0627\u06cc \u0631\u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0639\u0644\u0627\u0645\u062a \u0646\u0642\u0644\u200c\u0642\u0648\u0644 *\/\r\n    font-size: 1.05rem;\r\n    line-height: 1.9;\r\n    color: rgba(244,246,248,0.96); \/* \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 \u0648 \u062e\u0648\u0627\u0646\u0627 *\/\r\n    text-align: right;\r\n  }\r\n\r\n  .testimonial-quote-ar::before{\r\n    content: \"\u201c\";\r\n    position: absolute;\r\n    right: 0;\r\n    top: -10px;\r\n    font-family: \"Tajawal\",\"Poppins\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n    font-size: 3.2rem;\r\n    color: rgba(255,255,255,0.35);\r\n    line-height: 1;\r\n  }\r\n\r\n  .testimonial-author-ar span{\r\n    display: inline-block;\r\n    font-size: 0.98rem;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .testimonial-author-ar strong{\r\n    color: #00D09C; \/* Mint Leaf \u0627\u0632 \u067e\u0627\u0644\u062a \u0628\u0631\u0646\u062f *\/\r\n    font-weight: 700;\r\n  }\r\n\r\n  .testimonial-author-ar a{\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transition: color .3s;\r\n  }\r\n\r\n  .testimonial-author-ar a:hover{\r\n    color: #0396a6; \/* Bondi Blue \u0631\u0648\u06cc \u0647\u0627\u0648\u0631 *\/\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .testimonial-section-ar{\r\n      padding: 60px 0;\r\n    }\r\n    .testimonial-quote-ar{\r\n      padding-right: 32px;\r\n      font-size: 1rem;\r\n      line-height: 1.85;\r\n    }\r\n    .testimonial-quote-ar::before{\r\n      font-size: 2.7rem;\r\n      top: -8px;\r\n    }\r\n    .testimonial-author-ar span{\r\n      font-size: 0.95rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px){\r\n    .testimonial-quote-ar{\r\n      font-size: 0.94rem;\r\n      padding-right: 24px;\r\n    }\r\n    .testimonial-quote-ar::before{\r\n      font-size: 2.3rem;\r\n    }\r\n    .testimonial-author-ar span{\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n<\/style>\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>TrendBot: AI-Driven Customer Support Supercharge your last-mile and food-delivery operations with our hybrid AI-and-rule-based chatbot. From flexible natural-language prompts to structured workflows, TrendBot resolves issues instantly, keeps drivers on track, and delights customers\u201424\/7. \u26a1\ufe0f Instant Issue Resolution \ud83d\udcf1 Omni-Channel 24\/7 Support \u2699\ufe0f Fully Customizable Workflows TrendBot: \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0632\u0651\u0632 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0648\u062a\u0648\u0635\u064a\u0644 [&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-268","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":100,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/268\/revisions"}],"predecessor-version":[{"id":827,"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/pages\/268\/revisions\/827"}],"wp:attachment":[{"href":"https:\/\/intelligentcomputingtrends.com\/en\/wp-json\/wp\/v2\/media?parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}