{"id":59,"date":"2026-02-20T17:47:38","date_gmt":"2026-02-20T17:47:38","guid":{"rendered":"https:\/\/ali-bazar.com\/index.php\/step\/checkout-2-3\/"},"modified":"2026-09-05T19:47:14","modified_gmt":"2026-09-05T19:47:14","slug":"checkout-2-3","status":"publish","type":"cartflows_step","link":"https:\/\/jagofood.com\/index.php\/step\/checkout-2-3\/","title":{"rendered":"Checkout"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u09aa\u09cd\u09b0\u0995\u09c3\u09a4\u09bf\u09b0 \u09b8\u09cd\u09ac\u09be\u09a6, \u0998\u09b0\u09c7\u09b0 \u0986\u09a8\u09a8\u09cd\u09a6 - JagoFood<\/title>\r\n \r\n <!-- Preconnect for faster loading -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\">\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/jagofood.com\">\r\n\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- Google Fonts (Hind Siliguri for Bangla) -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <style>\r\n :root{\r\n --brand:#1f6b3a;\r\n --brand-dark:#154a29;\r\n --brand-light:#edf7ef;\r\n --accent:#f5a623;\r\n --accent-soft:#fff4df;\r\n --ink:#183126;\r\n --muted:#6b7c72;\r\n --cream:#fbf8ef;\r\n --card:#ffffff;\r\n --border:#e7eee8;\r\n --shadow:0 18px 50px rgba(31,107,58,.10);\r\n --shadow-soft:0 10px 30px rgba(22,50,38,.07);\r\n }\r\n\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:'Hind Siliguri','Poppins',sans-serif;\r\n color:var(--ink);\r\n background:\r\n radial-gradient(circle at 5% 10%, rgba(245,166,35,.07), transparent 24%),\r\n radial-gradient(circle at 95% 15%, rgba(31,107,58,.06), transparent 24%),\r\n #fff;\r\n overflow-x:hidden;\r\n }\r\n\r\n img{transition:all .35s ease}\r\n .no-scrollbar::-webkit-scrollbar{display:none}\r\n .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}\r\n\r\n .custom-red{color:var(--brand)!important}\r\n .bg-custom-red{\r\n background:linear-gradient(135deg,var(--brand),#2b7d49)!important;\r\n box-shadow:0 10px 28px rgba(31,107,58,.20);\r\n }\r\n .bg-custom-red:hover{\r\n background:linear-gradient(135deg,var(--brand-dark),var(--brand))!important;\r\n box-shadow:0 14px 34px rgba(31,107,58,.28);\r\n }\r\n\r\n .text-red-600,.text-red-500,.text-teal-700{color:var(--brand)!important}\r\n .bg-red-50{background:var(--brand-light)!important}\r\n .border-red-100{border-color:#d7eadb!important}\r\n .bg-red-600{background:var(--brand)!important}\r\n\r\n \/* Premium header\/logo *\/\r\n .brand-shell{\r\n background:rgba(255,255,255,.88);\r\n backdrop-filter:blur(14px);\r\n border-bottom:1px solid rgba(31,107,58,.08);\r\n position:relative;\r\n z-index:20;\r\n }\r\n .brand-logo-wrap{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:24px;\r\n padding:10px 18px;\r\n box-shadow:0 12px 34px rgba(31,107,58,.09);\r\n }\r\n .brand-logo-wrap img{\r\n height:65px !important;\r\n width:auto !important;\r\n max-width:180px !important;\r\n object-fit:contain;\r\n filter:drop-shadow(0 6px 10px rgba(31,107,58,.08));\r\n }\r\n\r\n \/* Hero carousel *\/\r\n .hero-carousel{\r\n position:relative;\r\n overflow:hidden;\r\n max-width:1460px;\r\n margin:18px auto 0;\r\n border-radius:30px;\r\n box-shadow:0 26px 70px rgba(22,50,38,.14);\r\n background:var(--cream);\r\n border:1px solid rgba(31,107,58,.08);\r\n }\r\n .hero-carousel:before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n border-radius:inherit;\r\n box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);\r\n pointer-events:none;\r\n z-index:3;\r\n }\r\n .hero-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1)}\r\n .hero-slide{min-width:100%;position:relative}\r\n .hero-slide img{\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n min-height:270px;\r\n max-height:560px;\r\n }\r\n .hero-slide:after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 0;\r\n height:28%;\r\n background:linear-gradient(to top,rgba(11,32,20,.18),transparent);\r\n pointer-events:none;\r\n }\r\n\r\n .carousel-btn{\r\n position:absolute;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:48px;height:48px;\r\n border-radius:50%;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.88);\r\n color:var(--brand);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n z-index:6;\r\n cursor:pointer;\r\n box-shadow:0 10px 30px rgba(0,0,0,.14);\r\n backdrop-filter:blur(10px);\r\n transition:.25s ease;\r\n }\r\n .carousel-btn:hover{\r\n transform:translateY(-50%) scale(1.06);\r\n background:var(--brand);\r\n color:#fff;\r\n }\r\n .carousel-prev{left:18px}\r\n .carousel-next{right:18px}\r\n\r\n .carousel-dots{\r\n position:absolute;\r\n left:50%;\r\n bottom:16px;\r\n transform:translateX(-50%);\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n z-index:6;\r\n padding:7px 10px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.72);\r\n backdrop-filter:blur(10px);\r\n }\r\n .carousel-dot{\r\n width:9px;height:9px;border-radius:999px;\r\n background:#cdd7cf;\r\n transition:.3s ease;\r\n }\r\n .carousel-dot.active{width:28px;background:var(--accent)}\r\n\r\n \/* Section styling *\/\r\n .section-soft{\r\n background:\r\n radial-gradient(circle at 8% 20%, rgba(245,166,35,.06), transparent 26%),\r\n radial-gradient(circle at 90% 75%, rgba(31,107,58,.06), transparent 25%),\r\n var(--cream);\r\n }\r\n\r\n .section-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:var(--accent-soft);\r\n color:#9d6508;\r\n font-weight:700;\r\n font-size:12px;\r\n letter-spacing:.04em;\r\n margin-bottom:10px;\r\n border:1px solid #f8dfb0;\r\n }\r\n .section-title{\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.15;\r\n font-weight:800;\r\n color:var(--ink);\r\n letter-spacing:-.02em;\r\n }\r\n .section-subtitle{\r\n color:var(--muted);\r\n max-width:650px;\r\n margin:10px auto 0;\r\n line-height:1.75;\r\n }\r\n .title-line{\r\n width:72px;height:4px;\r\n background:linear-gradient(90deg,var(--brand),var(--accent));\r\n border-radius:999px;\r\n margin:14px auto 0;\r\n }\r\n\r\n \/* Product cards *\/\r\n .product-card{\r\n background:rgba(255,255,255,.92);\r\n border:1px solid var(--border);\r\n border-radius:26px;\r\n padding:14px;\r\n box-shadow:var(--shadow-soft);\r\n transition:.35s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .product-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:var(--shadow);\r\n border-color:#d8e8db;\r\n }\r\n .product-card:before{\r\n content:\"\";\r\n position:absolute;\r\n width:130px;height:130px;\r\n border-radius:50%;\r\n background:rgba(245,166,35,.07);\r\n top:-60px;right:-50px;\r\n pointer-events:none;\r\n }\r\n\r\n .product-image-blank{\r\n width:100%;\r\n aspect-ratio:1\/1;\r\n border:1.5px dashed #cfe0d2;\r\n background:\r\n radial-gradient(circle at 28% 25%, rgba(245,166,35,.10), transparent 28%),\r\n linear-gradient(145deg,#f8fcf7,#fffaf1);\r\n border-radius:21px;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .product-image-blank:before{\r\n content:\"PRODUCT IMAGE\";\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#9cb2a1;\r\n font-family:'Poppins',sans-serif;\r\n font-weight:600;\r\n font-size:11px;\r\n letter-spacing:.16em;\r\n }\r\n .product-price{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:var(--accent-soft);\r\n color:#8b5c0a;\r\n font-weight:800;\r\n margin:8px 0 14px;\r\n }\r\n\r\n \/* Reviews *\/\r\n .review-card{\r\n background:rgba(255,255,255,.94);\r\n border:1px solid var(--border);\r\n border-radius:24px;\r\n box-shadow:var(--shadow-soft);\r\n transition:.3s ease;\r\n position:relative;\r\n }\r\n .review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}\r\n .review-card:before{\r\n content:\"\u201c\";\r\n position:absolute;\r\n right:18px;\r\n top:6px;\r\n font-family:Georgia,serif;\r\n font-size:70px;\r\n line-height:1;\r\n color:rgba(31,107,58,.08);\r\n }\r\n\r\n \/* Trust cards *\/\r\n .trust-card{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:24px;\r\n box-shadow:var(--shadow-soft);\r\n transition:.3s ease;\r\n }\r\n .trust-card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:var(--shadow);\r\n border-color:#d8e8db;\r\n }\r\n .trust-icon{\r\n width:56px;height:56px;\r\n margin:0 auto 16px;\r\n border-radius:18px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:linear-gradient(145deg,var(--brand-light),#fff);\r\n color:var(--brand);\r\n box-shadow:inset 0 0 0 1px #dceade;\r\n transition:.3s ease;\r\n }\r\n .trust-card:hover .trust-icon{\r\n transform:rotate(-5deg) scale(1.06);\r\n background:linear-gradient(135deg,var(--brand),#2f8b52);\r\n color:white;\r\n }\r\n\r\n \/* Contact *\/\r\n .contact-shell{\r\n background:linear-gradient(135deg,#143f27,#22683b);\r\n border-radius:30px;\r\n padding:34px 22px;\r\n box-shadow:0 25px 70px rgba(20,63,39,.23);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .contact-shell:before,\r\n .contact-shell:after{\r\n content:\"\";\r\n position:absolute;\r\n border-radius:50%;\r\n background:rgba(245,166,35,.12);\r\n }\r\n .contact-shell:before{width:180px;height:180px;right:-70px;top:-70px}\r\n .contact-shell:after{width:120px;height:120px;left:-40px;bottom:-50px}\r\n .contact-action{\r\n border-radius:18px!important;\r\n min-height:60px;\r\n transition:.25s ease;\r\n position:relative;\r\n z-index:2;\r\n }\r\n .contact-action:hover{transform:translateY(-3px)}\r\n\r\n \/* Reusable CTA polish *\/\r\n a[href=\"#oder\"]{\r\n border-radius:999px!important;\r\n letter-spacing:.01em;\r\n transition:.28s ease!important;\r\n }\r\n\r\n @media(max-width:767px){\r\n .hero-carousel{\r\n border-radius:20px;\r\n margin-top:10px;\r\n }\r\n .hero-slide img{\r\n min-height:190px;\r\n object-fit:cover;\r\n }\r\n .carousel-btn{\r\n width:38px;height:38px;\r\n }\r\n .carousel-prev{left:8px}\r\n .carousel-next{right:8px}\r\n .carousel-dots{bottom:9px}\r\n .brand-logo-wrap{border-radius:18px;padding:7px 11px}\r\n .brand-logo-wrap img{\r\n height:48px !important;\r\n max-width:145px !important;\r\n }\r\n .product-card{border-radius:20px;padding:10px}\r\n .product-image-blank{border-radius:16px}\r\n .contact-shell{border-radius:22px;padding:26px 14px}\r\n .section-title{font-size:28px}\r\n }\r\n <\/style>\r\n\r\n<\/head>\r\n<body class=\"bg-white text-gray-800\">\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"bg-white\">\r\n <!-- Top Logo -->\r\n <div class=\"brand-shell text-center py-3 md:py-4 px-4\">\r\n <div class=\"brand-logo-wrap\">\r\n <img src=\"https:\/\/jagofood.com\/wp-content\/uploads\/2026\/09\/IMG_5865.png\"\r\n alt=\"JagoFood Logo\"\r\n fetchpriority=\"high\"\r\n decoding=\"async\"\r\n class=\"w-auto object-contain\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Banner Carousel -->\r\n <div class=\"hero-carousel max-w-[1600px] mx-auto\">\r\n <div class=\"hero-track\" id=\"heroTrack\">\r\n <div class=\"hero-slide\">\r\n <img src=\"https:\/\/jagofood.com\/wp-content\/uploads\/2026\/09\/IMG_5870.jpeg\"\r\n alt=\"JagoFood Banner 1\"\r\n fetchpriority=\"high\"\r\n decoding=\"async\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img src=\"https:\/\/jagofood.com\/wp-content\/uploads\/2026\/09\/IMG_5866.png\"\r\n alt=\"JagoFood Banner 2\"\r\n decoding=\"async\">\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" class=\"carousel-btn carousel-prev\" id=\"prevSlide\" aria-label=\"Previous banner\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button type=\"button\" class=\"carousel-btn carousel-next\" id=\"nextSlide\" aria-label=\"Next banner\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"carousel-dots\">\r\n <button type=\"button\" class=\"carousel-dot active\" data-slide=\"0\" aria-label=\"Banner 1\"><\/button>\r\n <button type=\"button\" class=\"carousel-dot\" data-slide=\"1\" aria-label=\"Banner 2\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PRODUCTS SECTION -->\r\n <section id=\"collection\" class=\"py-12 md:py-16 section-soft\">\r\n <div class=\"max-w-[1140px] mx-auto px-4 md:px-6 text-center\">\r\n \r\n <div class=\"mb-8 md:mb-10 relative text-center\">\r\n <span class=\"section-kicker\"><i class=\"fa-solid fa-leaf\"><\/i> JAGOFOOD COLLECTION<\/span>\r\n <h2 class=\"section-title\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f<\/h2>\r\n <p class=\"section-subtitle text-sm md:text-base\">\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09df\u09c0 \u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u098f\u0996\u09be\u09a8\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09ac\u09c7<\/p>\r\n <div class=\"title-line\"><\/div>\r\n <\/div>\r\n\r\n <!-- Grid -->\r\n <div class=\"max-w-3xl mx-auto grid grid-cols-2 gap-3 md:gap-8\">\r\n \r\n <!-- Product 1 (5 Masala Combo) -->\r\n <div class=\"product-card group flex flex-col justify-between\">\r\n <div class=\"w-full mb-3 md:mb-4 product-image-blank\" aria-label=\"Product image blank\"><\/div>\r\n <div>\r\n <h3 class=\"text-sm md:text-xl font-extrabold text-gray-900 leading-tight mt-1\">\u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09eb\u099f\u09bf \u09b8\u09c1\u09aa\u09be\u09b0 \u09ae\u09b8\u09b2\u09be \u0995\u09ae\u09cd\u09ac\u09cb \u09aa\u09cd\u09af\u09be\u0995 <\/h3>\r\n <p class=\"text-[10px] md:text-xs text-gray-500 mb-1 md:mb-2\">\u098f\u0995 \u0995\u09ae\u09cd\u09ac\u09cb\u09a4\u09c7 \u09b8\u09ac \u09b0\u09be\u09a8\u09cd\u09a8\u09be<\/p>\r\n <div class=\"product-price\">\u09f3 \u09e7\u09e8\u09e6\u09e6<\/div>\r\n <a href=\"#oder\" class=\"block w-full text-center py-2.5 md:py-3.5 rounded-full bg-custom-red text-white font-bold text-sm md:text-base shadow-md hover:bg-red-700 transition transform hover:-translate-y-0.5\"><i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 2 (4 Masala Combo) -->\r\n <div class=\"product-card group flex flex-col justify-between\">\r\n <div class=\"w-full mb-3 md:mb-4 product-image-blank\" aria-label=\"Product image blank\"><\/div>\r\n <div>\r\n <h3 class=\"text-sm md:text-xl font-extrabold text-gray-900 leading-tight mt-1\">\u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09ea\u099f\u09bf \u09b8\u09c1\u09aa\u09be\u09b0 \u09ae\u09b8\u09b2\u09be \u0995\u09ae\u09cd\u09ac\u09cb \u09aa\u09cd\u09af\u09be\u0995<\/h3>\r\n <p class=\"text-[10px] md:text-xs text-gray-500 mb-1 md:mb-2\">\u09a8\u09bf\u09a4\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc \u09ae\u09b6\u09b2\u09be<\/p>\r\n <div class=\"product-price\">\u09f3 \u09ed\u09eb\u09e6<\/div>\r\n <a href=\"#oder\" class=\"block w-full text-center py-2.5 md:py-3.5 rounded-full bg-custom-red text-white font-bold text-sm md:text-base shadow-md hover:bg-red-700 transition transform hover:-translate-y-0.5\"><i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <!-- Section End Button -->\r\n <div class=\"flex justify-center mt-6 md:mt-10 px-4\">\r\n <a href=\"#oder\" class=\"w-full sm:w-auto px-10 py-4 md:px-12 md:py-4 rounded-full bg-custom-red text-white font-bold shadow-[0_8px_20px_rgba(33,103,59,0.22)] hover:shadow-[0_12px_25px_rgba(33,103,59,0.30)] transition transform hover:-translate-y-1 text-base md:text-lg text-center\">\r\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS SECTION -->\r\n <section class=\"py-12 md:py-16 bg-white\">\r\n <div class=\"max-w-[1140px] mx-auto px-4 md:px-6\">\r\n <div class=\"text-center mb-8 md:mb-10\">\r\n <span class=\"section-kicker\"><i class=\"fa-solid fa-star\"><\/i> CUSTOMER LOVE<\/span>\r\n <h2 class=\"section-title\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0997\u09cd\u09b0\u09be\u09b9\u0995\u09b0\u09be \u09af\u09be \u09ac\u09b2\u099b\u09c7\u09a8<\/h2>\r\n <div class=\"title-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"flex md:grid md:grid-cols-3 gap-4 md:gap-8 overflow-x-auto snap-x snap-mandatory no-scrollbar pb-4 md:pb-0\">\r\n \r\n <!-- Review 1 -->\r\n <div class=\"review-card min-w-full md:min-w-0 snap-center p-6 md:p-8\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-green-100 rounded-full flex items-center justify-center text-green-600 font-bold\">\u09ab<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-sm\">\u09ab\u09be\u09a4\u09c7\u09ae\u09be \u09ac\u09c7\u0997\u09ae<\/h4>\r\n <p class=\"text-xs text-gray-400\">\u09a2\u09be\u0995\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-600 text-sm mb-4\">\"\u09ae\u09be\u099d\u09c7\u09ae\u09a7\u09cd\u09af\u09c7 \u09ae\u09a8\u09c7 \u09b9\u09af\u09bc \u09ae\u09b6\u09b2\u09be\u099f\u09be \u098f\u0995\u09a6\u09ae \u09ac\u09be\u09a1\u09bc\u09bf\u09a4\u09c7 \u09ac\u09be\u09a8\u09be\u09a8\u09cb\u0964 \u09ae\u09b0\u09bf\u099a\u09c7\u09b0 \u099d\u09be\u0981\u099d \u0986\u09b0 \u09b9\u09b2\u09c1\u09a6\u09c7\u09b0 \u09b0\u0982\u099f\u09be \u09a6\u09be\u09b0\u09c1\u09a3!\"<\/p>\r\n <div class=\"flex text-[#ffa31a] text-xs\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Review 2 -->\r\n <div class=\"review-card min-w-full md:min-w-0 snap-center p-6 md:p-8\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">\u0986<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-sm\">\u0986\u09b0\u09bf\u09ab \u0986\u09b9\u09ae\u09c7\u09a6<\/h4>\r\n <p class=\"text-xs text-gray-400\">\u0996\u09c1\u09b2\u09a8\u09be<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-600 text-sm mb-4\">\"\u099a\u09c1\u0987\u099d\u09be\u09b2\u09c7\u09b0 \u09ae\u09b6\u09b2\u09be\u099f\u09be \u09a6\u09bf\u09af\u09bc\u09c7 \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09be\u09b0 \u09aa\u09b0 \u09b8\u09ac\u09be\u0987 \u099a\u09c7\u099f\u09c7\u09aa\u09c1\u099f\u09c7 \u0996\u09c7\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6!\"<\/p>\r\n <div class=\"flex text-[#ffa31a] text-xs\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Review 3 -->\r\n <div class=\"review-card min-w-full md:min-w-0 snap-center p-6 md:p-8\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <div class=\"w-10 h-10 md:w-12 md:h-12 bg-purple-100 rounded-full flex items-center justify-center text-purple-600 font-bold\">\u09b8<\/div>\r\n <div>\r\n <h4 class=\"font-bold text-sm\">\u09b8\u09c1\u09ae\u09be\u0987\u09af\u09bc\u09be \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h4>\r\n <p class=\"text-xs text-gray-400\">\u099a\u099f\u09cd\u099f\u0997\u09cd\u09b0\u09be\u09ae<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-gray-600 text-sm mb-4\">\"\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09bf\u0982 \u0986\u09b0 \u09ae\u09b6\u09b2\u09be\u09b0 \u0998\u09cd\u09b0\u09be\u09a3 \u09a6\u09c1\u099f\u09cb\u0987 \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3\u0964 \u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u09a8\u09bf\u099a\u09cd\u099b\u09bf\u0964\"<\/p>\r\n <div class=\"flex text-[#ffa31a] text-xs\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Section End Button -->\r\n <div class=\"flex justify-center mt-6 md:mt-10 px-4\">\r\n <a href=\"#oder\" class=\"w-full sm:w-auto px-10 py-4 md:px-12 md:py-4 rounded-full bg-custom-red text-white font-bold shadow-[0_8px_20px_rgba(33,103,59,0.22)] hover:shadow-[0_12px_25px_rgba(33,103,59,0.30)] transition transform hover:-translate-y-1 text-base md:text-lg text-center\">\r\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TRUST SECTION -->\r\n <section class=\"py-12 md:py-16 section-soft border-t border-gray-100\">\r\n <div class=\"max-w-[1140px] mx-auto px-4 md:px-6\">\r\n \r\n <div class=\"text-center mb-8 md:mb-10\">\r\n <span class=\"section-kicker\"><i class=\"fa-solid fa-shield-heart\"><\/i> WHY JAGOFOOD<\/span>\r\n <h2 class=\"section-title\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0989\u09aa\u09b0 \u0995\u09c7\u09a8 \u0986\u09b8\u09cd\u09a5\u09be \u09b0\u09be\u0996\u09ac\u09c7\u09a8?<\/h2>\r\n <div class=\"title-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-3 md:gap-6\">\r\n \r\n <!-- Trust Card 1 -->\r\n <div class=\"trust-card p-4 md:p-8 group text-center\">\r\n <div class=\"trust-icon text-base md:text-xl\">\r\n <i class=\"fas fa-box-open\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-sm md:text-lg font-bold text-gray-900 mb-2 md:mb-3 leading-tight\">\u099a\u09c7\u0995 \u0995\u09b0\u09c7 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f<\/h4>\r\n <p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">\u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7, \u09a6\u09c7\u0996\u09c7, \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf \u099a\u09c7\u0995 \u0995\u09b0\u09c7 \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u09e7\u09e6\u09e6% \u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u0964<\/p>\r\n <\/div>\r\n\r\n <!-- Trust Card 2 -->\r\n <div class=\"trust-card p-4 md:p-8 group text-center\">\r\n <div class=\"trust-icon text-base md:text-xl\">\r\n <i class=\"fas fa-undo-alt\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-sm md:text-lg font-bold text-gray-900 mb-2 md:mb-3 leading-tight\">\u09b8\u09b9\u099c \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8 \u09aa\u09b2\u09bf\u09b8\u09bf<\/h4>\r\n <p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">\u09aa\u09cd\u09b0\u09cb\u09a1\u09be\u0995\u09cd\u099f \u09aa\u099b\u09a8\u09cd\u09a6 \u09a8\u09be \u09b9\u09b2\u09c7 \u09ac\u09be \u09ae\u09be\u09a8 \u09a8\u09bf\u09af\u09bc\u09c7 \u09b8\u09a8\u09cd\u09a6\u09c7\u09b9 \u09a5\u09be\u0995\u09b2\u09c7 \u09b8\u09be\u09a5\u09c7 \u09b8\u09be\u09a5\u09c7 \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\r\n <\/div>\r\n\r\n <!-- Trust Card 3 -->\r\n <div class=\"trust-card p-4 md:p-8 group text-center\">\r\n <div class=\"trust-icon text-base md:text-xl\">\r\n <i class=\"fas fa-truck-fast\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-sm md:text-lg font-bold text-gray-900 mb-2 md:mb-3 leading-tight\">\u09a6\u09cd\u09b0\u09c1\u09a4 \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/h4>\r\n <p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">\u09b8\u09be\u09b0\u09be \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7 \u09ac\u09bf\u09b6\u09cd\u09ac\u09b8\u09cd\u09a4 \u0995\u09c1\u09b0\u09bf\u09af\u09bc\u09be\u09b0\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0996\u09c1\u09ac \u09a6\u09cd\u09b0\u09c1\u09a4 \u09b9\u09cb\u09ae \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09aa\u09be\u09ac\u09c7\u09a8\u0964<\/p>\r\n <\/div>\r\n\r\n <!-- Trust Card 4 -->\r\n <div class=\"trust-card p-4 md:p-8 group text-center\">\r\n <div class=\"trust-icon text-base md:text-xl\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n <\/div>\r\n <h4 class=\"text-sm md:text-lg font-bold text-gray-900 mb-2 md:mb-3 leading-tight\">\u09b8\u09be\u09b0\u09cd\u09ac\u0995\u09cd\u09b7\u09a3\u09bf\u0995 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h4>\r\n <p class=\"text-gray-500 text-[11px] md:text-sm leading-relaxed\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09be \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c7 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c7 \u09b8\u09ac \u09b8\u09ae\u09af\u09bc \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <!-- Section End Button -->\r\n <div class=\"flex justify-center mt-8 md:mt-12 px-4\">\r\n <a href=\"#oder\" class=\"w-full sm:w-auto px-10 py-4 md:px-12 md:py-4 rounded-full bg-custom-red text-white font-bold shadow-[0_8px_20px_rgba(33,103,59,0.22)] hover:shadow-[0_12px_25px_rgba(33,103,59,0.30)] transition transform hover:-translate-y-1 text-base md:text-lg text-center\">\r\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- CONTACT SECTION -->\r\n <section class=\"py-12 md:py-16 bg-white border-t border-gray-100\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"max-w-5xl mx-auto text-center contact-shell\">\r\n <h2 class=\"text-2xl md:text-4xl font-bold text-white mb-4 md:mb-7 leading-tight relative z-[2]\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ac\u09be \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8 \u0995\u09b0\u09a4\u09c7 \u0995\u09b2 \u0995\u09b0\u09c1\u09a8 \u0985\u09a5\u09ac\u09be WhatsApp \u0995\u09bf\u0982\u09ac\u09be <br class=\"hidden md:block\"> Messenger-\u098f \u09ae\u09c7\u09b8\u09c7\u099c \u09a6\u09bf\u09a8<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n <a href=\"https:\/\/wa.me\/8801752875294?text=\u0986\u09ae\u09bf \u09eb\u099f\u09bf \u09ae\u09b6\u09b2\u09be\u09b0 \u0995\u09ae\u09cd\u09ac\u09cb \u09aa\u09cd\u09af\u09be\u0995 \u09a8\u09bf\u09a4\u09c7 \u099a\u09be\u0987\" target=\"_blank\" class=\"contact-action bg-[#25D366] hover:bg-[#20bd5a] text-white font-bold py-4 px-6 shadow-lg flex items-center justify-center gap-3 text-lg\">\r\n <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n <span>WhatsApp \u09ae\u09c7\u09b8\u09c7\u099c<\/span>\r\n<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/AliBazar2026\" target=\"_blank\" class=\"contact-action bg-[#0084FF] hover:bg-[#0078e7] text-white font-bold py-4 px-6 shadow-lg flex items-center justify-center gap-3 text-lg\"><i class=\"fab fa-facebook-messenger text-2xl\"><\/i><span>Messenger \u099a\u09cd\u09af\u09be\u099f<\/span><\/a>\r\n <a href=\"tel:+8801752875294\" class=\"contact-action bg-slate-900 hover:bg-slate-800 text-white font-bold py-4 px-6 shadow-lg flex items-center justify-center gap-3 text-lg\"><i class=\"fas fa-phone-alt text-xl\"><\/i><span>\u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0995\u09b2 \u0995\u09b0\u09c1\u09a8<\/span><\/a>\r\n <\/div>\r\n \r\n <!-- Final CTA -->\r\n <div class=\"flex justify-center mt-6 md:mt-10 px-4\">\r\n <a href=\"#oder\" class=\"w-full sm:w-auto px-10 py-4 md:px-12 md:py-4 rounded-full bg-custom-red text-white font-bold shadow-[0_8px_20px_rgba(33,103,59,0.22)] hover:shadow-[0_12px_25px_rgba(33,103,59,0.30)] transition transform hover:-translate-y-1 text-base md:text-lg text-center\">\r\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <script>\r\n (function () {\r\n const track = document.getElementById('heroTrack');\r\n const prev = document.getElementById('prevSlide');\r\n const next = document.getElementById('nextSlide');\r\n const dots = Array.from(document.querySelectorAll('.carousel-dot'));\r\n if (!track || !prev || !next || !dots.length) return;\r\n\r\n let current = 0;\r\n let timer;\r\n\r\n function showSlide(index) {\r\n current = (index + dots.length) % dots.length;\r\n track.style.transform = `translateX(-${current * 100}%)`;\r\n dots.forEach((dot, i) => dot.classList.toggle('active', i === current));\r\n }\r\n\r\n function restartAutoPlay() {\r\n clearInterval(timer);\r\n timer = setInterval(() => showSlide(current + 1), 4000);\r\n }\r\n\r\n prev.addEventListener('click', () => {\r\n showSlide(current - 1);\r\n restartAutoPlay();\r\n });\r\n\r\n next.addEventListener('click', () => {\r\n showSlide(current + 1);\r\n restartAutoPlay();\r\n });\r\n\r\n dots.forEach((dot, i) => {\r\n dot.addEventListener('click', () => {\r\n showSlide(i);\r\n restartAutoPlay();\r\n });\r\n });\r\n\r\n let touchStartX = 0;\r\n track.addEventListener('touchstart', e => {\r\n touchStartX = e.touches[0].clientX;\r\n }, { passive: true });\r\n\r\n track.addEventListener('touchend', e => {\r\n const diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 45) {\r\n showSlide(diff > 0 ? current + 1 : current - 1);\r\n restartAutoPlay();\r\n }\r\n }, { passive: true });\r\n\r\n restartAutoPlay();\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dee19f9 e-con-full e-flex e-con e-parent\" data-id=\"dee19f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-639e9b8 e-flex e-con-boxed e-con e-child\" data-id=\"639e9b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f0dba8 elementor-widget elementor-widget-heading\" data-id=\"7f0dba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ab\u09b0\u09cd\u09ae\u099f\u09bf \u09b8\u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffa0c2d elementor-widget elementor-widget-checkout-form\" data-id=\"ffa0c2d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"oder\" data-widget_type=\"checkout-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class = \"wcf-el-checkout-form cartflows-elementor__checkout-form\">\n\t\t\t<div id=\"wcf-embed-checkout-form\" class=\"wcf-embed-checkout-form wcf-embed-checkout-form-two-column wcf-field-default\">\n<!-- CHECKOUT SHORTCODE -->\n\nYour cart is currently empty.\n<!-- END CHECKOUT SHORTCODE -->\n<\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-4e8fba3 e-con-full e-flex e-con e-parent\" data-id=\"4e8fba3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e97520 elementor-widget elementor-widget-html\" data-id=\"5e97520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Premium Footer - Bashar.website<\/title>\r\n\r\n <!-- Fonts & Icons -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Hind Siliguri', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .footer-premium {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 15% 20%, rgba(34, 197, 94, 0.14), transparent 28%),\r\n radial-gradient(circle at 85% 80%, rgba(245, 158, 11, 0.12), transparent 30%),\r\n linear-gradient(135deg, #173e28 0%, #0f2519 55%, #111827 100%);\r\n box-shadow: 0 -8px 30px rgba(15, 37, 25, 0.18);\r\n }\r\n\r\n .footer-premium::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,0.025),\r\n transparent 45%,\r\n rgba(255,255,255,0.025)\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n .footer-divider {\r\n width: 100%;\r\n height: 1px;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255,255,255,0.15),\r\n transparent\r\n );\r\n }\r\n\r\n .brand-name {\r\n background: linear-gradient(135deg, #ffffff, #d9f7e3);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .dev-credit-pill {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 9px 16px;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(255, 255, 255, 0.14);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n transition: all 0.3s ease;\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n\r\n .dev-credit-pill:hover {\r\n transform: translateY(-3px);\r\n background: rgba(255, 255, 255, 0.13);\r\n border-color: rgba(255, 255, 255, 0.24);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);\r\n }\r\n\r\n .dev-icon {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #22c55e, #15803d);\r\n color: #fff;\r\n box-shadow: 0 6px 18px rgba(34, 197, 94, 0.25);\r\n }\r\n\r\n .developer-link {\r\n color: #ffffff;\r\n font-weight: 700;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .developer-link:hover {\r\n color: #fbbf24;\r\n }\r\n\r\n .footer-tag {\r\n font-size: 11px;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.55);\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .footer-premium {\r\n text-align: center;\r\n }\r\n\r\n .dev-credit-pill {\r\n padding: 8px 14px;\r\n }\r\n\r\n .dev-icon {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <footer class=\"footer-premium text-white w-full\">\r\n <div class=\"footer-divider\"><\/div>\r\n\r\n <div class=\"container mx-auto px-4 py-6\">\r\n <div class=\"max-w-6xl mx-auto flex flex-col md:flex-row items-center justify-between gap-5\">\r\n\r\n <!-- Copyright -->\r\n <div class=\"w-full md:w-auto text-center md:text-left\">\r\n <p class=\"text-sm md:text-base text-white\/75 font-medium\">\r\n © 2026 All Rights Reserved\r\n <span class=\"brand-name font-bold text-lg md:text-xl ml-1\">\r\n JagoFood\r\n <\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Developer Credit -->\r\n <div class=\"w-full md:w-auto flex justify-center md:justify-end\">\r\n <a\r\n href=\"https:\/\/www.fb.com\/basharblogs\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"dev-credit-pill\"\r\n >\r\n <div class=\"dev-icon\">\r\n <i class=\"fa-solid fa-code text-sm\"><\/i>\r\n <\/div>\r\n\r\n <div class=\"text-left leading-tight\">\r\n <div class=\"footer-tag\">Developed By<\/div>\r\n <div class=\"developer-link text-sm md:text-base\">\r\n Bashar.website\r\n <\/div>\r\n <\/div>\r\n\r\n <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-white\/50 ml-1\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"cartflows-canvas","class_list":["post-59","cartflows_step","type-cartflows_step","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/cartflows_step\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":24,"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/cartflows_step\/59\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/cartflows_step\/59\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/jagofood.com\/index.php\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}