KALAMUS | Executive Workspace & Stationery<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n navy: '#0B1B3D',\n navyLight: '#162A54',\n yellow: '#FFC72C',\n grayLight: '#F9FAFB',\n grayBorder: '#E5E7EB'\n }\n },\n fontFamily: { sans: ['Inter', 'sans-serif'] }\n }\n }\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n body { font-family: 'Inter', sans-serif; }\n .no-scrollbar::-webkit-scrollbar { display: none; }\n <\/style>\n<\/head>\n<body class=\"bg-white text-brand-navy antialiased\">\n\n \n <header class=\"w-full border-b border-brand-grayBorder sticky top-0 bg-white z-50\">\n <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between gap-8\">\n <a href=\"#\" class=\"text-2xl font-bold tracking-widest text-brand-navy\">\n KALAMUS<span class=\"text-brand-yellow\">.<\/span>\n <\/a>\n <div class=\"flex-1 max-w-2xl relative\">\n <input type=\"text\" placeholder=\"Search across thousands of enterprise and educational items...\" class=\"w-full h-11 pl-11 pr-4 bg-brand-grayLight border border-brand-grayBorder rounded text-sm focus:outline-none focus:border-brand-navy transition-colors\">\n <i data-lucide=\"search\" class=\"absolute left-4 top-3.5 text-gray-400 w-4 h-4\"><\/i>\n <\/div>\n <div class=\"flex items-center gap-6\">\n <a href=\"#\" class=\"flex items-center gap-2 text-sm font-medium hover:text-brand-navyLight\">\n <i data-lucide=\"user\" class=\"w-5 h-5\"><\/i> <span class=\"hidden lg:inline\">Account<\/span>\n <\/a>\n <a href=\"#\" class=\"flex items-center gap-2 text-sm font-medium hover:text-brand-navyLight relative\">\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5\"><\/i> <span class=\"hidden lg:inline\">Cart<\/span>\n <span class=\"absolute -top-1 -right-1 bg-brand-yellow text-brand-navy text-[10px] font-bold w-4 h-4 rounded-full flex items-center justify-center\">0<\/span>\n <\/a>\n <\/div>\n <\/div>\n <nav class=\"w-full border-t border-brand-grayBorder bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <ul class=\"flex items-center gap-8 h-12 overflow-x-auto no-scrollbar whitespace-nowrap text-xs font-semibold uppercase tracking-wider text-gray-600\">\n <li><a href=\"#\" class=\"text-brand-navy border-b-2 border-brand-navy py-3.5\">Home<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Shop<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">School Supplies<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Office Supplies<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Arts & Crafts<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Printing & Services<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Wholesale<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">About Us<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"w-full border-b border-brand-grayBorder bg-brand-grayLight\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 min-h-[580px] items-center gap-12 py-12 lg:py-0\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-widest text-gray-400 block mb-4\">\/\/ Premium Retail Excellence<\/span>\n <h1 class=\"text-4xl lg:text-6xl font-bold tracking-tight leading-[1.05] mb-6\">\n Everything You Need for School, Office & Creativity\n <\/h1>\n <p class=\"text-sm text-gray-500 max-w-lg mb-8 leading-relaxed\">\n A premium workspace starts with precise execution. Explore our highly technical collections meticulously engineered for both modern office infrastructure and creative spaces.\n <\/p>\n <div class=\"flex gap-4\">\n <button class=\"bg-brand-navy text-white text-xs font-bold uppercase tracking-wider px-8 py-4 rounded hover:bg-brand-navyLight flex items-center gap-2\">\n Browse Catalog <i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <button class=\"bg-white border border-brand-grayBorder text-brand-navy text-xs font-bold uppercase tracking-wider px-8 py-4 rounded hover:bg-brand-navy hover:text-white transition-all\">\n Bulk Services\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"grid grid-cols-12 gap-4 h-[440px] relative\">\n <div class=\"col-span-7 bg-white border border-brand-grayBorder rounded p-6 shadow-sm flex flex-col justify-between\">\n <div class=\"w-full h-32 bg-brand-navy rounded p-4 text-white flex flex-col justify-between\">\n <i data-lucide=\"book-open\" class=\"w-5 h-5 text-brand-yellow\"><\/i>\n <span class=\"text-[10px] uppercase font-mono tracking-widest opacity-60\">Fine Binding Journals<\/span>\n <\/div>\n <div class=\"space-y-2 mt-4\">\n <div class=\"h-3 w-3\/4 bg-gray-100 rounded\"><\/div>\n <div class=\"h-3 w-1\/2 bg-gray-100 rounded\"><\/div>\n <\/div>\n <\/div>\n <div class=\"col-span-5 bg-white border border-brand-grayBorder rounded p-6 shadow-sm flex flex-col justify-between\">\n <div class=\"flex flex-col gap-1\">\n <div class=\"w-3 h-3 rounded-full bg-brand-yellow\"><\/div>\n <div class=\"w-3 h-12 bg-brand-navy rounded-sm\"><\/div>\n <\/div>\n <span class=\"text-[11px] font-bold uppercase tracking-wider\">Precision Instruments<\/span>\n <\/div>\n <div class=\"col-span-4 bg-white border border-brand-grayBorder rounded p-4 shadow-sm flex items-center justify-center\">\n <i data-lucide=\"calculator\" class=\"w-8 h-8 text-brand-navy opacity-30\"><\/i>\n <\/div>\n <div class=\"col-span-8 bg-brand-navy text-white rounded p-6 flex justify-between items-center relative overflow-hidden\">\n <div>\n <span class=\"text-xs text-brand-yellow font-bold uppercase tracking-wider block mb-1\">Archival Quality<\/span>\n <h4 class=\"text-sm font-semibold\">Fine-liners & Marker Kits<\/h4>\n <\/div>\n <div class=\"flex gap-1.5\">\n <div class=\"w-2 h-10 bg-brand-yellow rounded-t\"><\/div>\n <div class=\"w-2 h-14 bg-white\/20 rounded-t\"><\/div>\n <div class=\"w-2 h-8 bg-white\/40 rounded-t\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full border-b border-brand-grayBorder py-8 bg-white text-xs font-semibold uppercase tracking-wider text-gray-500\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-2 md:grid-cols-4 gap-6\">\n <div class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-brand-yellow w-4 h-4\"><\/i> Genuine Products<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"trending-down\" class=\"text-brand-yellow w-4 h-4\"><\/i> Competitive Prices<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"zap\" class=\"text-brand-yellow w-4 h-4\"><\/i> Fast Delivery<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"lock\" class=\"text-brand-yellow w-4 h-4\"><\/i> Secure Payments<\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <h2 class=\"text-sm font-bold uppercase tracking-widest text-gray-400 mb-8\">Core Product Categories<\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">School Supplies<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Curated Class Essentials<\/span>\n <\/div>\n <i data-lucide=\"backpack\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Office Supplies<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Corporate Logistics<\/span>\n <\/div>\n <i data-lucide=\"briefcase\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Art Materials<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Fine Graphic Tools<\/span>\n <\/div>\n <i data-lucide=\"feather\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Printing & Services<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Custom Production<\/span>\n <\/div>\n <i data-lucide=\"printer\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full pb-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-brand-navy p-10 rounded text-white flex flex-col justify-between items-start min-h-[220px]\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-wider mb-2\">Back To School Collection<\/h3>\n <p class=\"text-xs text-gray-400 max-w-xs\">Equip your academic performance with dynamic, high-grade utilities built for daily rigors.<\/p>\n <\/div>\n <button class=\"bg-brand-yellow text-brand-navy text-[11px] font-bold uppercase tracking-widest px-5 py-2.5 rounded mt-4\">Shop Logistics<\/button>\n <\/div>\n <div class=\"border border-brand-grayBorder bg-brand-grayLight p-10 rounded flex flex-col justify-between items-start min-h-[220px]\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-wider text-brand-navy mb-2\">Wholesale Solutions for Schools & Businesses<\/h3>\n <p class=\"text-xs text-gray-500 max-w-xs\">Streamline inventory replenishment cycles through multi-tiered wholesale price profiles.<\/p>\n <\/div>\n <button class=\"bg-brand-navy text-white text-[11px] font-bold uppercase tracking-widest px-5 py-2.5 rounded mt-4\">Institutional Sign-Up<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full pb-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <h2 class=\"text-sm font-bold uppercase tracking-widest text-gray-400 mb-8\">Verified Best Sellers<\/h2>\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-20 h-28 bg-brand-navy rounded shadow-sm group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Executive A5 Dotted Notebook<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$12.00<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-24 h-16 bg-gray-200 border border-gray-300 rounded group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Premium Matrix Scientific Calculator<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$45.00<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-16 h-24 bg-white border border-gray-300 rounded shadow-xs group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Archival Fineliner Multi-pack (0.3mm)<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$19.99<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <i data-lucide=\"layers\" class=\"w-10 h-10 text-brand-navy opacity-30 group-hover:scale-105 transition-all\"><\/i>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Premium Laser Presentation Paper Ream<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$15.50<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-10 bg-brand-grayLight border-t border-b border-brand-grayBorder text-xs font-bold uppercase tracking-widest text-center text-gray-400\">\n <div class=\"max-w-7xl mx-auto px-6 flex justify-between flex-wrap gap-6 items-center filter grayscale opacity-50\">\n <span>STAEDTLER<\/span><span>ROTring<\/span><span>FABER-CASTELL<\/span><span>MOLESKINE<\/span><span>PILOT<\/span>\n <\/div>\n <\/section>\n\n \n <footer class=\"w-full bg-brand-navy text-white pt-16 pb-8 border-t-2 border-brand-yellow\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8 pb-12 border-b border-white\/10\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-widest mb-4\">KALAMUS<span class=\"text-brand-yellow\">.<\/span><\/h3>\n <p class=\"text-xs text-gray-400 leading-relaxed\">Enterprise logistical excellence in commercial workspace provisions and academic structural stationery.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Quick Links<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Catalog Index<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Corporate Services<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Wholesale Hub<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Customer Service<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Shipping Matrix<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Secure Checkout API<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Support Center<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Contact<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li>+1 (800) 555-0199<\/li>\n <li>corporate@kalamus-supplies.com<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-6 pt-6 text-[11px] text-gray-500 text-center md:text-left\">\n © 2026 KALAMUS Retailers Inc. Modern Premium Procurement.\n <\/div>\n <\/footer>\n\n <script>lucide.createIcons();<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>KALAMUS | Executive Workspace & Stationery KALAMUS. Account Cart 0 Home Shop School Supplies Office Supplies Arts & Crafts Printing & Services Wholesale About Us Contact \/\/ Premium Retail Excellence Everything You Need for School, Office & Creativity A premium workspace starts with precise execution. Explore our highly technical collections meticulously engineered for both modern […]<\/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-30","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":1,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":30,"date":"2026-06-08T16:30:22","date_gmt":"2026-06-08T16:30:22","guid":{"rendered":"https:\/\/kalamus-lb.com\/?page_id=30"},"modified":"2026-06-08T16:30:23","modified_gmt":"2026-06-08T16:30:23","slug":"html-2","status":"publish","type":"page","link":"https:\/\/kalamus-lb.com\/?page_id=30","title":{"rendered":"HTML 2"},"content":{"rendered":"\n\n\n\n \n \n KALAMUS | Executive Workspace & Stationery<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n navy: '#0B1B3D',\n navyLight: '#162A54',\n yellow: '#FFC72C',\n grayLight: '#F9FAFB',\n grayBorder: '#E5E7EB'\n }\n },\n fontFamily: { sans: ['Inter', 'sans-serif'] }\n }\n }\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n body { font-family: 'Inter', sans-serif; }\n .no-scrollbar::-webkit-scrollbar { display: none; }\n <\/style>\n<\/head>\n<body class=\"bg-white text-brand-navy antialiased\">\n\n \n <header class=\"w-full border-b border-brand-grayBorder sticky top-0 bg-white z-50\">\n <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between gap-8\">\n <a href=\"#\" class=\"text-2xl font-bold tracking-widest text-brand-navy\">\n KALAMUS<span class=\"text-brand-yellow\">.<\/span>\n <\/a>\n <div class=\"flex-1 max-w-2xl relative\">\n <input type=\"text\" placeholder=\"Search across thousands of enterprise and educational items...\" class=\"w-full h-11 pl-11 pr-4 bg-brand-grayLight border border-brand-grayBorder rounded text-sm focus:outline-none focus:border-brand-navy transition-colors\">\n <i data-lucide=\"search\" class=\"absolute left-4 top-3.5 text-gray-400 w-4 h-4\"><\/i>\n <\/div>\n <div class=\"flex items-center gap-6\">\n <a href=\"#\" class=\"flex items-center gap-2 text-sm font-medium hover:text-brand-navyLight\">\n <i data-lucide=\"user\" class=\"w-5 h-5\"><\/i> <span class=\"hidden lg:inline\">Account<\/span>\n <\/a>\n <a href=\"#\" class=\"flex items-center gap-2 text-sm font-medium hover:text-brand-navyLight relative\">\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5\"><\/i> <span class=\"hidden lg:inline\">Cart<\/span>\n <span class=\"absolute -top-1 -right-1 bg-brand-yellow text-brand-navy text-[10px] font-bold w-4 h-4 rounded-full flex items-center justify-center\">0<\/span>\n <\/a>\n <\/div>\n <\/div>\n <nav class=\"w-full border-t border-brand-grayBorder bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <ul class=\"flex items-center gap-8 h-12 overflow-x-auto no-scrollbar whitespace-nowrap text-xs font-semibold uppercase tracking-wider text-gray-600\">\n <li><a href=\"#\" class=\"text-brand-navy border-b-2 border-brand-navy py-3.5\">Home<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Shop<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">School Supplies<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Office Supplies<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Arts & Crafts<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Printing & Services<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Wholesale<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">About Us<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-brand-navy py-3.5\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"w-full border-b border-brand-grayBorder bg-brand-grayLight\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 min-h-[580px] items-center gap-12 py-12 lg:py-0\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-widest text-gray-400 block mb-4\">\/\/ Premium Retail Excellence<\/span>\n <h1 class=\"text-4xl lg:text-6xl font-bold tracking-tight leading-[1.05] mb-6\">\n Everything You Need for School, Office & Creativity\n <\/h1>\n <p class=\"text-sm text-gray-500 max-w-lg mb-8 leading-relaxed\">\n A premium workspace starts with precise execution. Explore our highly technical collections meticulously engineered for both modern office infrastructure and creative spaces.\n <\/p>\n <div class=\"flex gap-4\">\n <button class=\"bg-brand-navy text-white text-xs font-bold uppercase tracking-wider px-8 py-4 rounded hover:bg-brand-navyLight flex items-center gap-2\">\n Browse Catalog <i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <button class=\"bg-white border border-brand-grayBorder text-brand-navy text-xs font-bold uppercase tracking-wider px-8 py-4 rounded hover:bg-brand-navy hover:text-white transition-all\">\n Bulk Services\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"grid grid-cols-12 gap-4 h-[440px] relative\">\n <div class=\"col-span-7 bg-white border border-brand-grayBorder rounded p-6 shadow-sm flex flex-col justify-between\">\n <div class=\"w-full h-32 bg-brand-navy rounded p-4 text-white flex flex-col justify-between\">\n <i data-lucide=\"book-open\" class=\"w-5 h-5 text-brand-yellow\"><\/i>\n <span class=\"text-[10px] uppercase font-mono tracking-widest opacity-60\">Fine Binding Journals<\/span>\n <\/div>\n <div class=\"space-y-2 mt-4\">\n <div class=\"h-3 w-3\/4 bg-gray-100 rounded\"><\/div>\n <div class=\"h-3 w-1\/2 bg-gray-100 rounded\"><\/div>\n <\/div>\n <\/div>\n <div class=\"col-span-5 bg-white border border-brand-grayBorder rounded p-6 shadow-sm flex flex-col justify-between\">\n <div class=\"flex flex-col gap-1\">\n <div class=\"w-3 h-3 rounded-full bg-brand-yellow\"><\/div>\n <div class=\"w-3 h-12 bg-brand-navy rounded-sm\"><\/div>\n <\/div>\n <span class=\"text-[11px] font-bold uppercase tracking-wider\">Precision Instruments<\/span>\n <\/div>\n <div class=\"col-span-4 bg-white border border-brand-grayBorder rounded p-4 shadow-sm flex items-center justify-center\">\n <i data-lucide=\"calculator\" class=\"w-8 h-8 text-brand-navy opacity-30\"><\/i>\n <\/div>\n <div class=\"col-span-8 bg-brand-navy text-white rounded p-6 flex justify-between items-center relative overflow-hidden\">\n <div>\n <span class=\"text-xs text-brand-yellow font-bold uppercase tracking-wider block mb-1\">Archival Quality<\/span>\n <h4 class=\"text-sm font-semibold\">Fine-liners & Marker Kits<\/h4>\n <\/div>\n <div class=\"flex gap-1.5\">\n <div class=\"w-2 h-10 bg-brand-yellow rounded-t\"><\/div>\n <div class=\"w-2 h-14 bg-white\/20 rounded-t\"><\/div>\n <div class=\"w-2 h-8 bg-white\/40 rounded-t\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full border-b border-brand-grayBorder py-8 bg-white text-xs font-semibold uppercase tracking-wider text-gray-500\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-2 md:grid-cols-4 gap-6\">\n <div class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-brand-yellow w-4 h-4\"><\/i> Genuine Products<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"trending-down\" class=\"text-brand-yellow w-4 h-4\"><\/i> Competitive Prices<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"zap\" class=\"text-brand-yellow w-4 h-4\"><\/i> Fast Delivery<\/div>\n <div class=\"flex items-center gap-3\"><i data-lucide=\"lock\" class=\"text-brand-yellow w-4 h-4\"><\/i> Secure Payments<\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <h2 class=\"text-sm font-bold uppercase tracking-widest text-gray-400 mb-8\">Core Product Categories<\/h2>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">School Supplies<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Curated Class Essentials<\/span>\n <\/div>\n <i data-lucide=\"backpack\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Office Supplies<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Corporate Logistics<\/span>\n <\/div>\n <i data-lucide=\"briefcase\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Art Materials<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Fine Graphic Tools<\/span>\n <\/div>\n <i data-lucide=\"feather\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <a href=\"#\" class=\"border border-brand-grayBorder p-6 rounded flex items-center justify-between hover:border-brand-navy transition-all\">\n <div>\n <h3 class=\"text-sm font-bold uppercase tracking-wider\">Printing & Services<\/h3>\n <span class=\"text-[11px] text-gray-400 mt-1 block\">Custom Production<\/span>\n <\/div>\n <i data-lucide=\"printer\" class=\"w-5 h-5 text-gray-300\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full pb-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-brand-navy p-10 rounded text-white flex flex-col justify-between items-start min-h-[220px]\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-wider mb-2\">Back To School Collection<\/h3>\n <p class=\"text-xs text-gray-400 max-w-xs\">Equip your academic performance with dynamic, high-grade utilities built for daily rigors.<\/p>\n <\/div>\n <button class=\"bg-brand-yellow text-brand-navy text-[11px] font-bold uppercase tracking-widest px-5 py-2.5 rounded mt-4\">Shop Logistics<\/button>\n <\/div>\n <div class=\"border border-brand-grayBorder bg-brand-grayLight p-10 rounded flex flex-col justify-between items-start min-h-[220px]\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-wider text-brand-navy mb-2\">Wholesale Solutions for Schools & Businesses<\/h3>\n <p class=\"text-xs text-gray-500 max-w-xs\">Streamline inventory replenishment cycles through multi-tiered wholesale price profiles.<\/p>\n <\/div>\n <button class=\"bg-brand-navy text-white text-[11px] font-bold uppercase tracking-widest px-5 py-2.5 rounded mt-4\">Institutional Sign-Up<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full pb-16 bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <h2 class=\"text-sm font-bold uppercase tracking-widest text-gray-400 mb-8\">Verified Best Sellers<\/h2>\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-20 h-28 bg-brand-navy rounded shadow-sm group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Executive A5 Dotted Notebook<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$12.00<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-24 h-16 bg-gray-200 border border-gray-300 rounded group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Premium Matrix Scientific Calculator<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$45.00<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <div class=\"w-16 h-24 bg-white border border-gray-300 rounded shadow-xs group-hover:scale-105 transition-all\"><\/div>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Archival Fineliner Multi-pack (0.3mm)<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$19.99<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"group border border-brand-grayBorder rounded overflow-hidden bg-white flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-48 flex items-center justify-center relative\">\n <i data-lucide=\"layers\" class=\"w-10 h-10 text-brand-navy opacity-30 group-hover:scale-105 transition-all\"><\/i>\n <\/div>\n <div class=\"p-4 flex flex-col justify-between flex-1\">\n <div>\n <h4 class=\"text-xs font-bold text-brand-navy line-clamp-2\">Premium Laser Presentation Paper Ream<\/h4>\n <span class=\"text-xs text-gray-400 block mt-1\">$15.50<\/span>\n <\/div>\n <button class=\"w-full mt-4 h-9 bg-brand-grayLight border border-brand-grayBorder rounded text-[11px] font-bold uppercase tracking-wider hover:bg-brand-yellow hover:border-brand-yellow flex items-center justify-center gap-2\">\n <i data-lucide=\"shopping-cart\" class=\"w-3.5 h-3.5\"><\/i> Add to Cart\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-10 bg-brand-grayLight border-t border-b border-brand-grayBorder text-xs font-bold uppercase tracking-widest text-center text-gray-400\">\n <div class=\"max-w-7xl mx-auto px-6 flex justify-between flex-wrap gap-6 items-center filter grayscale opacity-50\">\n <span>STAEDTLER<\/span><span>ROTring<\/span><span>FABER-CASTELL<\/span><span>MOLESKINE<\/span><span>PILOT<\/span>\n <\/div>\n <\/section>\n\n \n <footer class=\"w-full bg-brand-navy text-white pt-16 pb-8 border-t-2 border-brand-yellow\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8 pb-12 border-b border-white\/10\">\n <div>\n <h3 class=\"text-lg font-bold uppercase tracking-widest mb-4\">KALAMUS<span class=\"text-brand-yellow\">.<\/span><\/h3>\n <p class=\"text-xs text-gray-400 leading-relaxed\">Enterprise logistical excellence in commercial workspace provisions and academic structural stationery.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Quick Links<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Catalog Index<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Corporate Services<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Wholesale Hub<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Customer Service<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Shipping Matrix<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Secure Checkout API<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Support Center<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-brand-yellow uppercase tracking-wider mb-3\">Contact<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li>+1 (800) 555-0199<\/li>\n <li>corporate@kalamus-supplies.com<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-6 pt-6 text-[11px] text-gray-500 text-center md:text-left\">\n © 2026 KALAMUS Retailers Inc. Modern Premium Procurement.\n <\/div>\n <\/footer>\n\n <script>lucide.createIcons();<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>KALAMUS | Executive Workspace & Stationery KALAMUS. Account Cart 0 Home Shop School Supplies Office Supplies Arts & Crafts Printing & Services Wholesale About Us Contact \/\/ Premium Retail Excellence Everything You Need for School, Office & Creativity A premium workspace starts with precise execution. Explore our highly technical collections meticulously engineered for both modern […]<\/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-30","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":1,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}