IMB Products<\/title>\n <style>\n :root{\n --bg:#f6f9ff;\n --panel:#ffffff;\n --line:rgba(25,60,130,0.14);\n --text:#0b1b3a;\n --muted:rgba(11,27,58,0.70);\n --blue:#1f66ff;\n --blue2:#0d3fbf;\n --radius:14px;\n --shadow:0 12px 30px rgba(12,46,110,0.10);\n --max:1120px;\n --gap:16px;\n --btnh:40px;\n --btnr:999px;\n --font:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family:var(--font);\n color:var(--text);\n background:\n radial-gradient(1200px 700px at 15% -10%, rgba(31,102,255,0.12), transparent 60%),\n radial-gradient(900px 500px at 90% 0%, rgba(31,102,255,0.08), transparent 55%),\n var(--bg);\n min-height:100vh;\n }\n .wrap{max-width:var(--max);margin:0 auto;padding:26px 18px 80px}\n\n .topbar{\n display:flex;align-items:center;justify-content:space-between;gap:14px;\n padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);\n background:rgba(255,255,255,0.82);box-shadow:var(--shadow);\n position:sticky;top:10px;z-index:20;backdrop-filter:blur(10px);\n }\n .brand{display:flex;align-items:center;gap:10px}\n .mark{\n width:34px;height:34px;border-radius:10px;\n background:linear-gradient(135deg, var(--blue), rgba(31,102,255,0.55));\n box-shadow:0 10px 22px rgba(31,102,255,0.25);\n }\n .brand h1{margin:0;font-size:14px;letter-spacing:0.9px;text-transform:uppercase}\n .brand p{margin:0;font-size:12px;color:var(--muted)}\n .search{flex:1;display:flex;justify-content:center}\n .search input{\n width:min(520px,100%);\n background:#ffffff;\n border:1px solid var(--line);\n color:var(--text);\n border-radius:999px;\n height:40px;\n padding:0 14px;\n outline:none;\n }\n .search input:focus{border-color:rgba(31,102,255,0.55);box-shadow:0 0 0 4px rgba(31,102,255,0.10)}\n\n .hero{\n margin-top:18px;padding:20px 18px;border-radius:var(--radius);\n border:1px solid var(--line);background:rgba(255,255,255,0.86);\n box-shadow:var(--shadow);\n }\n .hero h2{margin:0 0 8px;font-size:22px}\n .hero p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}\n\n .nav{\n margin-top:14px;padding:14px 16px;border:1px solid var(--line);\n border-radius:var(--radius);background:rgba(255,255,255,0.86);\n box-shadow:var(--shadow);\n }\n .nav h3{margin:0 0 10px;font-size:12px;color:rgba(11,27,58,0.70);text-transform:uppercase;letter-spacing:0.9px}\n .nav-links{display:flex;flex-wrap:wrap;gap:10px}\n .chip{\n display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;\n border:1px solid var(--line);background:#ffffff;font-size:13px;\n text-decoration:none;color:var(--text);\n }\n .chip:hover{border-color:rgba(31,102,255,0.45);box-shadow:0 6px 18px rgba(12,46,110,0.10)}\n\n .grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:var(--gap)}\n\n section.product{\n scroll-margin-top:94px;border:1px solid var(--line);border-radius:var(--radius);\n background:rgba(255,255,255,0.92);overflow:hidden;box-shadow:var(--shadow);\n }\n\n \/* This is the key change: text and buttons on the same row *\/\n .row{\n padding:18px;\n display:grid;\n grid-template-columns: 1fr auto;\n gap:14px;\n align-items:center;\n }\n\n .kicker{font-size:12px;color:rgba(11,27,58,0.70);letter-spacing:0.8px;text-transform:uppercase}\n .title{margin:6px 0 0;font-size:18px}\n .story{margin:10px 0 0;color:var(--muted);line-height:1.45;font-size:14px;max-width:76ch}\n\n .actions{\n display:flex;\n gap:10px;\n flex-wrap:nowrap;\n justify-content:flex-end;\n align-items:center;\n white-space:nowrap;\n }\n\n .btn{\n height:var(--btnh);\n padding:0 14px;\n border-radius:var(--btnr);\n border:1px solid rgba(31,102,255,0.32);\n background:#ffffff;\n color:var(--blue2);\n display:inline-flex;align-items:center;justify-content:center;cursor:pointer;\n font-size:13px;user-select:none;text-decoration:none;\n transition:transform 0.06s ease, box-shadow 0.18s ease, border-color 0.18s ease;\n }\n .btn:hover{\n border-color:rgba(31,102,255,0.55);\n box-shadow:0 10px 24px rgba(12,46,110,0.14);\n }\n .btn:active{transform:translateY(1px)}\n .btn.primary{\n background:linear-gradient(135deg, var(--blue), rgba(31,102,255,0.82));\n border:1px solid rgba(31,102,255,0.40);\n color:#ffffff;\n font-weight:600;\n }\n\n .divider{height:1px;background:rgba(25,60,130,0.10)}\n\n .modal-backdrop{\n position:fixed;inset:0;background:rgba(11,27,58,0.55);display:none;\n align-items:center;justify-content:center;z-index:99;padding:18px;\n }\n .modal{\n width:min(720px,100%);background:#ffffff;\n border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px rgba(12,46,110,0.25);\n overflow:hidden;\n }\n .modal-head{\n display:flex;align-items:center;justify-content:space-between;gap:12px;\n padding:14px 16px;border-bottom:1px solid rgba(25,60,130,0.10);\n }\n .modal-head h4{margin:0;font-size:14px;color:var(--text)}\n .close{\n width:38px;height:38px;border-radius:999px;border:1px solid var(--line);\n background:#ffffff;color:var(--text);cursor:pointer;\n }\n .modal-body{padding:16px}\n .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n .field{display:flex;flex-direction:column;gap:6px}\n .field.full{grid-column:1 \/ -1}\n label{font-size:12px;color:rgba(11,27,58,0.70)}\n input, textarea{\n background:#ffffff;border:1px solid var(--line);color:var(--text);\n border-radius:12px;padding:10px 12px;outline:none;font-size:14px;\n }\n input:focus, textarea:focus{border-color:rgba(31,102,255,0.55);box-shadow:0 0 0 4px rgba(31,102,255,0.10)}\n textarea{min-height:92px;resize:vertical}\n .modal-actions{\n display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px;\n border-top:1px solid rgba(25,60,130,0.10);\n }\n .notice{margin-top:10px;color:rgba(11,27,58,0.66);font-size:12px;line-height:1.35}\n\n @media (max-width:840px){\n .topbar{flex-direction:column;align-items:stretch}\n .search{justify-content:flex-start}\n }\n @media (max-width:720px){\n .form-grid{grid-template-columns:1fr}\n .row{grid-template-columns:1fr}\n .actions{justify-content:flex-start;flex-wrap:wrap;white-space:normal}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <header class=\"topbar\">\n <div class=\"brand\">\n <div class=\"mark\"><\/div>\n <div>\n <h1>International Market Brands<\/h1>\n <p>Product information and downloads<\/p>\n <\/div>\n <\/div>\n <div class=\"search\">\n <input id=\"searchBox\" type=\"search\" placeholder=\"Search products or categories\" \/>\n <\/div>\n <div style=\"width:1px\"><\/div>\n <\/header>\n\n <div class=\"hero\">\n <h2>Products<\/h2>\n <p>Use the anchor links for your Vtiger emails, for example imbusa.com\/products#parmesan<\/p>\n <\/div>\n\n <nav class=\"nav\">\n <h3>Quick links<\/h3>\n <div class=\"nav-links\" id=\"quickLinks\"><\/div>\n <\/nav>\n\n <main class=\"grid\" id=\"productsGrid\">\n\n <section class=\"product\" id=\"uht-milk\" data-title=\"UHT Milk\" data-tags=\"ole farms dairy uht milk\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">UHT Milk (Ole Farms)<\/h3>\n <p class=\"story\">Shelf stable milk that stays consistent, so buyers can build a dependable everyday programme.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_UHTMilk_OleFarms_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"UHT Milk (Ole Farms)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"whipping-cream\" data-title=\"Whipping Cream\" data-tags=\"ole farms dairy whipping cream uht\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">Whipping Cream (Ole Farms)<\/h3>\n <p class=\"story\">Cream that performs the same every time, so the results on the plate keep customers returning.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_WhippingCream_OleFarms_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Whipping Cream (Ole Farms)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"maraschino-cherries\" data-title=\"Maraschino Cherries\" data-tags=\"olivia cherries bakery cocktail dessert\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Maraschino Cherries (Olivia)<\/h3>\n <p class=\"story\">A classic garnish that upgrades the finished look, helping outlets sell more of the high margin items.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_MaraschinoCherries_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Maraschino Cherries (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"pie-fillings\" data-title=\"Pie Fillings\" data-tags=\"olivia pie fillings bakery\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Pie Fillings (Olivia)<\/h3>\n <p class=\"story\">Bakery ready fillings that keep output consistent, so the display stays full and sales stay steady.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_PieFillings_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Pie Fillings (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"dark-sweet-cherries\" data-title=\"Dark Sweet Cherries\" data-tags=\"carmel sun cherries baking ingredients\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Dark Sweet Cherries (Carmel Sun)<\/h3>\n <p class=\"story\">Deep colour and rich finish that makes desserts look premium, so they move faster off the shelf.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_DarkSweetCherries_CarmelSun_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Dark Sweet Cherries (Carmel Sun)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"parmesan\" data-title=\"Parmesan\" data-tags=\"carmel sun cheese parmesan\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Cheese<\/div>\n <h3 class=\"title\">Parmesan (Carmel Sun)<\/h3>\n <p class=\"story\">A reliable parmesan profile that keeps shoppers loyal, because they know exactly what they are getting.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Cheese_Parmesan_CarmelSun_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Parmesan (Carmel Sun)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"mayonnaise\" data-title=\"Mayonnaise\" data-tags=\"ameripride condiments mayonnaise\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Condiments<\/div>\n <h3 class=\"title\">Mayonnaise (AmeriPride)<\/h3>\n <p class=\"story\">Creamy everyday comfort that earns repeat purchase, because it becomes the default in the kitchen.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Condiments_Mayonnaise_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Mayonnaise (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"peanut-butter\" data-title=\"Peanut Butter\" data-tags=\"ameripride condiments peanut butter\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Condiments<\/div>\n <h3 class=\"title\">Peanut Butter (AmeriPride)<\/h3>\n <p class=\"story\">A daily staple that stays in the trolley, because it is easy to trust and easy to sell.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Condiments_PeanutButter_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Peanut Butter (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"syrups\" data-title=\"Syrups\" data-tags=\"ameripride breakfast syrups\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Breakfast<\/div>\n <h3 class=\"title\">Syrups (AmeriPride)<\/h3>\n <p class=\"story\">That breakfast cue shoppers look for, so it keeps moving every week without being re explained.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Breakfast_Syrups_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Syrups (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"cheese-dairy-ingredients\" data-title=\"Cheese and Dairy Ingredients\" data-tags=\"olivia dairy cheese ingredients\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">Cheese and Dairy Ingredients (Olivia)<\/h3>\n <p class=\"story\">Built for manufacturers who need consistency, so every run delivers the same result and the same confidence.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_CheeseAndDairyIngredients_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Cheese and Dairy Ingredients (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n <div class=\"modal-backdrop\" id=\"modalBackdrop\">\n <div class=\"modal\">\n <div class=\"modal-head\">\n <h4 id=\"modalTitle\">Product enquiry<\/h4>\n <button class=\"close\" id=\"modalClose\" aria-label=\"Close\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-body\">\n <form id=\"enquiryForm\">\n <div class=\"form-grid\">\n <div class=\"field\">\n <label for=\"fullName\">Name<\/label>\n <input id=\"fullName\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" type=\"email\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone<\/label>\n <input id=\"phone\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"company\">Company<\/label>\n <input id=\"company\" \/>\n <\/div>\n <div class=\"field full\">\n <label for=\"interest\">Product interest<\/label>\n <input id=\"interest\" readonly \/>\n <\/div>\n <div class=\"field full\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" placeholder=\"Target market, expected volumes, and any key requirements\"><\/textarea>\n <\/div>\n <\/div>\n <div class=\"notice\">This sends an email draft. Vtiger integration can be added later.<\/div>\n <div class=\"modal-actions\">\n <button type=\"button\" class=\"btn\" id=\"cancelBtn\">Cancel<\/button>\n <button type=\"submit\" class=\"btn primary\">Send<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const sections = Array.from(document.querySelectorAll(\"section.product\"));\n const quickLinks = document.getElementById(\"quickLinks\");\n\n sections.forEach(sec => {\n const id = sec.id;\n const title = sec.getAttribute(\"data-title\") || id;\n const a = document.createElement(\"a\");\n a.className = \"chip\";\n a.href = \"#\" + id;\n a.textContent = title;\n quickLinks.appendChild(a);\n });\n\n document.getElementById(\"searchBox\").addEventListener(\"input\", (e) => {\n const q = e.target.value.trim().toLowerCase();\n sections.forEach(sec => {\n const title = (sec.getAttribute(\"data-title\") || \"\").toLowerCase();\n const tags = (sec.getAttribute(\"data-tags\") || \"\").toLowerCase();\n const match = !q || title.includes(q) || tags.includes(q) || (\"#\" + sec.id).includes(q);\n sec.style.display = match ? \"\" : \"none\";\n });\n });\n\n const modalBackdrop = document.getElementById(\"modalBackdrop\");\n const modalClose = document.getElementById(\"modalClose\");\n const cancelBtn = document.getElementById(\"cancelBtn\");\n const enquiryForm = document.getElementById(\"enquiryForm\");\n const interestInput = document.getElementById(\"interest\");\n\n function openModal(interestLabel){\n enquiryForm.reset();\n interestInput.value = interestLabel || \"\";\n modalBackdrop.style.display = \"flex\";\n document.getElementById(\"fullName\").focus();\n }\n function closeModal(){\n modalBackdrop.style.display = \"none\";\n }\n\n document.querySelectorAll(\"button[data-enquire]\").forEach(btn => {\n btn.addEventListener(\"click\", () => openModal(btn.getAttribute(\"data-enquire\")));\n });\n\n modalClose.addEventListener(\"click\", closeModal);\n cancelBtn.addEventListener(\"click\", closeModal);\n modalBackdrop.addEventListener(\"click\", (e) => {\n if (e.target === modalBackdrop) closeModal();\n });\n document.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && modalBackdrop.style.display === \"flex\") closeModal();\n });\n\n enquiryForm.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n\n const fullName = document.getElementById(\"fullName\").value.trim();\n const email = document.getElementById(\"email\").value.trim();\n if (!fullName || !email) return;\n\n const phone = document.getElementById(\"phone\").value.trim();\n const company = document.getElementById(\"company\").value.trim();\n const interest = document.getElementById(\"interest\").value.trim();\n const message = document.getElementById(\"message\").value.trim();\n\n const to = \"sales@imbusa.com\";\n const subject = encodeURIComponent(\"Product enquiry: \" + interest);\n const bodyLines = [\n \"Name: \" + fullName,\n \"Email: \" + email,\n \"Phone: \" + phone,\n \"Company: \" + company,\n \"Interest: \" + interest,\n \"\",\n \"Message:\",\n message\n ];\n const body = encodeURIComponent(bodyLines.join(\"\\n\"));\n\n window.location.href = \"mailto:\" + to + \"?subject=\" + subject + \"&body=\" + body;\n closeModal();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>IMB Products International Market Brands Product information and downloads Products Use the anchor links for your Vtiger emails, for example imbusa.com\/products#parmesan Quick links Dairy UHT Milk (Ole Farms) Shelf stable milk that stays consistent, so buyers can build a dependable everyday programme. Product Information Enquire Dairy Whipping Cream (Ole Farms) Cream that performs the same […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":24,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-12-02T17:13:21","date_gmt":"2025-12-02T17:13:21","guid":{"rendered":"http:\/\/proudberry.com\/?page_id=2"},"modified":"2026-01-22T13:34:07","modified_gmt":"2026-01-22T13:34:07","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/proudberry.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n IMB Products<\/title>\n <style>\n :root{\n --bg:#f6f9ff;\n --panel:#ffffff;\n --line:rgba(25,60,130,0.14);\n --text:#0b1b3a;\n --muted:rgba(11,27,58,0.70);\n --blue:#1f66ff;\n --blue2:#0d3fbf;\n --radius:14px;\n --shadow:0 12px 30px rgba(12,46,110,0.10);\n --max:1120px;\n --gap:16px;\n --btnh:40px;\n --btnr:999px;\n --font:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family:var(--font);\n color:var(--text);\n background:\n radial-gradient(1200px 700px at 15% -10%, rgba(31,102,255,0.12), transparent 60%),\n radial-gradient(900px 500px at 90% 0%, rgba(31,102,255,0.08), transparent 55%),\n var(--bg);\n min-height:100vh;\n }\n .wrap{max-width:var(--max);margin:0 auto;padding:26px 18px 80px}\n\n .topbar{\n display:flex;align-items:center;justify-content:space-between;gap:14px;\n padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);\n background:rgba(255,255,255,0.82);box-shadow:var(--shadow);\n position:sticky;top:10px;z-index:20;backdrop-filter:blur(10px);\n }\n .brand{display:flex;align-items:center;gap:10px}\n .mark{\n width:34px;height:34px;border-radius:10px;\n background:linear-gradient(135deg, var(--blue), rgba(31,102,255,0.55));\n box-shadow:0 10px 22px rgba(31,102,255,0.25);\n }\n .brand h1{margin:0;font-size:14px;letter-spacing:0.9px;text-transform:uppercase}\n .brand p{margin:0;font-size:12px;color:var(--muted)}\n .search{flex:1;display:flex;justify-content:center}\n .search input{\n width:min(520px,100%);\n background:#ffffff;\n border:1px solid var(--line);\n color:var(--text);\n border-radius:999px;\n height:40px;\n padding:0 14px;\n outline:none;\n }\n .search input:focus{border-color:rgba(31,102,255,0.55);box-shadow:0 0 0 4px rgba(31,102,255,0.10)}\n\n .hero{\n margin-top:18px;padding:20px 18px;border-radius:var(--radius);\n border:1px solid var(--line);background:rgba(255,255,255,0.86);\n box-shadow:var(--shadow);\n }\n .hero h2{margin:0 0 8px;font-size:22px}\n .hero p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}\n\n .nav{\n margin-top:14px;padding:14px 16px;border:1px solid var(--line);\n border-radius:var(--radius);background:rgba(255,255,255,0.86);\n box-shadow:var(--shadow);\n }\n .nav h3{margin:0 0 10px;font-size:12px;color:rgba(11,27,58,0.70);text-transform:uppercase;letter-spacing:0.9px}\n .nav-links{display:flex;flex-wrap:wrap;gap:10px}\n .chip{\n display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;\n border:1px solid var(--line);background:#ffffff;font-size:13px;\n text-decoration:none;color:var(--text);\n }\n .chip:hover{border-color:rgba(31,102,255,0.45);box-shadow:0 6px 18px rgba(12,46,110,0.10)}\n\n .grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:var(--gap)}\n\n section.product{\n scroll-margin-top:94px;border:1px solid var(--line);border-radius:var(--radius);\n background:rgba(255,255,255,0.92);overflow:hidden;box-shadow:var(--shadow);\n }\n\n \/* This is the key change: text and buttons on the same row *\/\n .row{\n padding:18px;\n display:grid;\n grid-template-columns: 1fr auto;\n gap:14px;\n align-items:center;\n }\n\n .kicker{font-size:12px;color:rgba(11,27,58,0.70);letter-spacing:0.8px;text-transform:uppercase}\n .title{margin:6px 0 0;font-size:18px}\n .story{margin:10px 0 0;color:var(--muted);line-height:1.45;font-size:14px;max-width:76ch}\n\n .actions{\n display:flex;\n gap:10px;\n flex-wrap:nowrap;\n justify-content:flex-end;\n align-items:center;\n white-space:nowrap;\n }\n\n .btn{\n height:var(--btnh);\n padding:0 14px;\n border-radius:var(--btnr);\n border:1px solid rgba(31,102,255,0.32);\n background:#ffffff;\n color:var(--blue2);\n display:inline-flex;align-items:center;justify-content:center;cursor:pointer;\n font-size:13px;user-select:none;text-decoration:none;\n transition:transform 0.06s ease, box-shadow 0.18s ease, border-color 0.18s ease;\n }\n .btn:hover{\n border-color:rgba(31,102,255,0.55);\n box-shadow:0 10px 24px rgba(12,46,110,0.14);\n }\n .btn:active{transform:translateY(1px)}\n .btn.primary{\n background:linear-gradient(135deg, var(--blue), rgba(31,102,255,0.82));\n border:1px solid rgba(31,102,255,0.40);\n color:#ffffff;\n font-weight:600;\n }\n\n .divider{height:1px;background:rgba(25,60,130,0.10)}\n\n .modal-backdrop{\n position:fixed;inset:0;background:rgba(11,27,58,0.55);display:none;\n align-items:center;justify-content:center;z-index:99;padding:18px;\n }\n .modal{\n width:min(720px,100%);background:#ffffff;\n border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px rgba(12,46,110,0.25);\n overflow:hidden;\n }\n .modal-head{\n display:flex;align-items:center;justify-content:space-between;gap:12px;\n padding:14px 16px;border-bottom:1px solid rgba(25,60,130,0.10);\n }\n .modal-head h4{margin:0;font-size:14px;color:var(--text)}\n .close{\n width:38px;height:38px;border-radius:999px;border:1px solid var(--line);\n background:#ffffff;color:var(--text);cursor:pointer;\n }\n .modal-body{padding:16px}\n .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n .field{display:flex;flex-direction:column;gap:6px}\n .field.full{grid-column:1 \/ -1}\n label{font-size:12px;color:rgba(11,27,58,0.70)}\n input, textarea{\n background:#ffffff;border:1px solid var(--line);color:var(--text);\n border-radius:12px;padding:10px 12px;outline:none;font-size:14px;\n }\n input:focus, textarea:focus{border-color:rgba(31,102,255,0.55);box-shadow:0 0 0 4px rgba(31,102,255,0.10)}\n textarea{min-height:92px;resize:vertical}\n .modal-actions{\n display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px;\n border-top:1px solid rgba(25,60,130,0.10);\n }\n .notice{margin-top:10px;color:rgba(11,27,58,0.66);font-size:12px;line-height:1.35}\n\n @media (max-width:840px){\n .topbar{flex-direction:column;align-items:stretch}\n .search{justify-content:flex-start}\n }\n @media (max-width:720px){\n .form-grid{grid-template-columns:1fr}\n .row{grid-template-columns:1fr}\n .actions{justify-content:flex-start;flex-wrap:wrap;white-space:normal}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrap\">\n <header class=\"topbar\">\n <div class=\"brand\">\n <div class=\"mark\"><\/div>\n <div>\n <h1>International Market Brands<\/h1>\n <p>Product information and downloads<\/p>\n <\/div>\n <\/div>\n <div class=\"search\">\n <input id=\"searchBox\" type=\"search\" placeholder=\"Search products or categories\" \/>\n <\/div>\n <div style=\"width:1px\"><\/div>\n <\/header>\n\n <div class=\"hero\">\n <h2>Products<\/h2>\n <p>Use the anchor links for your Vtiger emails, for example imbusa.com\/products#parmesan<\/p>\n <\/div>\n\n <nav class=\"nav\">\n <h3>Quick links<\/h3>\n <div class=\"nav-links\" id=\"quickLinks\"><\/div>\n <\/nav>\n\n <main class=\"grid\" id=\"productsGrid\">\n\n <section class=\"product\" id=\"uht-milk\" data-title=\"UHT Milk\" data-tags=\"ole farms dairy uht milk\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">UHT Milk (Ole Farms)<\/h3>\n <p class=\"story\">Shelf stable milk that stays consistent, so buyers can build a dependable everyday programme.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_UHTMilk_OleFarms_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"UHT Milk (Ole Farms)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"whipping-cream\" data-title=\"Whipping Cream\" data-tags=\"ole farms dairy whipping cream uht\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">Whipping Cream (Ole Farms)<\/h3>\n <p class=\"story\">Cream that performs the same every time, so the results on the plate keep customers returning.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_WhippingCream_OleFarms_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Whipping Cream (Ole Farms)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"maraschino-cherries\" data-title=\"Maraschino Cherries\" data-tags=\"olivia cherries bakery cocktail dessert\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Maraschino Cherries (Olivia)<\/h3>\n <p class=\"story\">A classic garnish that upgrades the finished look, helping outlets sell more of the high margin items.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_MaraschinoCherries_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Maraschino Cherries (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"pie-fillings\" data-title=\"Pie Fillings\" data-tags=\"olivia pie fillings bakery\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Pie Fillings (Olivia)<\/h3>\n <p class=\"story\">Bakery ready fillings that keep output consistent, so the display stays full and sales stay steady.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_PieFillings_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Pie Fillings (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"dark-sweet-cherries\" data-title=\"Dark Sweet Cherries\" data-tags=\"carmel sun cherries baking ingredients\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Baking Ingredients<\/div>\n <h3 class=\"title\">Dark Sweet Cherries (Carmel Sun)<\/h3>\n <p class=\"story\">Deep colour and rich finish that makes desserts look premium, so they move faster off the shelf.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_BakingIngredients_DarkSweetCherries_CarmelSun_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Dark Sweet Cherries (Carmel Sun)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"parmesan\" data-title=\"Parmesan\" data-tags=\"carmel sun cheese parmesan\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Cheese<\/div>\n <h3 class=\"title\">Parmesan (Carmel Sun)<\/h3>\n <p class=\"story\">A reliable parmesan profile that keeps shoppers loyal, because they know exactly what they are getting.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Cheese_Parmesan_CarmelSun_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Parmesan (Carmel Sun)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"mayonnaise\" data-title=\"Mayonnaise\" data-tags=\"ameripride condiments mayonnaise\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Condiments<\/div>\n <h3 class=\"title\">Mayonnaise (AmeriPride)<\/h3>\n <p class=\"story\">Creamy everyday comfort that earns repeat purchase, because it becomes the default in the kitchen.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Condiments_Mayonnaise_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Mayonnaise (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"peanut-butter\" data-title=\"Peanut Butter\" data-tags=\"ameripride condiments peanut butter\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Condiments<\/div>\n <h3 class=\"title\">Peanut Butter (AmeriPride)<\/h3>\n <p class=\"story\">A daily staple that stays in the trolley, because it is easy to trust and easy to sell.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Condiments_PeanutButter_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Peanut Butter (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"syrups\" data-title=\"Syrups\" data-tags=\"ameripride breakfast syrups\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Breakfast<\/div>\n <h3 class=\"title\">Syrups (AmeriPride)<\/h3>\n <p class=\"story\">That breakfast cue shoppers look for, so it keeps moving every week without being re explained.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Breakfast_Syrups_AmeriPride_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Syrups (AmeriPride)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"product\" id=\"cheese-dairy-ingredients\" data-title=\"Cheese and Dairy Ingredients\" data-tags=\"olivia dairy cheese ingredients\">\n <div class=\"row\">\n <div>\n <div class=\"kicker\">Dairy<\/div>\n <h3 class=\"title\">Cheese and Dairy Ingredients (Olivia)<\/h3>\n <p class=\"story\">Built for manufacturers who need consistency, so every run delivers the same result and the same confidence.<\/p>\n <\/div>\n <div class=\"actions\">\n <a class=\"btn primary\" href=\"pdf\/IMB_Dairy_CheeseAndDairyIngredients_Olivia_SellSheet.pdf\" target=\"_blank\" rel=\"noopener\">Product Information<\/a>\n <button class=\"btn\" data-enquire=\"Cheese and Dairy Ingredients (Olivia)\">Enquire<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n <div class=\"modal-backdrop\" id=\"modalBackdrop\">\n <div class=\"modal\">\n <div class=\"modal-head\">\n <h4 id=\"modalTitle\">Product enquiry<\/h4>\n <button class=\"close\" id=\"modalClose\" aria-label=\"Close\">\u00d7<\/button>\n <\/div>\n <div class=\"modal-body\">\n <form id=\"enquiryForm\">\n <div class=\"form-grid\">\n <div class=\"field\">\n <label for=\"fullName\">Name<\/label>\n <input id=\"fullName\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" type=\"email\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone<\/label>\n <input id=\"phone\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"company\">Company<\/label>\n <input id=\"company\" \/>\n <\/div>\n <div class=\"field full\">\n <label for=\"interest\">Product interest<\/label>\n <input id=\"interest\" readonly \/>\n <\/div>\n <div class=\"field full\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" placeholder=\"Target market, expected volumes, and any key requirements\"><\/textarea>\n <\/div>\n <\/div>\n <div class=\"notice\">This sends an email draft. Vtiger integration can be added later.<\/div>\n <div class=\"modal-actions\">\n <button type=\"button\" class=\"btn\" id=\"cancelBtn\">Cancel<\/button>\n <button type=\"submit\" class=\"btn primary\">Send<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const sections = Array.from(document.querySelectorAll(\"section.product\"));\n const quickLinks = document.getElementById(\"quickLinks\");\n\n sections.forEach(sec => {\n const id = sec.id;\n const title = sec.getAttribute(\"data-title\") || id;\n const a = document.createElement(\"a\");\n a.className = \"chip\";\n a.href = \"#\" + id;\n a.textContent = title;\n quickLinks.appendChild(a);\n });\n\n document.getElementById(\"searchBox\").addEventListener(\"input\", (e) => {\n const q = e.target.value.trim().toLowerCase();\n sections.forEach(sec => {\n const title = (sec.getAttribute(\"data-title\") || \"\").toLowerCase();\n const tags = (sec.getAttribute(\"data-tags\") || \"\").toLowerCase();\n const match = !q || title.includes(q) || tags.includes(q) || (\"#\" + sec.id).includes(q);\n sec.style.display = match ? \"\" : \"none\";\n });\n });\n\n const modalBackdrop = document.getElementById(\"modalBackdrop\");\n const modalClose = document.getElementById(\"modalClose\");\n const cancelBtn = document.getElementById(\"cancelBtn\");\n const enquiryForm = document.getElementById(\"enquiryForm\");\n const interestInput = document.getElementById(\"interest\");\n\n function openModal(interestLabel){\n enquiryForm.reset();\n interestInput.value = interestLabel || \"\";\n modalBackdrop.style.display = \"flex\";\n document.getElementById(\"fullName\").focus();\n }\n function closeModal(){\n modalBackdrop.style.display = \"none\";\n }\n\n document.querySelectorAll(\"button[data-enquire]\").forEach(btn => {\n btn.addEventListener(\"click\", () => openModal(btn.getAttribute(\"data-enquire\")));\n });\n\n modalClose.addEventListener(\"click\", closeModal);\n cancelBtn.addEventListener(\"click\", closeModal);\n modalBackdrop.addEventListener(\"click\", (e) => {\n if (e.target === modalBackdrop) closeModal();\n });\n document.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && modalBackdrop.style.display === \"flex\") closeModal();\n });\n\n enquiryForm.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n\n const fullName = document.getElementById(\"fullName\").value.trim();\n const email = document.getElementById(\"email\").value.trim();\n if (!fullName || !email) return;\n\n const phone = document.getElementById(\"phone\").value.trim();\n const company = document.getElementById(\"company\").value.trim();\n const interest = document.getElementById(\"interest\").value.trim();\n const message = document.getElementById(\"message\").value.trim();\n\n const to = \"sales@imbusa.com\";\n const subject = encodeURIComponent(\"Product enquiry: \" + interest);\n const bodyLines = [\n \"Name: \" + fullName,\n \"Email: \" + email,\n \"Phone: \" + phone,\n \"Company: \" + company,\n \"Interest: \" + interest,\n \"\",\n \"Message:\",\n message\n ];\n const body = encodeURIComponent(bodyLines.join(\"\\n\"));\n\n window.location.href = \"mailto:\" + to + \"?subject=\" + subject + \"&body=\" + body;\n closeModal();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>IMB Products International Market Brands Product information and downloads Products Use the anchor links for your Vtiger emails, for example imbusa.com\/products#parmesan Quick links Dairy UHT Milk (Ole Farms) Shelf stable milk that stays consistent, so buyers can build a dependable everyday programme. Product Information Enquire Dairy Whipping Cream (Ole Farms) Cream that performs the same […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":24,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/proudberry.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}