If you want the contact details to be editable from a CMS (WordPress, Strapi, Contentful, etc.), expose a tiny JSON endpoint:
"brand": "Chilaw Badu",
"phone":
"display": "+94 77 123 4567",
"tel": "+94771234567"
,
"whatsapp": "94771234567",
"email": "info@chilawbadu.lk"
Then fetch it and inject the values:
fetch('/api/contact-info')
.then(r => r.json())
.then(data =>
document.querySelector('.cb-brand').textContent = data.brand;
const phoneLink = document.querySelector('.cb-phone');
phoneLink.href = `tel:$data.phone.tel`;
phoneLink.querySelector('.cb-number').textContent = data.phone.display;
// optional contacts
const waLink = document.querySelector('.cb-whatsapp');
waLink.href = `https://wa.me/$data.whatsapp`;
const emailLink = document.querySelector('.cb-email');
emailLink.href = `mailto:$data.email`;
)
.catch(err => console.error('Contact bar load error', err));
Result: No code changes needed when the number changes – just update the JSON via the CMS. chilaw badu contact number top
/* -------------------------------------------------
Chilaw Badu – Top Contact Bar
------------------------------------------------- */
.cb-top-bar
background: #0d4c64; /* Dark teal – matches many Sri Lankan brand palettes */
color: #fff;
font-family: system-ui, sans-serif;
font-size: 0.9rem;
line-height: 1.4;
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 2px 4px rgba(0,0,0,.15);
.cb-container
max-width: 1240px;
margin: 0 auto;
padding: 0.5rem 1rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
/* Brand */
.cb-brand
font-weight: 600;
font-size: 1rem;
/* Contact links */
.cb-contact
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
margin-left: 1rem;
.cb-contact:hover,
.cb-contact:focus
color: #ffeb3b; /* Bright accent on hover/focus */
/* Icons */
.cb-icon
width: 1.2em;
height: 1.2em;
fill: currentColor;
margin-right: 0.3em;
/* Phone number styling */
.cb-number
white-space: nowrap;
/* Extra contacts (hidden on small screens) */
.cb-more
display: flex;
align-items: center;
.cb-more a margin-left: 0.8rem;
/* Toggle button – only visible on ≤ 600 px */
.cb-toggle
background: transparent;
border: none;
color: inherit;
cursor: pointer;
display: none;
align-items: center;
.cb-toggle:focus outline: 2px solid #ffeb3b;
/* -------------------------------------------------
RESPONSIVE BREAKPOINTS
------------------------------------------------- */
@media (max-width: 600px)
.cb-container
justify-content: space-between;
.cb-more
display: none; /* hidden by default on mobile */
flex-direction: column;
background: rgba(0,0,0,.1);
position: absolute;
top: 100%; left: 0; right: 0;
padding: 0.5rem 1rem;
.cb-toggle
display: flex;
/* Show extra contacts when toggle is active */
.cb-toggle[aria-expanded="true"] + .cb-more,
.cb-more[aria-hidden="false"]
display: flex !important;
/* -------------------------------------------------
ACCESSIBILITY / SCREEN‑reader helper
------------------------------------------------- */
.sr-only
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
Chilaw is a tight-knit community. Many online directories post old numbers that belong to entirely different people. Here’s why you should use the top contact number we recommend: If you want the contact details to be
The top Chilaw Badu will guide you to light a specific number of coconut oil lamps (usually 5 or 7) in your home while reciting a Gatha (stanza) over the phone. This is a diagnostic step—free of charge. "brand": "Chilaw Badu", "phone": "display": "+94 77 123
If the diagnosis confirms a supernatural block, you will be told to visit Chilaw on a Tuesday or Saturday. Alternatively, the Badu may send a trusted assistant to pick up a shirt or a piece of jewelry (never cash or genital samples).
Travel to the Chilaw Bus Stand or the area near the Chilaw Court Complex. Ask local shopkeepers for “Chilawya Badu Mahattaya” (The sorcerer from Chilaw). They will guide you to a nondescript house with a Kaduru tree or a small shrine. The contact number is usually written on a faded board outside. Do not trust numbers posted on lamp posts; trust word-of-mouth.