Website Design & Development
Websites built to win you customers
From your first professional website to a full online store, landing pages for campaigns, and members-only areas, we design and build clean, fast, mobile-ready sites that turn visitors into customers.
Custom Websites
A site that looks the part — and captures every lead
We design clean, modern, mobile-ready websites built around your brand and your customers, with lead-capture forms wired straight to your inbox so every enquiry reaches you. A site that looks the part and pulls its weight.
Online Stores
Sell online with a store built to convert
A fully functional, mobile-optimized online store with polished product pages, secure checkout, and a smooth shopping experience from day one, so you can start selling without the technical headaches.
Landing Pages
A single page, built to convert
Pair a focused, high-converting landing page with your next ad, email, or special offer. One clear message, one clear action, designed to turn clicks into customers. Available as Standard, or Pro with A/B testing.
Member Areas
Give customers a place to log in
Add customer accounts and members-only areas to your site, so people can log in, manage their details, and reach content or resources reserved just for them. Perfect for memberships, clients, and repeat customers.
Mix & Match
Every website service, every option
Start simple and add what you need, whenever you need it. Tap any option to learn more.
'+s.name+'
'+s.price+' '; c.addEventListener('click', function(e){ if(e.target.closest('.addedbadge')){ e.stopPropagation(); btns[i].click(); return; } if(e.target.closest('.tm-add-request')){ return; } if(i !== current){ current = i; render(); return; } window.location.href = DATA[i].learn; }); c.addEventListener('mouseenter', function(){ if(i === current){ tip.textContent = DATA[current].tip; stage.classList.add('show-tip'); } }); c.addEventListener('mouseleave', function(){ stage.classList.remove('show-tip'); }); stage.appendChild(c); return c; }); var btns = DATA.map(function(s,i){ var b = document.createElement('button'); b.type = 'button'; b.className = 'tm-add-request'; b.setAttribute('data-id', s.id); b.setAttribute('data-service', s.name); b.setAttribute('data-add-text', 'Add to quote'); b.setAttribute('data-remove-text', 'Added'); b.textContent = 'Add to quote'; cards[i].appendChild(b); return b; }); btns.forEach(function(b,i){ new MutationObserver(function(){ cards[i].classList.toggle('is-added', b.classList.contains('tm-added')); if(i===current){ updateReqBtn(); } }).observe(b, {attributes:true, attributeFilter:['class']}); }); DATA.forEach(function(_,i){ var d = document.createElement('div'); d.className = 'dot'; d.addEventListener('click', function(){ current = i; render(); }); dotsEl.appendChild(d); }); var dots = Array.prototype.slice.call(dotsEl.children); var SLOTS = [ {x:0, y:0, r:0, s:1, o:1, z:40}, {x:24, y:12, r:4, s:.93, o:.62, z:30}, {x:46, y:24, r:8, s:.87, o:.34, z:20}, {x:66, y:36, r:11, s:.81, o:0, z:10} ]; function place(card, slot){ var p = SLOTS[Math.min(slot,3)]; card.style.transform = 'translateX('+p.x+'px) translateY('+p.y+'px) rotate('+p.r+'deg) scale('+p.s+')'; card.style.opacity = p.o; card.style.zIndex = p.z; card.style.pointerEvents = slot===0 ? 'auto' : (slot<=2 ? 'auto' : 'none'); } function render(){ cards.forEach(function(card,i){ var off = ((i - current) % N + N) % N; place(card, off); card.classList.toggle('is-front', i===current); }); dots.forEach(function(d,i){ d.classList.toggle('on', i===current); }); info.classList.add('fading'); setTimeout(function(){ var s = DATA[current]; iname.textContent = s.name; iprice.textContent = s.price; desc.textContent = s.desc; learn.setAttribute('href', s.learn); info.classList.remove('fading'); }, 200); stage.classList.remove('show-tip'); updateReqBtn(); } document.getElementById('tmd-next').addEventListener('click', function(){ current=(current+1)%N; render(); }); document.getElementById('tmd-prev').addEventListener('click', function(){ current=(current-1+N)%N; render(); }); document.addEventListener('keydown', function(e){ if(e.key==='ArrowRight'){ current=(current+1)%N; render(); } if(e.key==='ArrowLeft'){ current=(current-1+N)%N; render(); } }); var sx=null; stage.addEventListener('touchstart', function(e){ sx=e.touches[0].clientX; }, {passive:true}); stage.addEventListener('touchend', function(e){ if(sx===null) return; var dx=e.changedTouches[0].clientX - sx; if(dx<-40){ current=(current+1)%N; render(); } if(dx>40){ current=(current-1+N)%N; render(); } sx=null; }); function tmdSync(){ var url = (window.TM_REQ && window.TM_REQ.ajaxurl) || '/wp-admin/admin-ajax.php'; var body = new URLSearchParams(); body.append('action','tm_req_state'); fetch(url,{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:body.toString()}) .then(function(r){ return r.json(); }) .then(function(res){ if(!res || !res.loggedIn || !res.ids){ return; } btns.forEach(function(b){ var on = res.ids.indexOf(b.getAttribute('data-id')) !== -1; b.classList.toggle('tm-added', on); b.textContent = on ? (b.getAttribute('data-remove-text') || 'Added') : (b.getAttribute('data-add-text') || 'Add to quote'); }); cards.forEach(function(c,i){ c.classList.toggle('is-added', btns[i].classList.contains('tm-added')); }); updateReqBtn(); }).catch(function(){}); } render(); tmdSync(); window.addEventListener('load', tmdSync); })();
