KALAMUS | Pure Commercial Workspace Layout<\/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: '#1C2E5A',\n yellow: '#FFC72C',\n grayLight: '#F3F4F6',\n borderLight: '#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-borderLight 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-12\">\n <a href=\"#\" class=\"text-2xl font-bold tracking-widest text-brand-navy flex-shrink-0\">\n KALAMUS<span class=\"text-brand-yellow\">.<\/span>\n <\/a>\n <div class=\"flex-1 relative hidden md:block\">\n <input type=\"text\" placeholder=\"Search industrial paper, high-end fine writing instruments, calculators...\" class=\"w-full h-10 pl-10 pr-4 border border-brand-borderLight rounded text-xs focus:outline-none focus:border-brand-navy\">\n <i data-lucide=\"search\" class=\"absolute left-3.5 top-3 text-gray-400 w-3.5 h-3.5\"><\/i>\n <\/div>\n <div class=\"flex items-center gap-6 text-xs font-semibold uppercase tracking-wider flex-shrink-0\">\n <a href=\"#\" class=\"flex items-center gap-2\"><i data-lucide=\"user\" class=\"w-4 h-4\"><\/i> Profile<\/a>\n <a href=\"#\" class=\"flex items-center gap-2 relative\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Basket (0)\n <\/a>\n <\/div>\n <\/div>\n <nav class=\"w-full border-t border-brand-borderLight bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <ul class=\"flex items-center justify-start gap-8 h-12 overflow-x-auto no-scrollbar whitespace-nowrap text-xs font-bold uppercase tracking-widest text-gray-500\">\n <li><a href=\"#\" class=\"text-brand-navy py-3.5 border-b-2 border-brand-navy\">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 bg-white border-b border-brand-borderLight\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-12 gap-8 py-16 items-center\">\n <div class=\"lg:col-span-6\">\n <h1 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-brand-navy leading-tight mb-6\">\n Everything You Need for School, Office & Creativity\n <\/h1>\n <p class=\"text-sm text-gray-500 mb-8 max-w-lg leading-relaxed\">\n Premium structural workspace architecture demands high-quality tools. KALAMUS delivers scalable commercial solutions alongside refined consumer tools tailored for performance.\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 h-12 rounded hover:bg-brand-navyLight\">Shop Commercial<\/button>\n <button class=\"border border-brand-navy text-brand-navy text-xs font-bold uppercase tracking-wider px-8 h-12 rounded hover:bg-brand-navy hover:text-white transition-all\">Explore Education<\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-6 bg-brand-grayLight rounded border border-brand-borderLight p-8 h-[380px] flex items-center justify-center relative overflow-hidden\">\n <div class=\"absolute -right-10 top-10 w-64 h-80 bg-white border border-brand-borderLight rounded shadow-sm p-4 flex flex-col justify-between transform rotate-6\">\n <div class=\"w-12 h-1 bg-brand-navy\"><\/div>\n <div class=\"text-[10px] font-mono text-gray-300\">SYSTEM ARCHIVE<\/div>\n <\/div>\n <div class=\"absolute left-12 bottom-6 w-48 h-48 bg-brand-navy rounded text-white p-4 shadow-md flex flex-col justify-between transform -rotate-3\">\n <div class=\"w-4 h-4 rounded-full bg-brand-yellow\"><\/div>\n <span class=\"text-xs font-bold tracking-widest uppercase\">Kalamus Lab<\/span>\n <\/div>\n <div class=\"absolute top-12 left-20 bg-white border border-brand-borderLight px-4 py-2 rounded shadow-xs text-[10px] font-bold uppercase tracking-widest text-brand-navy\">\n Calculators & Tech\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full border-b border-brand-borderLight bg-brand-grayLight py-6\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-2 lg:grid-cols-4 gap-6 text-[11px] font-bold uppercase tracking-wider text-gray-500\">\n <div class=\"flex items-center gap-2\"><i data-lucide=\"shield\" class=\"w-4 h-4 text-brand-navy\"><\/i> Genuine Products<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"percent\" class=\"w-4 h-4 text-brand-navy\"><\/i> Competitive Prices<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"send\" class=\"w-4 h-4 text-brand-navy\"><\/i> Fast Delivery<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"credit-card\" class=\"w-4 h-4 text-brand-navy\"><\/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 <div class=\"border-l-4 border-brand-navy pl-4 mb-8\">\n <h2 class=\"text-xs font-bold uppercase tracking-widest text-gray-400\">Department Index<\/h2>\n <h3 class=\"text-lg font-bold uppercase tracking-wider\">Operational Sectors<\/h3>\n <\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">School Supplies<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Infrastructure <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Office Supplies<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Corporate <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Art Materials<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Creative <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Printing & Services<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Production <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\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-12 gap-6\">\n <div class=\"md:col-span-5 bg-brand-navy text-white p-8 rounded flex flex-col justify-between min-h-[260px]\">\n <div>\n <span class=\"text-[10px] uppercase tracking-widest text-brand-yellow font-bold\">Academic Focus<\/span>\n <h3 class=\"text-xl font-bold uppercase tracking-wider mt-2 mb-3\">Back To School Collection<\/h3>\n <p class=\"text-xs text-gray-400 leading-relaxed\">High-durability storage, calculators, and verified student packs ready for rigorous processing.<\/p>\n <\/div>\n <a href=\"#\" class=\"text-xs font-bold uppercase tracking-wider border-b border-white pb-0.5 self-start hover:text-brand-yellow hover:border-brand-yellow\">Acquire Now<\/a>\n <\/div>\n \n <div class=\"md:col-span-7 border border-brand-borderLight p-8 rounded flex flex-col justify-between min-h-[260px] bg-[radial-gradient(#F3F4F6_1px,transparent_1px)] [background-size:16px_16px]\">\n <div>\n <span class=\"text-[10px] uppercase tracking-widest text-gray-400 font-bold\">B2B Integration<\/span>\n <h3 class=\"text-xl font-bold uppercase tracking-wider text-brand-navy mt-2 mb-3\">Wholesale Solutions for Schools & Businesses<\/h3>\n <p class=\"text-xs text-gray-500 leading-relaxed\">Centralized volume contracts, customized corporate pricing architectures, and priority logistic routes for enterprise partners.<\/p>\n <\/div>\n <button class=\"bg-brand-navy text-white text-xs font-bold uppercase tracking-wider px-6 h-10 rounded self-start hover:bg-brand-navyLight\">Setup Account<\/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-xs font-bold uppercase tracking-widest text-gray-400 mb-6\">High-Fulfillment Products<\/h2>\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-16 h-24 bg-brand-navy rounded shadow-xs\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Minimalist Hardcover Journal<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$18.50<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-20 h-14 bg-gray-300 border rounded\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Financial Matrix Calculator<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$34.00<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-12 h-20 bg-white border border-gray-300 rounded shadow-xs\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Archival Ink Gel Pens (12pc)<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$14.95<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-brand-navy opacity-30\"><\/i>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Laser Printer Paper Ream<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$9.20<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-8 border-t border-b border-brand-borderLight bg-white\">\n <div class=\"max-w-7xl mx-auto px-6 flex justify-around items-center opacity-30 font-bold uppercase text-xs tracking-widest flex-wrap gap-4\">\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\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-5 gap-8 pb-12 border-b border-white\/10\">\n <div class=\"md:col-span-2\">\n <span class=\"text-xl font-bold tracking-widest text-white\">KALAMUS<span class=\"text-brand-yellow\">.<\/span><\/span>\n <p class=\"text-xs text-gray-400 mt-4 max-w-xs leading-relaxed\">Premium workspace provisions, inventory logistics, and high-tier stationery systems built for professional conversion.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Sectors<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Commercial Supply<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Academic Logistics<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Service<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">B2B Portal Access<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Support Framework<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Corporate<\/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-[10px] text-gray-500 tracking-wider text-center md:text-left\">\n © 2026 KALAMUS Procurement. Secure Architecture. All Rights Reserved.\n <\/div>\n <\/footer>\n\n <script>lucide.createIcons();<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>KALAMUS | Pure Commercial Workspace Layout KALAMUS. Profile Basket (0) Home Shop School Supplies Office Supplies Arts & Crafts Printing & Services Wholesale About Us Contact Everything You Need for School, Office & Creativity Premium structural workspace architecture demands high-quality tools. KALAMUS delivers scalable commercial solutions alongside refined consumer tools tailored for performance. Shop Commercial […]<\/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-32","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":1,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":32,"date":"2026-06-08T16:30:52","date_gmt":"2026-06-08T16:30:52","guid":{"rendered":"https:\/\/kalamus-lb.com\/?page_id=32"},"modified":"2026-06-08T16:30:52","modified_gmt":"2026-06-08T16:30:52","slug":"html-3","status":"publish","type":"page","link":"https:\/\/kalamus-lb.com\/?page_id=32","title":{"rendered":"HTML 3"},"content":{"rendered":"\n\n\n\n \n \n KALAMUS | Pure Commercial Workspace Layout<\/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: '#1C2E5A',\n yellow: '#FFC72C',\n grayLight: '#F3F4F6',\n borderLight: '#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-borderLight 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-12\">\n <a href=\"#\" class=\"text-2xl font-bold tracking-widest text-brand-navy flex-shrink-0\">\n KALAMUS<span class=\"text-brand-yellow\">.<\/span>\n <\/a>\n <div class=\"flex-1 relative hidden md:block\">\n <input type=\"text\" placeholder=\"Search industrial paper, high-end fine writing instruments, calculators...\" class=\"w-full h-10 pl-10 pr-4 border border-brand-borderLight rounded text-xs focus:outline-none focus:border-brand-navy\">\n <i data-lucide=\"search\" class=\"absolute left-3.5 top-3 text-gray-400 w-3.5 h-3.5\"><\/i>\n <\/div>\n <div class=\"flex items-center gap-6 text-xs font-semibold uppercase tracking-wider flex-shrink-0\">\n <a href=\"#\" class=\"flex items-center gap-2\"><i data-lucide=\"user\" class=\"w-4 h-4\"><\/i> Profile<\/a>\n <a href=\"#\" class=\"flex items-center gap-2 relative\">\n <i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i> Basket (0)\n <\/a>\n <\/div>\n <\/div>\n <nav class=\"w-full border-t border-brand-borderLight bg-white\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <ul class=\"flex items-center justify-start gap-8 h-12 overflow-x-auto no-scrollbar whitespace-nowrap text-xs font-bold uppercase tracking-widest text-gray-500\">\n <li><a href=\"#\" class=\"text-brand-navy py-3.5 border-b-2 border-brand-navy\">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 bg-white border-b border-brand-borderLight\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-12 gap-8 py-16 items-center\">\n <div class=\"lg:col-span-6\">\n <h1 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-brand-navy leading-tight mb-6\">\n Everything You Need for School, Office & Creativity\n <\/h1>\n <p class=\"text-sm text-gray-500 mb-8 max-w-lg leading-relaxed\">\n Premium structural workspace architecture demands high-quality tools. KALAMUS delivers scalable commercial solutions alongside refined consumer tools tailored for performance.\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 h-12 rounded hover:bg-brand-navyLight\">Shop Commercial<\/button>\n <button class=\"border border-brand-navy text-brand-navy text-xs font-bold uppercase tracking-wider px-8 h-12 rounded hover:bg-brand-navy hover:text-white transition-all\">Explore Education<\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-6 bg-brand-grayLight rounded border border-brand-borderLight p-8 h-[380px] flex items-center justify-center relative overflow-hidden\">\n <div class=\"absolute -right-10 top-10 w-64 h-80 bg-white border border-brand-borderLight rounded shadow-sm p-4 flex flex-col justify-between transform rotate-6\">\n <div class=\"w-12 h-1 bg-brand-navy\"><\/div>\n <div class=\"text-[10px] font-mono text-gray-300\">SYSTEM ARCHIVE<\/div>\n <\/div>\n <div class=\"absolute left-12 bottom-6 w-48 h-48 bg-brand-navy rounded text-white p-4 shadow-md flex flex-col justify-between transform -rotate-3\">\n <div class=\"w-4 h-4 rounded-full bg-brand-yellow\"><\/div>\n <span class=\"text-xs font-bold tracking-widest uppercase\">Kalamus Lab<\/span>\n <\/div>\n <div class=\"absolute top-12 left-20 bg-white border border-brand-borderLight px-4 py-2 rounded shadow-xs text-[10px] font-bold uppercase tracking-widest text-brand-navy\">\n Calculators & Tech\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full border-b border-brand-borderLight bg-brand-grayLight py-6\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-2 lg:grid-cols-4 gap-6 text-[11px] font-bold uppercase tracking-wider text-gray-500\">\n <div class=\"flex items-center gap-2\"><i data-lucide=\"shield\" class=\"w-4 h-4 text-brand-navy\"><\/i> Genuine Products<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"percent\" class=\"w-4 h-4 text-brand-navy\"><\/i> Competitive Prices<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"send\" class=\"w-4 h-4 text-brand-navy\"><\/i> Fast Delivery<\/div>\n <div class=\"flex items-center gap-2\"><i data-lucide=\"credit-card\" class=\"w-4 h-4 text-brand-navy\"><\/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 <div class=\"border-l-4 border-brand-navy pl-4 mb-8\">\n <h2 class=\"text-xs font-bold uppercase tracking-widest text-gray-400\">Department Index<\/h2>\n <h3 class=\"text-lg font-bold uppercase tracking-wider\">Operational Sectors<\/h3>\n <\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">School Supplies<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Infrastructure <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Office Supplies<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Corporate <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Art Materials<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Creative <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\n \n <div class=\"bg-brand-grayLight p-6 border border-brand-borderLight rounded flex flex-col justify-between min-h-[140px]\">\n <h4 class=\"text-xs font-bold uppercase tracking-widest\">Printing & Services<\/h4>\n <a href=\"#\" class=\"text-xs font-semibold text-brand-navy hover:text-brand-yellow flex items-center gap-1 mt-4\">Browse Production <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/a>\n <\/div>\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-12 gap-6\">\n <div class=\"md:col-span-5 bg-brand-navy text-white p-8 rounded flex flex-col justify-between min-h-[260px]\">\n <div>\n <span class=\"text-[10px] uppercase tracking-widest text-brand-yellow font-bold\">Academic Focus<\/span>\n <h3 class=\"text-xl font-bold uppercase tracking-wider mt-2 mb-3\">Back To School Collection<\/h3>\n <p class=\"text-xs text-gray-400 leading-relaxed\">High-durability storage, calculators, and verified student packs ready for rigorous processing.<\/p>\n <\/div>\n <a href=\"#\" class=\"text-xs font-bold uppercase tracking-wider border-b border-white pb-0.5 self-start hover:text-brand-yellow hover:border-brand-yellow\">Acquire Now<\/a>\n <\/div>\n \n <div class=\"md:col-span-7 border border-brand-borderLight p-8 rounded flex flex-col justify-between min-h-[260px] bg-[radial-gradient(#F3F4F6_1px,transparent_1px)] [background-size:16px_16px]\">\n <div>\n <span class=\"text-[10px] uppercase tracking-widest text-gray-400 font-bold\">B2B Integration<\/span>\n <h3 class=\"text-xl font-bold uppercase tracking-wider text-brand-navy mt-2 mb-3\">Wholesale Solutions for Schools & Businesses<\/h3>\n <p class=\"text-xs text-gray-500 leading-relaxed\">Centralized volume contracts, customized corporate pricing architectures, and priority logistic routes for enterprise partners.<\/p>\n <\/div>\n <button class=\"bg-brand-navy text-white text-xs font-bold uppercase tracking-wider px-6 h-10 rounded self-start hover:bg-brand-navyLight\">Setup Account<\/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-xs font-bold uppercase tracking-widest text-gray-400 mb-6\">High-Fulfillment Products<\/h2>\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-16 h-24 bg-brand-navy rounded shadow-xs\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Minimalist Hardcover Journal<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$18.50<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-20 h-14 bg-gray-300 border rounded\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Financial Matrix Calculator<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$34.00<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <div class=\"w-12 h-20 bg-white border border-gray-300 rounded shadow-xs\"><\/div>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Archival Ink Gel Pens (12pc)<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$14.95<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n \n <div class=\"border border-brand-borderLight rounded bg-white p-4 flex flex-col justify-between\">\n <div class=\"bg-brand-grayLight h-40 rounded flex items-center justify-center mb-4\">\n <i data-lucide=\"layers\" class=\"w-8 h-8 text-brand-navy opacity-30\"><\/i>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-tight text-brand-navy line-clamp-1\">Laser Printer Paper Ream<\/h4>\n <span class=\"text-xs text-gray-400 font-medium block mt-1\">$9.20<\/span>\n <\/div>\n <button class=\"w-full h-8 bg-brand-navy text-white text-[10px] font-bold uppercase tracking-wider rounded mt-4 hover:bg-brand-navyLight flex items-center justify-center gap-1\">\n <i data-lucide=\"plus\" class=\"w-3 h-3\"><\/i> Add\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full py-8 border-t border-b border-brand-borderLight bg-white\">\n <div class=\"max-w-7xl mx-auto px-6 flex justify-around items-center opacity-30 font-bold uppercase text-xs tracking-widest flex-wrap gap-4\">\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\">\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-5 gap-8 pb-12 border-b border-white\/10\">\n <div class=\"md:col-span-2\">\n <span class=\"text-xl font-bold tracking-widest text-white\">KALAMUS<span class=\"text-brand-yellow\">.<\/span><\/span>\n <p class=\"text-xs text-gray-400 mt-4 max-w-xs leading-relaxed\">Premium workspace provisions, inventory logistics, and high-tier stationery systems built for professional conversion.<\/p>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Sectors<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">Commercial Supply<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Academic Logistics<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Service<\/h4>\n <ul class=\"text-xs text-gray-400 space-y-2\">\n <li><a href=\"#\" class=\"hover:text-white\">B2B Portal Access<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white\">Support Framework<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold uppercase tracking-wider text-brand-yellow mb-3\">Corporate<\/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-[10px] text-gray-500 tracking-wider text-center md:text-left\">\n © 2026 KALAMUS Procurement. Secure Architecture. All Rights Reserved.\n <\/div>\n <\/footer>\n\n <script>lucide.createIcons();<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>KALAMUS | Pure Commercial Workspace Layout KALAMUS. Profile Basket (0) Home Shop School Supplies Office Supplies Arts & Crafts Printing & Services Wholesale About Us Contact Everything You Need for School, Office & Creativity Premium structural workspace architecture demands high-quality tools. KALAMUS delivers scalable commercial solutions alongside refined consumer tools tailored for performance. Shop Commercial […]<\/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-32","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":1,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/kalamus-lb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}