{"id":10877,"date":"2026-06-17T12:21:41","date_gmt":"2026-06-17T12:21:41","guid":{"rendered":"https:\/\/www.horekmari.com\/?page_id=10877"},"modified":"2026-06-17T12:31:34","modified_gmt":"2026-06-17T12:31:34","slug":"geography","status":"publish","type":"page","link":"https:\/\/www.horekmari.com\/?page_id=10877","title":{"rendered":"geography"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c!<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- FontAwesome Icons -->\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <!-- SweetAlert2 for Success Message -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n <!-- Google Fonts (Bangla - Hind Siliguri) -->\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');\n body {\n font-family: 'Hind Siliguri', sans-serif;\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body class=\"bg-amber-50 text-slate-800 text-xl leading-relaxed\">\n\n <!-- Top Announcement Bar (Like Target Page) -->\n <div class=\"bg-red-600 text-white text-center py-2 px-4 font-bold text-lg md:text-xl shadow-inner animate-pulse\">\n \ud83d\udd25 \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099c\u09a8\u09cd\u09ae\u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995\u09c0 \u0989\u09aa\u09b2\u0995\u09cd\u09b7\u09c7 \u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09df\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a7\u09be\u09ae\u09be\u0995\u09be \u0985\u09ab\u09be\u09b0 \u09e8\u09e6\u09e8\u09ec!\n <\/div>\n\n <!-- Navigation -->\n <nav class=\"bg-white shadow-md sticky top-0 z-50 border-b-4 border-amber-600\">\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex justify-between items-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-amber-700 flex items-center gap-2\">\n <i class=\"fa-solid fa-book-open-reader\"><\/i>\n <span>\u09b9\u09b0\u09c7\u0995\u09ae\u09be\u09b0\u09bf<\/span>\n <\/div>\n <a href=\"#order-form\" class=\"bg-amber-600 text-white px-8 py-3 rounded-full font-bold text-xl hover:bg-amber-700 transition shadow-lg\">\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <header class=\"py-16 px-4 bg-gradient-to-b from-amber-100 to-amber-50\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center gap-12\">\n <!-- Text Content -->\n <div class=\"w-full md:w-1\/2 space-y-8 text-center md:text-left\">\n <span class=\"bg-orange-500 text-white px-5 py-2 rounded-full text-lg font-bold shadow-sm\">\u09b8\u09c7\u09b0\u09be \u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c<\/span>\n <h1 class=\"text-5xl md:text-6xl font-extrabold leading-tight text-slate-900\">\n \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 <span class=\"text-amber-700\">\u09eb\u099f\u09bf \u09ac\u0987<\/span> \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u09ae\u09be\u09a4\u09cd\u09b0 \u09eb\u09ef\u09ef \u099f\u09be\u0995\u09be\u09df!\n <\/h1>\n <p class=\"text-2xl md:text-3xl text-slate-700 font-medium leading-relaxed\">\n \u0989\u09b0\u09cd\u09a6\u09c1 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09c7\u09b0 \u09ae\u09c1\u0995\u09c1\u099f\u09b9\u09c0\u09a8 \u09b8\u09ae\u09cd\u09b0\u09be\u099f \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0986\u09b8\u09be\u09a6\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 \u0996\u09be\u09a8 \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u0985\u09ae\u09b0 \u09b8\u09c3\u09b7\u09cd\u099f\u09bf, \u0997\u099c\u09b2, \u09b6\u09be\u09df\u09b0\u09bf \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u0995\u09cd\u09b2\u09be\u09b8\u09bf\u0995 \u09ac\u0987\u09df\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09b8\u0982\u0995\u09b2\u09a8\u0964 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09aa\u09cd\u09b0\u09c7\u09ae\u09c0\u09a6\u09c7\u09b0 \u09ac\u09c1\u0995\u09b6\u09c7\u09b2\u09ab\u09c7 \u09b0\u09be\u0996\u09be\u09b0 \u09ae\u09a4\u09cb \u09b8\u09c7\u09b0\u09be \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u0964\n <\/p>\n <!-- Price Tag (Target Style) -->\n <div class=\"flex items-center justify-center md:justify-start gap-6 text-5xl font-black\">\n <span class=\"text-red-600\">\u09f3 \u09eb\u09ef\u09ef<\/span>\n <span class=\"text-slate-400 line-through text-3xl font-bold\">\u09f3 \u09e7\u09e8\u09e6\u09e6<\/span>\n <span class=\"text-white text-base bg-green-600 px-3 py-1.5 rounded-lg shadow\">\u09f3 \u09ec\u09e6\u09e7 \u099b\u09be\u09dc!<\/span>\n <\/div>\n <div class=\"pt-4\">\n <a href=\"#order-form\" class=\"bg-red-600 text-white px-12 py-6 rounded-2xl font-black text-3xl hover:bg-red-700 transition shadow-2xl inline-block animate-pulse w-full md:w-auto text-center\">\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Main Image Banner -->\n <div class=\"w-full md:w-1\/2 flex justify-center\">\n <!-- \u098f\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09c2\u09b2 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09cd\u09af\u09be\u09a8\u09be\u09b0 \u09ac\u09be \u099b\u09ac\u09bf\u09b0 \u09b2\u09bf\u0982\u0995 \u09ac\u09b8\u09be\u09ac\u09c7\u09a8 -->\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-42-68_e5d3893ac03954c6bb675ef2555b\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-8b3e2da e-flex e-con-boxed e-con e-parent\" data-id=\"8b3e2da\" 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-e0eecd9 elementor-widget elementor-widget-html\" data-id=\"e0eecd9\" 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<!DOCTYPE html>\n<html lang=\"bn\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c!<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- FontAwesome Icons -->\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <!-- SweetAlert2 for Success Message -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n <!-- Google Fonts (Bangla - Hind Siliguri) -->\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');\n body {\n font-family: 'Hind Siliguri', sans-serif;\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body class=\"bg-amber-50 text-slate-800 text-xl leading-relaxed\">\n\n <!-- Top Announcement Bar (Like Target Page) -->\n <div class=\"bg-red-600 text-white text-center py-2 px-4 font-bold text-lg md:text-xl shadow-inner animate-pulse\">\n \ud83d\udd25 \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099c\u09a8\u09cd\u09ae\u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995\u09c0 \u0989\u09aa\u09b2\u0995\u09cd\u09b7\u09c7 \u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09df\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a7\u09be\u09ae\u09be\u0995\u09be \u0985\u09ab\u09be\u09b0 \u09e8\u09e6\u09e8\u09ec!\n <\/div>\n\n <!-- Navigation -->\n <nav class=\"bg-white shadow-md sticky top-0 z-50 border-b-4 border-amber-600\">\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex justify-between items-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-amber-700 flex items-center gap-2\">\n <i class=\"fa-solid fa-book-open-reader\"><\/i>\n <span>\u09b9\u09b0\u09c7\u0995\u09ae\u09be\u09b0\u09bf<\/span>\n <\/div>\n <a href=\"#order-form\" class=\"bg-amber-600 text-white px-8 py-3 rounded-full font-bold text-xl hover:bg-amber-700 transition shadow-lg\">\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <header class=\"py-16 px-4 bg-gradient-to-b from-amber-100 to-amber-50\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center gap-12\">\n <!-- Text Content -->\n <div class=\"w-full md:w-1\/2 space-y-8 text-center md:text-left\">\n <span class=\"bg-orange-500 text-white px-5 py-2 rounded-full text-lg font-bold shadow-sm\">\u09b8\u09c7\u09b0\u09be \u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c<\/span>\n <h1 class=\"text-5xl md:text-6xl font-extrabold leading-tight text-slate-900\">\n \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 <span class=\"text-amber-700\">\u09eb\u099f\u09bf \u09ac\u0987<\/span> \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u09ae\u09be\u09a4\u09cd\u09b0 \u09eb\u09ef\u09ef \u099f\u09be\u0995\u09be\u09df!\n <\/h1>\n <p class=\"text-2xl md:text-3xl text-slate-700 font-medium leading-relaxed\">\n \u0989\u09b0\u09cd\u09a6\u09c1 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09c7\u09b0 \u09ae\u09c1\u0995\u09c1\u099f\u09b9\u09c0\u09a8 \u09b8\u09ae\u09cd\u09b0\u09be\u099f \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0986\u09b8\u09be\u09a6\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 \u0996\u09be\u09a8 \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u0985\u09ae\u09b0 \u09b8\u09c3\u09b7\u09cd\u099f\u09bf, \u0997\u099c\u09b2, \u09b6\u09be\u09df\u09b0\u09bf \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u0995\u09cd\u09b2\u09be\u09b8\u09bf\u0995 \u09ac\u0987\u09df\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09b8\u0982\u0995\u09b2\u09a8\u0964 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09aa\u09cd\u09b0\u09c7\u09ae\u09c0\u09a6\u09c7\u09b0 \u09ac\u09c1\u0995\u09b6\u09c7\u09b2\u09ab\u09c7 \u09b0\u09be\u0996\u09be\u09b0 \u09ae\u09a4\u09cb \u09b8\u09c7\u09b0\u09be \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u0964\n <\/p>\n <!-- Price Tag (Target Style) -->\n <div class=\"flex items-center justify-center md:justify-start gap-6 text-5xl font-black\">\n <span class=\"text-red-600\">\u09f3 \u09eb\u09ef\u09ef<\/span>\n <span class=\"text-slate-400 line-through text-3xl font-bold\">\u09f3 \u09e7\u09e8\u09e6\u09e6<\/span>\n <span class=\"text-white text-base bg-green-600 px-3 py-1.5 rounded-lg shadow\">\u09f3 \u09ec\u09e6\u09e7 \u099b\u09be\u09dc!<\/span>\n <\/div>\n <div class=\"pt-4\">\n <a href=\"#order-form\" class=\"bg-red-600 text-white px-12 py-6 rounded-2xl font-black text-3xl hover:bg-red-700 transition shadow-2xl inline-block animate-pulse w-full md:w-auto text-center\">\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Main Image Banner -->\n <div class=\"w-full md:w-1\/2 flex justify-center\">\n <!-- \u098f\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09c2\u09b2 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09cd\u09af\u09be\u09a8\u09be\u09b0 \u09ac\u09be \u099b\u09ac\u09bf\u09b0 \u09b2\u09bf\u0982\u0995 \u09ac\u09b8\u09be\u09ac\u09c7\u09a8 -->\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-42-68_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09ac\u0987 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\" \n class=\"w-full max-w-md md:max-w-xl rounded-3xl shadow-2xl border-4 border-white transform hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Book Highlight \/ Info Gallery Section (Copying target page section) -->\n <section class=\"py-20 px-4 bg-white border-t border-b border-amber-200\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-4\">\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09c7 \u09af\u09c7 \u09eb\u099f\u09bf \u09ac\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8<\/h2>\n <p class=\"text-slate-600 text-xl mb-12\">\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <!-- Book 1 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u09a6\u09bf\u0993\u09df\u09be\u09a8-\u0987-\u0997\u09be\u09b2\u09bf\u09ac<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09a4\u09be\u09b0 \u09b8\u09ae\u09b8\u09cd\u09a4 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u0997\u099c\u09b2 \u098f\u09ac\u0982 \u099f\u09cd\u09b0\u09cd\u09af\u09be\u09a1\u09bf\u09b6\u09a8\u09be\u09b2 \u09b6\u09be\u09df\u09b0\u09bf\u09b0 \u098f\u0995 \u0995\u09be\u09b2\u099c\u09df\u09c0 \u09ae\u09be\u09b8\u09cd\u099f\u09be\u09b0\u09aa\u09bf\u09b8 \u09b8\u0982\u0995\u09b2\u09a8\u0964<\/p>\n <\/div>\n <!-- Book 2 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099a\u09bf\u09a0\u09bf<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09a4\u09ce\u0995\u09be\u09b2\u09c0\u09a8 \u09b8\u09ae\u09be\u099c, \u09b0\u09be\u099c\u09a8\u09c0\u09a4\u09bf \u098f\u09ac\u0982 \u09b8\u09ae\u09b8\u09be\u09ae\u09df\u09bf\u0995 \u099c\u09c0\u09ac\u09a8 \u09a8\u09bf\u09df\u09c7 \u09b2\u09c7\u0996\u09be \u09a4\u09be\u09b0 \u0985\u09a8\u09a8\u09cd\u09af \u098f\u09ac\u0982 \u09b0\u09b8\u09be\u09a4\u09cd\u09ae\u0995 \u099a\u09bf\u09a0\u09bf\u09aa\u09a4\u09cd\u09b0\u0964<\/p>\n <\/div>\n <!-- Book 3 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u09ae\u09b9\u09be\u0995\u09be\u09ac\u09cd\u09af\u09bf\u0995 \u09b6\u09be\u09df\u09b0\u09bf \u09b8\u09ae\u0997\u09cd\u09b0<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09aa\u09cd\u09b0\u09c7\u09ae, \u09a6\u09b0\u09cd\u09b6\u09a8 \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u0997\u09ad\u09c0\u09b0\u09a4\u09ae \u09b8\u09a4\u09cd\u09af\u0995\u09c7 \u09ab\u09c1\u099f\u09bf\u09df\u09c7 \u09a4\u09cb\u09b2\u09be \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4 \u09b6\u09be\u09df\u09c7\u09b0\u09bf\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Image Gallery (Book Inner Pages\/Proof) -->\n <section class=\"py-20 px-4 bg-amber-50\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-4\">\u09ac\u0987\u0997\u09c1\u09b2\u09cb\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09a6\u09c7\u0996\u09c7 \u09a8\u09bf\u09a8<\/h2>\n <p class=\"text-slate-600 text-xl mb-12\">\u0989\u09a8\u09cd\u09a8\u09a4 \u0995\u09be\u0997\u099c \u0993 \u099a\u09ae\u09ce\u0995\u09be\u09b0 \u0985\u09ab\u09b8\u09c7\u099f \u09aa\u09cd\u09b0\u09bf\u09a8\u09cd\u099f\u09bf\u0982\u09df\u09c7 \u09a4\u09c8\u09b0\u09bf \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09ac\u0987<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <!-- Image 1 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-42-68_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e7\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <!-- Image 2 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-55-29_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e8\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <!-- Image 3 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-55-29_e5d3893ac03954c6bb675ef2555b879b-1-3.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e9\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Order Form Section -->\n <section id=\"order-form\" class=\"py-20 px-4 bg-amber-700\">\n <div class=\"max-w-2xl mx-auto bg-white p-10 rounded-3xl shadow-2xl border-t-8 border-orange-500\">\n <h2 class=\"text-4xl font-bold text-center mb-4 text-slate-900\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ab\u09b0\u09cd\u09ae\u099f\u09bf \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8<\/h2>\n <p class=\"text-center text-slate-600 text-xl mb-10 font-medium\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf\u09a4\u09c7 \u09ac\u0987 \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09df\u09c7 \u099f\u09be\u0995\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09c1\u09a8<\/p>\n \n <form id=\"checkoutForm\" onsubmit=\"submitOrder(event)\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_subject\" value=\"\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09c7\u09b0 \u09a8\u09a4\u09c1\u09a8 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b8\u09c7\u099b\u09c7!\">\n \n <div class=\"space-y-6\">\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae *<\/label>\n <input type=\"text\" name=\"\u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0\u09c7\u09b0_\u09a8\u09be\u09ae\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09e7 *<\/label>\n <input type=\"tel\" name=\"\u09ae\u09cb\u09ac\u09be\u0987\u09b2_\u09a8\u09ae\u09cd\u09ac\u09b0_\u09e7\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09e8 (\u0990\u099a\u09cd\u099b\u09bf\u0995)<\/label>\n <input type=\"tel\" name=\"\u09ae\u09cb\u09ac\u09be\u0987\u09b2_\u09a8\u09ae\u09cd\u09ac\u09b0_\u09e8\" class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u09ac\u09bf\u0995\u09b2\u09cd\u09aa \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09a0\u09bf\u0995\u09be\u09a8\u09be *<\/label>\n <textarea name=\"\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3_\u09a0\u09bf\u0995\u09be\u09a8\u09be\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600 h-32\" placeholder=\"\u09ac\u09be\u09b8\u09be \u09a8\u0982, \u09b0\u09cb\u09a1, \u09a5\u09be\u09a8\u09be, \u099c\u09c7\u09b2\u09be\"><\/textarea>\n <\/div>\n\n <!-- Payment Options -->\n <div class=\"p-6 border-2 border-slate-200 rounded-2xl bg-slate-50\">\n <label class=\"block text-2xl font-bold mb-3 text-slate-800\">\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c1\u09a8 *<\/label>\n <select id=\"payment-method\" name=\"\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f_\u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\" onchange=\"togglePaymentInfo()\" class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600 font-bold text-slate-700\">\n <option value=\"Cash on Delivery\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf (\u09ac\u0987 \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09df\u09c7 \u099f\u09be\u0995\u09be \u09a6\u09bf\u09a8)<\/option>\n <option value=\"bKash\">\u09ac\u09bf\u0995\u09be\u09b6 (Payment\/Send Money)<\/option>\n <option value=\"Nagad\">\u09a8\u0997\u09a6 (Send Money)<\/option>\n <\/select>\n\n <!-- Transaction ID Box -->\n <div id=\"trx-info\" class=\"hidden mt-5 bg-amber-50 p-5 rounded-xl border-2 border-amber-200\">\n <p id=\"payment-instruction\" class=\"text-red-600 font-extrabold mb-4 text-xl\"><\/p>\n <label class=\"block text-xl font-bold mb-2 text-slate-800\">\u099f\u09cd\u09b0\u09be\u09a8\u099c\u09c7\u0995\u09b6\u09a8 \u0986\u0987\u09a1\u09bf \u09ac\u09be \u09a8\u09ae\u09cd\u09ac\u09b0 *<\/label>\n <input type=\"text\" name=\"\u099f\u09cd\u09b0\u09be\u09a8\u099c\u09c7\u0995\u09b6\u09a8_\u0986\u0987\u09a1\u09bf\" id=\"trx_input\" class=\"w-full border-2 border-slate-300 rounded-xl px-4 py-3 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"TrxID \u0985\u09a5\u09ac\u09be \u09af\u09c7 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u099f\u09be\u0995\u09be \u09aa\u09be\u09a0\u09bf\u09df\u09c7\u099b\u09c7\u09a8\">\n <\/div>\n <\/div>\n \n <!-- Order Summary -->\n <div class=\"bg-amber-50 p-6 rounded-2xl border-2 border-amber-100 text-xl\">\n <div class=\"flex justify-between font-bold mb-3 text-slate-800\">\n <span>\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c (\u09eb\u099f\u09bf \u09ac\u0987):<\/span>\n <span>\u09f3 \u09eb\u09ef\u09ef<\/span>\n <\/div>\n <div class=\"flex justify-between font-bold text-slate-600 mb-3\">\n <span>\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c:<\/span>\n <span>\u09f3 \u09ee\u09e6<\/span>\n <\/div>\n <hr class=\"my-3 border-amber-200\">\n <div class=\"flex justify-between font-black text-3xl text-red-600\">\n <span>\u09b8\u09b0\u09cd\u09ac\u09ae\u09cb\u099f \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7\u09af\u09cb\u0997\u09cd\u09af:<\/span>\n <span>\u09f3 \u09ec\u09ed\u09ef<\/span>\n <\/div>\n <\/div>\n \n <!-- Submit Button -->\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-red-600 text-white py-5 rounded-xl font-black text-3xl hover:bg-red-700 transition shadow-2xl mt-4 tracking-wide\">\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8 \n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n\n <!-- Static Footer Contact Buttons -->\n <section class=\"py-12 bg-slate-100 text-center space-y-4 md:space-y-0 md:space-x-6 flex flex-col md:flex-row justify-center items-center px-4\">\n <a href=\"tel:01850192446\" class=\"w-full md:w-auto bg-green-600 text-white px-10 py-5 rounded-2xl font-black text-2xl hover:bg-green-700 transition shadow-xl flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-phone\"><\/i> \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0995\u09b2 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <a href=\"https:\/\/m.me\/horekmari\" target=\"_blank\" class=\"w-full md:w-auto bg-blue-600 text-white px-10 py-5 rounded-2xl font-black text-2xl hover:bg-blue-700 transition shadow-xl flex items-center justify-center gap-3\">\n <i class=\"fa-brands fa-facebook-messenger\"><\/i> \u09ae\u09c7\u09b8\u09c7\u099e\u09cd\u099c\u09be\u09b0\u09c7 \u09ae\u09c7\u09b8\u09c7\u099c \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"bg-slate-900 text-slate-400 py-12 text-center text-xl font-bold border-t-4 border-orange-500\">\n <p>© \u09e8\u09e6\u09e8\u09ec Horekmari.com\u0964 \u09b8\u09b0\u09cd\u09ac\u09b8\u09cd\u09ac\u09a4\u09cd\u09ac \u09b8\u0982\u09b0\u0995\u09cd\u09b7\u09bf\u09a4\u0964<\/p>\n <\/footer>\n\n <!-- Scripts and Logic -->\n <script>\n function togglePaymentInfo() {\n const method = document.getElementById('payment-method').value;\n const trxDiv = document.getElementById('trx-info');\n const trxInput = document.getElementById('trx_input');\n const instruction = document.getElementById('payment-instruction');\n \n const myNumber = \"01850192446\"; \n\n if(method === 'Cash on Delivery') {\n trxDiv.classList.add('hidden');\n trxInput.removeAttribute('required');\n } else {\n trxDiv.classList.remove('hidden');\n trxInput.setAttribute('required', 'true');\n instruction.innerHTML = `<i class=\"fa-solid fa-money-bill-wave mr-1\"><\/i> \u099f\u09be\u0995\u09be \u09aa\u09be\u09a0\u09be\u09a8 \u098f\u0987 \u09a8\u09ae\u09cd\u09ac\u09b0\u09c7: <b class=\"text-2xl\">${myNumber}<\/b> (\u09ac\u09bf\u0995\u09be\u09b6\/\u09a8\u0997\u09a6)`;\n }\n }\n\n function submitOrder(e) {\n e.preventDefault();\n const form = e.target;\n const formData = new FormData(form);\n const btn = document.getElementById('submitBtn');\n \n btn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> \u09aa\u09cd\u09b0\u09b8\u09c7\u09b8 \u09b9\u099a\u09cd\u099b\u09c7...';\n btn.disabled = true;\n\n fetch(\"https:\/\/formsubmit.co\/ajax\/horekmarionline@gmail.com\", {\n method: \"POST\",\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n Swal.fire({\n icon: 'success',\n title: '\u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6!',\n html: '<p class=\"text-xl font-medium text-slate-700\">\u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u099f\u09bf \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u09b9\u09df\u09c7\u099b\u09c7\u0964<br>\u0996\u09c1\u09ac \u09b6\u09c0\u0998\u09cd\u09b0\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0995\u099c\u09a8 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a8\u09bf\u09a7\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u09c7\u09a8\u0964<\/p>',\n confirmButtonColor: '#b45309',\n confirmButtonText: '\u0993\u0995\u09c7'\n });\n form.reset();\n togglePaymentInfo();\n btn.innerHTML = '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8';\n btn.disabled = false;\n })\n .catch(error => {\n Swal.fire({ icon: 'error', title: '\u09a6\u09c1\u0983\u0996\u09bf\u09a4', text: '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09be\u09ac\u09ae\u09bf\u099f \u0995\u09b0\u09a4\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964' });\n btn.innerHTML = '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8';\n btn.disabled = false;\n });\n }\n <\/script>\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"bn\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c!<\/title>\n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- FontAwesome Icons -->\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <!-- SweetAlert2 for Success Message -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n <!-- Google Fonts (Bangla - Hind Siliguri) -->\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');\n body {\n font-family: 'Hind Siliguri', sans-serif;\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body class=\"bg-amber-50 text-slate-800 text-xl leading-relaxed\">\n\n <!-- Top Announcement Bar (Like Target Page) -->\n <div class=\"bg-red-600 text-white text-center py-2 px-4 font-bold text-lg md:text-xl shadow-inner animate-pulse\">\n \ud83d\udd25 \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099c\u09a8\u09cd\u09ae\u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995\u09c0 \u0989\u09aa\u09b2\u0995\u09cd\u09b7\u09c7 \u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09df\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a7\u09be\u09ae\u09be\u0995\u09be \u0985\u09ab\u09be\u09b0 \u09e8\u09e6\u09e8\u09ec!\n <\/div>\n\n <!-- Navigation -->\n <nav class=\"bg-white shadow-md sticky top-0 z-50 border-b-4 border-amber-600\">\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex justify-between items-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-amber-700 flex items-center gap-2\">\n <i class=\"fa-solid fa-book-open-reader\"><\/i>\n <span>\u09b9\u09b0\u09c7\u0995\u09ae\u09be\u09b0\u09bf<\/span>\n <\/div>\n <a href=\"#order-form\" class=\"bg-amber-600 text-white px-8 py-3 rounded-full font-bold text-xl hover:bg-amber-700 transition shadow-lg\">\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <header class=\"py-16 px-4 bg-gradient-to-b from-amber-100 to-amber-50\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center gap-12\">\n <!-- Text Content -->\n <div class=\"w-full md:w-1\/2 space-y-8 text-center md:text-left\">\n <span class=\"bg-orange-500 text-white px-5 py-2 rounded-full text-lg font-bold shadow-sm\">\u09b8\u09c7\u09b0\u09be \u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c<\/span>\n <h1 class=\"text-5xl md:text-6xl font-extrabold leading-tight text-slate-900\">\n \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 <span class=\"text-amber-700\">\u09eb\u099f\u09bf \u09ac\u0987<\/span> \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u09ae\u09be\u09a4\u09cd\u09b0 \u09eb\u09ef\u09ef \u099f\u09be\u0995\u09be\u09df!\n <\/h1>\n <p class=\"text-2xl md:text-3xl text-slate-700 font-medium leading-relaxed\">\n \u0989\u09b0\u09cd\u09a6\u09c1 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09c7\u09b0 \u09ae\u09c1\u0995\u09c1\u099f\u09b9\u09c0\u09a8 \u09b8\u09ae\u09cd\u09b0\u09be\u099f \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0986\u09b8\u09be\u09a6\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 \u0996\u09be\u09a8 \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u0985\u09ae\u09b0 \u09b8\u09c3\u09b7\u09cd\u099f\u09bf, \u0997\u099c\u09b2, \u09b6\u09be\u09df\u09b0\u09bf \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u0995\u09cd\u09b2\u09be\u09b8\u09bf\u0995 \u09ac\u0987\u09df\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09b8\u0982\u0995\u09b2\u09a8\u0964 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09aa\u09cd\u09b0\u09c7\u09ae\u09c0\u09a6\u09c7\u09b0 \u09ac\u09c1\u0995\u09b6\u09c7\u09b2\u09ab\u09c7 \u09b0\u09be\u0996\u09be\u09b0 \u09ae\u09a4\u09cb \u09b8\u09c7\u09b0\u09be \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u0964\n <\/p>\n <!-- Price Tag (Target Style) -->\n <div class=\"flex items-center justify-center md:justify-start gap-6 text-5xl font-black\">\n <span class=\"text-red-600\">\u09f3 \u09eb\u09ef\u09ef<\/span>\n <span class=\"text-slate-400 line-through text-3xl font-bold\">\u09f3 \u09e7\u09e8\u09e6\u09e6<\/span>\n <span class=\"text-white text-base bg-green-600 px-3 py-1.5 rounded-lg shadow\">\u09f3 \u09ec\u09e6\u09e7 \u099b\u09be\u09dc!<\/span>\n <\/div>\n <div class=\"pt-4\">\n <a href=\"#order-form\" class=\"bg-red-600 text-white px-12 py-6 rounded-2xl font-black text-3xl hover:bg-red-700 transition shadow-2xl inline-block animate-pulse w-full md:w-auto text-center\">\n <i class=\"fa-solid fa-cart-shopping mr-2\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Main Image Banner -->\n <div class=\"w-full md:w-1\/2 flex justify-center\">\n <!-- \u098f\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09c2\u09b2 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09cd\u09af\u09be\u09a8\u09be\u09b0 \u09ac\u09be \u099b\u09ac\u09bf\u09b0 \u09b2\u09bf\u0982\u0995 \u09ac\u09b8\u09be\u09ac\u09c7\u09a8 -->\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-42-68_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09ac\u0987 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\" \n class=\"w-full max-w-md md:max-w-xl rounded-3xl shadow-2xl border-4 border-white transform hover:scale-105 transition duration-300\">\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Book Highlight \/ Info Gallery Section (Copying target page section) -->\n <section class=\"py-20 px-4 bg-white border-t border-b border-amber-200\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-4\">\u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09c7 \u09af\u09c7 \u09eb\u099f\u09bf \u09ac\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8<\/h2>\n <p class=\"text-slate-600 text-xl mb-12\">\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <!-- Book 1 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u09a6\u09bf\u0993\u09df\u09be\u09a8-\u0987-\u0997\u09be\u09b2\u09bf\u09ac<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09a4\u09be\u09b0 \u09b8\u09ae\u09b8\u09cd\u09a4 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u0997\u099c\u09b2 \u098f\u09ac\u0982 \u099f\u09cd\u09b0\u09cd\u09af\u09be\u09a1\u09bf\u09b6\u09a8\u09be\u09b2 \u09b6\u09be\u09df\u09b0\u09bf\u09b0 \u098f\u0995 \u0995\u09be\u09b2\u099c\u09df\u09c0 \u09ae\u09be\u09b8\u09cd\u099f\u09be\u09b0\u09aa\u09bf\u09b8 \u09b8\u0982\u0995\u09b2\u09a8\u0964<\/p>\n <\/div>\n <!-- Book 2 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099a\u09bf\u09a0\u09bf<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09a4\u09ce\u0995\u09be\u09b2\u09c0\u09a8 \u09b8\u09ae\u09be\u099c, \u09b0\u09be\u099c\u09a8\u09c0\u09a4\u09bf \u098f\u09ac\u0982 \u09b8\u09ae\u09b8\u09be\u09ae\u09df\u09bf\u0995 \u099c\u09c0\u09ac\u09a8 \u09a8\u09bf\u09df\u09c7 \u09b2\u09c7\u0996\u09be \u09a4\u09be\u09b0 \u0985\u09a8\u09a8\u09cd\u09af \u098f\u09ac\u0982 \u09b0\u09b8\u09be\u09a4\u09cd\u09ae\u0995 \u099a\u09bf\u09a0\u09bf\u09aa\u09a4\u09cd\u09b0\u0964<\/p>\n <\/div>\n <!-- Book 3 -->\n <div class=\"bg-amber-50 p-6 rounded-2xl shadow-xl border border-amber-300\">\n <div class=\"text-amber-700 text-4xl mb-4\"><i class=\"fa-solid fa-book\"><\/i><\/div>\n <h3 class=\"font-bold text-2xl text-slate-800 mb-2\">\u09ae\u09b9\u09be\u0995\u09be\u09ac\u09cd\u09af\u09bf\u0995 \u09b6\u09be\u09df\u09b0\u09bf \u09b8\u09ae\u0997\u09cd\u09b0<\/h3>\n <p class=\"text-slate-600 text-lg\">\u09aa\u09cd\u09b0\u09c7\u09ae, \u09a6\u09b0\u09cd\u09b6\u09a8 \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u0997\u09ad\u09c0\u09b0\u09a4\u09ae \u09b8\u09a4\u09cd\u09af\u0995\u09c7 \u09ab\u09c1\u099f\u09bf\u09df\u09c7 \u09a4\u09cb\u09b2\u09be \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4 \u09b6\u09be\u09df\u09c7\u09b0\u09bf\u0964<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Image Gallery (Book Inner Pages\/Proof) -->\n <section class=\"py-20 px-4 bg-amber-50\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mb-4\">\u09ac\u0987\u0997\u09c1\u09b2\u09cb\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09a6\u09c7\u0996\u09c7 \u09a8\u09bf\u09a8<\/h2>\n <p class=\"text-slate-600 text-xl mb-12\">\u0989\u09a8\u09cd\u09a8\u09a4 \u0995\u09be\u0997\u099c \u0993 \u099a\u09ae\u09ce\u0995\u09be\u09b0 \u0985\u09ab\u09b8\u09c7\u099f \u09aa\u09cd\u09b0\u09bf\u09a8\u09cd\u099f\u09bf\u0982\u09df\u09c7 \u09a4\u09c8\u09b0\u09bf \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09ac\u0987<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto\">\n <!-- Image 1 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-42-68_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e7\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <!-- Image 2 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-55-29_e5d3893ac03954c6bb675ef2555b879b-1-2.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e8\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <!-- Image 3 -->\n <div class=\"bg-white p-4 rounded-2xl shadow-xl border-2 border-orange-400 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.horekmari.com\/wp-content\/uploads\/2026\/05\/Screenshot_2026-05-22-22-23-55-29_e5d3893ac03954c6bb675ef2555b879b-1-3.jpg\" \n alt=\"\u09ac\u0987 \u099a\u09bf\u09a4\u09cd\u09b0 \u09e9\" class=\"w-full h-auto rounded-xl\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Order Form Section -->\n <section id=\"order-form\" class=\"py-20 px-4 bg-amber-700\">\n <div class=\"max-w-2xl mx-auto bg-white p-10 rounded-3xl shadow-2xl border-t-8 border-orange-500\">\n <h2 class=\"text-4xl font-bold text-center mb-4 text-slate-900\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ab\u09b0\u09cd\u09ae\u099f\u09bf \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8<\/h2>\n <p class=\"text-center text-slate-600 text-xl mb-10 font-medium\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf\u09a4\u09c7 \u09ac\u0987 \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09df\u09c7 \u099f\u09be\u0995\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09c1\u09a8<\/p>\n \n <form id=\"checkoutForm\" onsubmit=\"submitOrder(event)\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"hidden\" name=\"_subject\" value=\"\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09c7\u09b0 \u09a8\u09a4\u09c1\u09a8 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b8\u09c7\u099b\u09c7!\">\n \n <div class=\"space-y-6\">\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae *<\/label>\n <input type=\"text\" name=\"\u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0\u09c7\u09b0_\u09a8\u09be\u09ae\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09e7 *<\/label>\n <input type=\"tel\" name=\"\u09ae\u09cb\u09ac\u09be\u0987\u09b2_\u09a8\u09ae\u09cd\u09ac\u09b0_\u09e7\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09e8 (\u0990\u099a\u09cd\u099b\u09bf\u0995)<\/label>\n <input type=\"tel\" name=\"\u09ae\u09cb\u09ac\u09be\u0987\u09b2_\u09a8\u09ae\u09cd\u09ac\u09b0_\u09e8\" class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"\u09ac\u09bf\u0995\u09b2\u09cd\u09aa \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09b2\u09bf\u0996\u09c1\u09a8\">\n <\/div>\n <div>\n <label class=\"block text-2xl font-bold mb-2 text-slate-800\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09a0\u09bf\u0995\u09be\u09a8\u09be *<\/label>\n <textarea name=\"\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3_\u09a0\u09bf\u0995\u09be\u09a8\u09be\" required class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600 h-32\" placeholder=\"\u09ac\u09be\u09b8\u09be \u09a8\u0982, \u09b0\u09cb\u09a1, \u09a5\u09be\u09a8\u09be, \u099c\u09c7\u09b2\u09be\"><\/textarea>\n <\/div>\n\n <!-- Payment Options -->\n <div class=\"p-6 border-2 border-slate-200 rounded-2xl bg-slate-50\">\n <label class=\"block text-2xl font-bold mb-3 text-slate-800\">\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c1\u09a8 *<\/label>\n <select id=\"payment-method\" name=\"\u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f_\u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\" onchange=\"togglePaymentInfo()\" class=\"w-full border-2 border-amber-300 rounded-xl px-5 py-4 text-xl focus:outline-none focus:border-amber-600 font-bold text-slate-700\">\n <option value=\"Cash on Delivery\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf (\u09ac\u0987 \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09df\u09c7 \u099f\u09be\u0995\u09be \u09a6\u09bf\u09a8)<\/option>\n <option value=\"bKash\">\u09ac\u09bf\u0995\u09be\u09b6 (Payment\/Send Money)<\/option>\n <option value=\"Nagad\">\u09a8\u0997\u09a6 (Send Money)<\/option>\n <\/select>\n\n <!-- Transaction ID Box -->\n <div id=\"trx-info\" class=\"hidden mt-5 bg-amber-50 p-5 rounded-xl border-2 border-amber-200\">\n <p id=\"payment-instruction\" class=\"text-red-600 font-extrabold mb-4 text-xl\"><\/p>\n <label class=\"block text-xl font-bold mb-2 text-slate-800\">\u099f\u09cd\u09b0\u09be\u09a8\u099c\u09c7\u0995\u09b6\u09a8 \u0986\u0987\u09a1\u09bf \u09ac\u09be \u09a8\u09ae\u09cd\u09ac\u09b0 *<\/label>\n <input type=\"text\" name=\"\u099f\u09cd\u09b0\u09be\u09a8\u099c\u09c7\u0995\u09b6\u09a8_\u0986\u0987\u09a1\u09bf\" id=\"trx_input\" class=\"w-full border-2 border-slate-300 rounded-xl px-4 py-3 text-xl focus:outline-none focus:border-amber-600\" placeholder=\"TrxID \u0985\u09a5\u09ac\u09be \u09af\u09c7 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u099f\u09be\u0995\u09be \u09aa\u09be\u09a0\u09bf\u09df\u09c7\u099b\u09c7\u09a8\">\n <\/div>\n <\/div>\n \n <!-- Order Summary -->\n <div class=\"bg-amber-50 p-6 rounded-2xl border-2 border-amber-100 text-xl\">\n <div class=\"flex justify-between font-bold mb-3 text-slate-800\">\n <span>\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c (\u09eb\u099f\u09bf \u09ac\u0987):<\/span>\n <span>\u09f3 \u09eb\u09ef\u09ef<\/span>\n <\/div>\n <div class=\"flex justify-between font-bold text-slate-600 mb-3\">\n <span>\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c:<\/span>\n <span>\u09f3 \u09ee\u09e6<\/span>\n <\/div>\n <hr class=\"my-3 border-amber-200\">\n <div class=\"flex justify-between font-black text-3xl text-red-600\">\n <span>\u09b8\u09b0\u09cd\u09ac\u09ae\u09cb\u099f \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7\u09af\u09cb\u0997\u09cd\u09af:<\/span>\n <span>\u09f3 \u09ec\u09ed\u09ef<\/span>\n <\/div>\n <\/div>\n \n <!-- Submit Button -->\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-red-600 text-white py-5 rounded-xl font-black text-3xl hover:bg-red-700 transition shadow-2xl mt-4 tracking-wide\">\n \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8 \n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n\n <!-- Static Footer Contact Buttons -->\n <section class=\"py-12 bg-slate-100 text-center space-y-4 md:space-y-0 md:space-x-6 flex flex-col md:flex-row justify-center items-center px-4\">\n <a href=\"tel:01850192446\" class=\"w-full md:w-auto bg-green-600 text-white px-10 py-5 rounded-2xl font-black text-2xl hover:bg-green-700 transition shadow-xl flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-phone\"><\/i> \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0995\u09b2 \u0995\u09b0\u09c1\u09a8\n <\/a>\n <a href=\"https:\/\/m.me\/horekmari\" target=\"_blank\" class=\"w-full md:w-auto bg-blue-600 text-white px-10 py-5 rounded-2xl font-black text-2xl hover:bg-blue-700 transition shadow-xl flex items-center justify-center gap-3\">\n <i class=\"fa-brands fa-facebook-messenger\"><\/i> \u09ae\u09c7\u09b8\u09c7\u099e\u09cd\u099c\u09be\u09b0\u09c7 \u09ae\u09c7\u09b8\u09c7\u099c \u0995\u09b0\u09c1\u09a8\n <\/a>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"bg-slate-900 text-slate-400 py-12 text-center text-xl font-bold border-t-4 border-orange-500\">\n <p>© \u09e8\u09e6\u09e8\u09ec Horekmari.com\u0964 \u09b8\u09b0\u09cd\u09ac\u09b8\u09cd\u09ac\u09a4\u09cd\u09ac \u09b8\u0982\u09b0\u0995\u09cd\u09b7\u09bf\u09a4\u0964<\/p>\n <\/footer>\n\n <!-- Scripts and Logic -->\n <script>\n function togglePaymentInfo() {\n const method = document.getElementById('payment-method').value;\n const trxDiv = document.getElementById('trx-info');\n const trxInput = document.getElementById('trx_input');\n const instruction = document.getElementById('payment-instruction');\n \n const myNumber = \"01850192446\"; \n\n if(method === 'Cash on Delivery') {\n trxDiv.classList.add('hidden');\n trxInput.removeAttribute('required');\n } else {\n trxDiv.classList.remove('hidden');\n trxInput.setAttribute('required', 'true');\n instruction.innerHTML = `<i class=\"fa-solid fa-money-bill-wave mr-1\"><\/i> \u099f\u09be\u0995\u09be \u09aa\u09be\u09a0\u09be\u09a8 \u098f\u0987 \u09a8\u09ae\u09cd\u09ac\u09b0\u09c7: <b class=\"text-2xl\">${myNumber}<\/b> (\u09ac\u09bf\u0995\u09be\u09b6\/\u09a8\u0997\u09a6)`;\n }\n }\n\n function submitOrder(e) {\n e.preventDefault();\n const form = e.target;\n const formData = new FormData(form);\n const btn = document.getElementById('submitBtn');\n \n btn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> \u09aa\u09cd\u09b0\u09b8\u09c7\u09b8 \u09b9\u099a\u09cd\u099b\u09c7...';\n btn.disabled = true;\n\n fetch(\"https:\/\/formsubmit.co\/ajax\/horekmarionline@gmail.com\", {\n method: \"POST\",\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n Swal.fire({\n icon: 'success',\n title: '\u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6!',\n html: '<p class=\"text-xl font-medium text-slate-700\">\u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0\u099f\u09bf \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u09b9\u09df\u09c7\u099b\u09c7\u0964<br>\u0996\u09c1\u09ac \u09b6\u09c0\u0998\u09cd\u09b0\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0995\u099c\u09a8 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a8\u09bf\u09a7\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u09c7\u09a8\u0964<\/p>',\n confirmButtonColor: '#b45309',\n confirmButtonText: '\u0993\u0995\u09c7'\n });\n form.reset();\n togglePaymentInfo();\n btn.innerHTML = '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8';\n btn.disabled = false;\n })\n .catch(error => {\n Swal.fire({ icon: 'error', title: '\u09a6\u09c1\u0983\u0996\u09bf\u09a4', text: '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09be\u09ac\u09ae\u09bf\u099f \u0995\u09b0\u09a4\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964' });\n btn.innerHTML = '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8';\n btn.disabled = false;\n });\n }\n <\/script>\n<\/body>\n<\/html>\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>\u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u09eb\u099f\u09bf \u09ac\u0987\u09df\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c! \ud83d\udd25 \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u099c\u09a8\u09cd\u09ae\u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995\u09c0 \u0989\u09aa\u09b2\u0995\u09cd\u09b7\u09c7 \u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09df\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a7\u09be\u09ae\u09be\u0995\u09be \u0985\u09ab\u09be\u09b0 \u09e8\u09e6\u09e8\u09ec! \u09b9\u09b0\u09c7\u0995\u09ae\u09be\u09b0\u09bf \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u09b8\u09c7\u09b0\u09be \u0985\u09ab\u09be\u09b0 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u09ac\u09bf\u0996\u09cd\u09af\u09be\u09a4 \u09eb\u099f\u09bf \u09ac\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u09ae\u09be\u09a4\u09cd\u09b0 \u09eb\u09ef\u09ef \u099f\u09be\u0995\u09be\u09df! \u0989\u09b0\u09cd\u09a6\u09c1 \u09b8\u09be\u09b9\u09bf\u09a4\u09cd\u09af\u09c7\u09b0 \u09ae\u09c1\u0995\u09c1\u099f\u09b9\u09c0\u09a8 \u09b8\u09ae\u09cd\u09b0\u09be\u099f \u09ae\u09bf\u09b0\u09cd\u099c\u09be \u0986\u09b8\u09be\u09a6\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 \u0996\u09be\u09a8 \u0997\u09be\u09b2\u09bf\u09ac\u09c7\u09b0 \u0985\u09ae\u09b0 \u09b8\u09c3\u09b7\u09cd\u099f\u09bf, \u0997\u099c\u09b2, \u09b6\u09be\u09df\u09b0\u09bf \u098f\u09ac\u0982 \u099c\u09c0\u09ac\u09a8\u09c7\u09b0 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09eb\u099f\u09bf \u0995\u09cd\u09b2\u09be\u09b8\u09bf\u0995 \u09ac\u0987\u09df\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09b8\u0982\u0995\u09b2\u09a8\u0964 […]<\/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-10877","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/pages\/10877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.horekmari.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10877"}],"version-history":[{"count":7,"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/pages\/10877\/revisions"}],"predecessor-version":[{"id":10884,"href":"https:\/\/www.horekmari.com\/index.php?rest_route=\/wp\/v2\/pages\/10877\/revisions\/10884"}],"wp:attachment":[{"href":"https:\/\/www.horekmari.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}