{"id":34,"date":"2026-04-24T20:11:39","date_gmt":"2026-04-24T20:11:39","guid":{"rendered":"https:\/\/seangaleria.co.za\/?page_id=34"},"modified":"2026-04-26T23:57:56","modified_gmt":"2026-04-26T23:57:56","slug":"store-locator","status":"publish","type":"page","link":"https:\/\/seangaleria.co.za\/?page_id=34","title":{"rendered":"Store Locator"},"content":{"rendered":"


\n
\n
\n
\n
\n Find a Store \u2014 McMunchbox<\/title>\n <link rel=\"stylesheet\" href=\"shared.css\" \/>\n<style>\n .locator-hero {\n background: var(--red); padding: 56px max(24px,6vw) 0;\n text-align: center;\n }\n .locator-hero h1 { font-family:var(--font-display); font-size:clamp(2rem,4.5vw,3rem); color:var(--yellow); font-weight:700; margin-bottom:12px; }\n .locator-hero p { color:rgba(255,255,255,0.82); max-width:500px; margin:0 auto 32px; line-height:1.6; }<\/p>\n<p> .search-bar-wrap {\n background: white; border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n padding: 32px 40px 0; margin: 0 auto; max-width: 800px;\n }\n .search-row { display:flex; gap:10px; }\n .search-row input {\n flex:1; padding:14px 20px; border-radius:30px;\n border:2px solid #E0DDD4; font-family:var(--font-body); font-size:1rem;\n outline:none; transition:border-color 0.2s;\n }\n .search-row input:focus { border-color:var(--yellow); }\n .divider-row {\n display:flex; align-items:center; gap:16px; margin:16px 0;\n color:var(--mid); font-size:0.9rem;\n }\n .divider-row::before, .divider-row::after {\n content:''; flex:1; height:1px; background:#E0DDD4;\n }\n .gps-btn {\n width:100%; padding:12px; border-radius:10px;\n border:1.5px dashed #C0BDB4; background:transparent;\n font-family:var(--font-body); font-size:0.93rem; color:var(--mid);\n cursor:pointer; transition:all 0.2s; display:flex; align-items:center; justify-content:center; gap:8px;\n }\n .gps-btn:hover { border-color:var(--yellow); color:var(--dark); background:rgba(255,200,10,0.06); }<\/p>\n<p> \/* map & results *\/\n .map-results {\n display:grid; grid-template-columns:1fr 340px; gap:0;\n min-height:440px; border-top:1px solid #EDE9DE;\n }\n .map-placeholder {\n background:#E8F5E9; display:flex; flex-direction:column; align-items:center;\n justify-content:center; gap:12px; color:#2E7D32;\n font-family:var(--font-display); font-size:1.1rem; font-weight:600;\n min-height:440px;\n }\n .map-placeholder span { font-size:4rem; }\n .results-panel { background:var(--white); padding:24px; overflow-y:auto; max-height:440px; border-left:1px solid #EDE9DE; }\n .results-panel h4 { font-family:var(--font-display); font-size:1rem; margin-bottom:16px; color:var(--mid); text-transform:uppercase; letter-spacing:0.06em; font-size:0.8rem; }<\/p>\n<p> .store-card {\n border:1.5px solid var(--border); border-radius:var(--radius); padding:16px;\n margin-bottom:12px; transition:all 0.2s; cursor:pointer;\n }\n .store-card:hover { border-color:var(--yellow); box-shadow:var(--shadow); }\n .store-card.active { border-color:var(--red); background:rgba(218,2,10,0.04); }\n .store-name { font-family:var(--font-display); font-weight:600; font-size:1rem; margin-bottom:4px; }\n .store-meta { font-size:0.82rem; color:var(--mid); margin-bottom:10px; line-height:1.5; }\n .store-badge { font-size:0.75rem; font-weight:600; padding:2px 8px; border-radius:10px; background:rgba(46,125,50,0.12); color:var(--green); margin-right:6px; }\n .store-badge.no { background:rgba(218,2,10,0.08); color:var(--red); }\n .store-actions { display:flex; gap:8px; margin-top:10px; }\n .store-actions a { font-size:0.8rem; font-weight:600; padding:6px 12px; border-radius:20px; border:1.5px solid; text-decoration:none; transition:all 0.15s; }\n .store-actions .dir { border-color:var(--red); color:var(--red); }\n .store-actions .dir:hover { background:var(--red); color:white; }\n .store-actions .ord { border-color:var(--yellow); color:var(--dark); background:var(--yellow); }\n .store-actions .ord:hover { background:var(--yellow-light); }<\/p>\n<p> @media(max-width:768px){ .map-results{ grid-template-columns:1fr; } .results-panel{ max-height:none; } }<\/p>\n<p> \/* order CTAs *\/\n .order-ctas { background:var(--yellow); padding:56px max(24px,6vw); text-align:center; }\n .order-ctas h2 { font-family:var(--font-display); font-size:2rem; font-weight:700; margin-bottom:8px; }\n .order-ctas p { color:rgba(0,0,0,0.65); margin-bottom:28px; }\n .order-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<nav>\n <a class=\"nav-logo\" href=\"index.html\"><\/p>\n<div class=\"m-badge\">M<\/div>\n<p> <span>Happy<br \/>McMunchbox<\/span><br \/>\n <\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"the-box.html\">The Box<\/a><\/li>\n<li><a href=\"toy.html\">This Month’s Toy<\/a><\/li>\n<li><a href=\"nutrition.html\">Nutrition & Safety<\/a><\/li>\n<li><a href=\"sustainability.html\">Sustainability<\/a><\/li>\n<li><a href=\"store-locator.html\" class=\"nav-cta active\">Find a McDonald’s<\/a><\/li>\n<\/ul>\n<div class=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/div>\n<\/nav>\n<p><!-- HERO + SEARCH --><\/p>\n<div class=\"locator-hero\">\n<h1>Your Nearest McMunchbox<br \/>Is Closer Than You Think.<\/h1>\n<p>Find a McDonald’s near you and get the McMunchbox experience today.<\/p>\n<div class=\"search-bar-wrap\">\n<div class=\"search-row\">\n <input type=\"text\" id=\"search-input\" placeholder=\"Enter your suburb, city, or postal code\" \/><br \/>\n <button class=\"btn btn-red\" onclick=\"doSearch()\">Find Stores<\/button>\n <\/div>\n<div class=\"divider-row\">Or use your current location<\/div>\n<p> <button class=\"gps-btn\" onclick=\"useLocation()\">\ud83d\udccd Use My Location<\/button><\/p>\n<div style=\"height:24px;\"><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- MAP & RESULTS --><\/p>\n<div style=\"max-width:800px; margin:0 auto; background:white; border-radius:0 0 var(--radius-lg) var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-lg);\">\n<div class=\"map-results\">\n<div class=\"map-placeholder\">\n <span>\ud83d\uddfa\ufe0f<\/span><br \/>\n Stores near you<\/p>\n<p style=\"font-size:0.85rem; font-weight:400; color:rgba(0,0,0,0.5);\">Search above to see locations<\/p>\n<\/p><\/div>\n<div class=\"results-panel\">\n<h4>Nearest Locations<\/h4>\n<div id=\"store-list\">\n <!-- populated by JS demo -->\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- ORDER CTAs --><\/p>\n<div class=\"order-ctas\" style=\"margin-top:48px;\">\n<h2>Ready to Order? \ud83c\udf89<\/h2>\n<p>Walk in, drive through, or order ahead. The McMunchbox is available in-restaurant and via delivery.<\/p>\n<div class=\"order-btns\">\n <a href=\"#\" class=\"btn btn-red\">Order Now via App<\/a><br \/>\n <a href=\"#\" class=\"btn btn-outline\" style=\"color:var(--dark); border-color:rgba(0,0,0,0.2);\">Order via McDonald’s Delivery<\/a>\n <\/div>\n<\/div>\n<footer>\n<div class=\"footer-inner\">\n<p>\u00a9\ufe0f 2025 McDonald’s South Africa. All rights reserved.<\/p>\n<div class=\"footer-links\">\n <a href=\"privacy.html\">Privacy Policy<\/a><br \/>\n <a href=\"contact.html\">Contact Us<\/a><br \/>\n <a href=\"#\">Instagram<\/a><br \/>\n <a href=\"#\">TikTok<\/a>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p><script src=\"shared.js\"><\/script><br \/>\n<script>\nconst mockStores = [\n { name: \"McDonald's V&A Waterfront\", dist: \"0.8 km\", hours: \"07:00 \u2013 23:00\", dt: true },\n { name: \"McDonald's Claremont\", dist: \"4.2 km\", hours: \"06:30 \u2013 23:30\", dt: true },\n { name: \"McDonald's Cavendish Square\", dist: \"4.9 km\", hours: \"09:00 \u2013 21:00\", dt: false },\n { name: \"McDonald's Canal Walk\", dist: \"9.1 km\", hours: \"08:00 \u2013 22:00\", dt: true },\n];<\/p>\n<p>function renderStores(stores) {\n const list = document.getElementById('store-list');\n list.innerHTML = stores.map((s, i) => `<\/p>\n<div class=\"store-card ${i===0?'active':''}\" onclick=\"selectStore(this)\">\n<div class=\"store-name\">${s.name}<\/div>\n<div class=\"store-meta\">\ud83d\udccd ${s.dist} \u00b7 \ud83d\udd50 Today: ${s.hours}<\/div>\n<div>\n <span class=\"store-badge ${s.dt?'':' no'}\">Drive-through: ${s.dt?'Yes':'No'}<\/span>\n <\/div>\n<div class=\"store-actions\">\n <a href=\"#\" class=\"dir\">Get Directions<\/a>\n <a href=\"#\" class=\"ord\">Order from Here<\/a>\n <\/div>\n<\/p><\/div>\n<p> `).join('');\n}<\/p>\n<p>function doSearch() {\n renderStores(mockStores);\n document.querySelector('.map-placeholder').innerHTML = '<span>\ud83d\uddfa\ufe0f<\/span><\/p>\n<p style=\"color:#2E7D32; font-weight:600;\">4 stores found near you<\/p>\n<p>';\n}<\/p>\n<p>function useLocation() {\n doSearch();\n}<\/p>\n<p>function selectStore(card) {\n document.querySelectorAll('.store-card').forEach(c => c.classList.remove('active'));\n card.classList.add('active');\n}<\/p>\n<p>\/\/ Pre-render on load\nrenderStores(mockStores);\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find a Store \u2014 McMunchbox M HappyMcMunchbox The Box This Month’s Toy Nutrition & Safety Sustainability Find a McDonald’s Your Nearest McMunchboxIs Closer Than You Think. Find a McDonald’s near you and get the McMunchbox experience today. Find Stores Or use your current location \ud83d\udccd Use My Location \ud83d\uddfa\ufe0f Stores near you Search above to […]<\/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-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":2,"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/seangaleria.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}