{"id":15,"date":"2019-08-13T05:37:17","date_gmt":"2019-08-13T05:37:17","guid":{"rendered":"https:\/\/sgbsin.com.sg\/?page_id=15"},"modified":"2026-06-23T13:30:42","modified_gmt":"2026-06-23T05:30:42","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.sgbsin.com.sg\/?page_id=15","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>SGB Starkstrom \u2014 Contact<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800&amp;family=Barlow:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes grid-drift  { to { background-position: 0 48px; } }\n@keyframes scan-sweep  { 0%{transform:translateY(-120px);opacity:0} 5%{opacity:1} 95%{opacity:1} 100%{transform:translateY(110%);opacity:0} }\n@keyframes node-pulse  { 0%,100%{transform:scale(.5);opacity:.10} 50%{transform:scale(1);opacity:.80} }\n@keyframes ring-out    { 0%{transform:scale(1);opacity:.45} 100%{transform:scale(4.5);opacity:0} }\n@keyframes fade-up     { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }\n@keyframes accent-grow { from{width:0} to{width:48px} }\n@keyframes shimmer-btn { 0%{background-position:-200% 0} 100%{background-position:200% 0} }\n@keyframes glow-pulse  { 0%,100%{box-shadow:0 0 0 0 rgba(200,146,42,.0)} 50%{box-shadow:0 0 24px 4px rgba(200,146,42,.25)} }\n@keyframes input-focus-in { from{opacity:0;transform:scaleX(0)} to{opacity:1;transform:scaleX(1)} }\n\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 FULL-WIDTH BREAKOUT \u2500\u2500\n   Escapes WordPress theme content column.\n   Works with Astra, GeneratePress, Kadence, OceanWP, Hello, Divi, Elementor etc. *\/\n.sgb-contact-wrap {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  margin-left: -50vw;\n  overflow: hidden;\n  font-family: 'Barlow', sans-serif;\n}\n\n\/* \u2500\u2500 ROOT VARS \u2500\u2500 *\/\n.sgb-contact-wrap {\n  --navy:       #080f1f;\n  --navy-mid:   #0d1628;\n  --navy-card:  #0f1c38;\n  --navy-input: rgba(12, 22, 50, 0.80);\n  --blue:       #1a5aaa;\n  --blue-bright:#3a8fff;\n  --gold:       #c8922a;\n  --gold-light: #d4a84a;\n  --gold-btn:   #c8a84a;\n  --text:       rgba(210, 228, 255, 0.88);\n  --text-dim:   rgba(150, 185, 230, 0.55);\n  --text-label: rgba(120, 160, 210, 0.50);\n  --border:     rgba(40, 100, 200, 0.16);\n  --border-inp: rgba(50, 110, 210, 0.28);\n}\n\n\/* \u2500\u2500 ANIMATED BACKGROUND \u2500\u2500 *\/\n.sgb-grid-bg {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background-color: var(--navy);\n  background-image:\n    linear-gradient(rgba(30,80,160,.12) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(30,80,160,.12) 1px, transparent 1px),\n    linear-gradient(rgba(50,120,220,.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(50,120,220,.05) 1px, transparent 1px);\n  background-size: 48px 48px, 48px 48px, 192px 192px, 192px 192px;\n  animation: grid-drift 7s linear infinite;\n}\n.sgb-vignette-bg {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background: radial-gradient(ellipse 100% 100% at 50% 50%,\n    transparent 0%, rgba(4,10,22,.40) 55%, rgba(3,7,16,.82) 100%);\n}\n.sgb-scan {\n  position: absolute; left: 0; width: 100%; height: 110px; z-index: 1; pointer-events: none;\n  background: linear-gradient(to bottom, transparent, rgba(60,160,255,.07) 50%, transparent);\n  animation: scan-sweep 9s linear infinite;\n}\n.sgb-nodes {\n  position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none;\n  width: 5px; height: 5px; border-radius: 50%; background: transparent;\n  box-shadow:\n    96px 40px 0 3px rgba(55,150,255,.70), 288px 80px 0 2px rgba(55,150,255,.50),\n    480px 40px 0 3px rgba(55,150,255,.75), 720px 80px 0 2px rgba(55,150,255,.55),\n    960px 40px 0 3px rgba(55,150,255,.65), 1200px 80px 0 2px rgba(55,150,255,.45),\n    1440px 40px 0 3px rgba(55,150,255,.70), 144px 160px 0 2px rgba(55,150,255,.60),\n    384px 200px 0 3px rgba(55,150,255,.80), 576px 160px 0 2px rgba(55,150,255,.45),\n    816px 200px 0 3px rgba(55,150,255,.65), 1056px 160px 0 2px rgba(55,150,255,.75),\n    1296px 200px 0 3px rgba(55,150,255,.50), 240px 280px 0 2px rgba(55,150,255,.70),\n    528px 320px 0 3px rgba(55,150,255,.55), 768px 280px 0 2px rgba(55,150,255,.80),\n    1008px 320px 0 3px rgba(55,150,255,.60), 1200px 280px 0 2px rgba(55,150,255,.40);\n  animation: node-pulse 3.8s ease-in-out infinite;\n}\n.sgb-rings {\n  position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none;\n  width: 5px; height: 5px; border-radius: 50%; background: transparent;\n  outline: 1px solid rgba(55,150,255,.30);\n  box-shadow:\n    96px 40px 0 2px transparent, 480px 40px 0 2px transparent,\n    960px 40px 0 2px transparent, 384px 200px 0 2px transparent,\n    816px 200px 0 2px transparent, 528px 320px 0 2px transparent,\n    1008px 320px 0 2px transparent;\n  animation: ring-out 3.8s ease-out infinite; animation-delay: .6s;\n}\n\n\/* \u2500\u2500 SECTION LAYOUT \u2500\u2500 *\/\n.sgb-contact-section {\n  position: relative; z-index: 2;\n  display: grid;\n  grid-template-columns: 1fr 1.4fr;\n  min-height: 420px;\n  padding: 72px 6vw 80px;\n  gap: 80px;\n  animation: fade-up .9s ease both;\n}\n\n\/* \u2500\u2500 LEFT: INFO COLUMN \u2500\u2500 *\/\n.sgb-info {}\n\n.sgb-info-label {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px; font-weight: 700;\n  letter-spacing: .20em; text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 18px;\n  display: block;\n}\n\n.sgb-info-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(34px, 4vw, 58px);\n  font-weight: 800; line-height: 1.05;\n  color: #fff;\n  letter-spacing: -.01em;\n  margin-bottom: 18px;\n}\n\n.sgb-accent-line {\n  width: 0; height: 3px;\n  background: linear-gradient(90deg, var(--gold), var(--gold-light));\n  border-radius: 2px;\n  margin-bottom: 32px;\n  animation: accent-grow .8s cubic-bezier(.22,1,.36,1) .4s both;\n}\n\n.sgb-info-desc {\n  font-size: 14px; line-height: 1.70;\n  color: var(--text-dim);\n  max-width: 380px;\n  margin-bottom: 40px;\n}\n\n\/* Contact details *\/\n.sgb-contact-list {\n  display: flex; flex-direction: column; gap: 20px;\n  list-style: none;\n}\n.sgb-contact-item {\n  display: flex; align-items: center; gap: 14px;\n}\n.sgb-contact-icon {\n  width: 36px; height: 36px; flex-shrink: 0;\n  border-radius: 50%;\n  border: 1px solid rgba(50,120,220,.28);\n  background: rgba(12,22,50,.60);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 15px;\n  transition: border-color .25s, box-shadow .25s;\n}\n.sgb-contact-item:hover .sgb-contact-icon {\n  border-color: rgba(200,146,42,.50);\n  box-shadow: 0 0 12px rgba(200,146,42,.20);\n}\n.sgb-contact-text {\n  font-size: 14px; font-weight: 500;\n  color: var(--text);\n  letter-spacing: .01em;\n}\n.sgb-contact-text a {\n  color: var(--text);\n  text-decoration: none;\n  transition: color .2s;\n}\n.sgb-contact-text a:hover { color: var(--gold-light); }\n\n\/* \u2500\u2500 RIGHT: FORM COLUMN \u2500\u2500 *\/\n.sgb-form-col {}\n\n.sgb-form {\n  display: flex; flex-direction: column; gap: 12px;\n}\n\n\/* Row of two inputs *\/\n.sgb-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n\/* Input \/ Select \/ Textarea base *\/\n.sgb-input,\n.sgb-select,\n.sgb-textarea {\n  width: 100%;\n  background: var(--navy-input);\n  border: 1px solid var(--border-inp);\n  color: var(--text);\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  border-radius: 4px;\n  padding: 14px 16px;\n  outline: none;\n  transition: border-color .25s, box-shadow .25s, background .25s;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.sgb-input::placeholder,\n.sgb-textarea::placeholder {\n  color: var(--text-label);\n}\n\n.sgb-select {\n  color: var(--text-label);\n  cursor: pointer;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(120,160,210,0.5)' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 16px center;\n  padding-right: 40px;\n}\n.sgb-select option {\n  background: #0d1628;\n  color: rgba(210,228,255,.88);\n}\n.sgb-select.has-value { color: var(--text); }\n\n.sgb-textarea {\n  resize: vertical;\n  min-height: 110px;\n  line-height: 1.6;\n}\n\n.sgb-input:focus,\n.sgb-select:focus,\n.sgb-textarea:focus {\n  border-color: rgba(70,160,255,.55);\n  box-shadow: 0 0 0 3px rgba(50,130,255,.10);\n  background: rgba(14,26,58,.85);\n}\n\n\/* \u2500\u2500 SUBMIT BUTTON \u2500\u2500 *\/\n.sgb-submit {\n  width: 100%;\n  padding: 15px 24px;\n  background: linear-gradient(90deg, #b8882a 0%, #d4a84a 40%, #c8a03a 60%, #b8882a 100%);\n  background-size: 200% 100%;\n  border: none;\n  border-radius: 4px;\n  color: #0d1020;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px; font-weight: 800;\n  letter-spacing: .18em; text-transform: uppercase;\n  cursor: pointer;\n  margin-top: 4px;\n  transition: opacity .25s, transform .15s;\n  animation: shimmer-btn 4s linear infinite, glow-pulse 3s ease-in-out infinite;\n}\n.sgb-submit:hover {\n  opacity: .90;\n  transform: translateY(-1px);\n}\n.sgb-submit:active {\n  transform: translateY(0);\n}\n\n\/* \u2500\u2500 SUCCESS MESSAGE \u2500\u2500 *\/\n.sgb-success {\n  display: none;\n  padding: 16px 20px;\n  background: rgba(20,80,40,.40);\n  border: 1px solid rgba(50,180,100,.30);\n  border-radius: 4px;\n  color: rgba(120,220,150,.90);\n  font-size: 13px; font-weight: 500;\n  text-align: center;\n  letter-spacing: .02em;\n}\n.sgb-success.visible { display: block; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .sgb-contact-section {\n    grid-template-columns: 1fr;\n    gap: 48px;\n    padding: 60px 6vw 72px;\n  }\n  .sgb-info-desc { max-width: 100%; }\n}\n@media (max-width: 560px) {\n  .sgb-form-row { grid-template-columns: 1fr; }\n}\n<\/style>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PASTE FROM HERE INTO WORDPRESS HTML BLOCK\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sgb-contact-wrap\">\n\n  <!-- Background layers -->\n  <div class=\"sgb-grid-bg\"><\/div>\n  <div class=\"sgb-vignette-bg\"><\/div>\n  <div class=\"sgb-scan\"><\/div>\n  <div class=\"sgb-nodes\"><\/div>\n  <div class=\"sgb-rings\"><\/div>\n\n  <!-- Content -->\n  <div class=\"sgb-contact-section\">\n\n    <!-- LEFT: Info -->\n    <div class=\"sgb-info\">\n      <span class=\"sgb-info-label\">Get In Touch<\/span>\n      <h2 class=\"sgb-info-title\">Ready to Power<br>Your Project?<\/h2>\n      <div class=\"sgb-accent-line\"><\/div>\n      <p class=\"sgb-info-desc\">Contact our team for product enquiries, technical specifications, or after-sales support.<\/p>\n\n      <ul class=\"sgb-contact-list\">\n        <li class=\"sgb-contact-item\">\n          <div class=\"sgb-contact-icon\">\ud83d\udccd<\/div>\n          <span class=\"sgb-contact-text\">23 Kian Teck Ave, Singapore 628905<\/span>\n        <\/li>\n        <li class=\"sgb-contact-item\">\n          <div class=\"sgb-contact-icon\">\ud83d\udcde<\/div>\n          <span class=\"sgb-contact-text\">\n            <a href=\"tel:67550551\">6755 0551<\/a>\n          <\/span>\n        <\/li>\n        <li class=\"sgb-contact-item\">\n          <div class=\"sgb-contact-icon\">\ud83c\udf10<\/div>\n          <span class=\"sgb-contact-text\">\n            <a href=\"https:\/\/www.sgbsin.com.sg\" target=\"_blank\" rel=\"noopener\">www.sgbsin.com.sg<\/a>\n          <\/span>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- RIGHT: Form -->\n    <div class=\"sgb-form-col\">\n      <form class=\"sgb-form\" id=\"sgbEnquiryForm\" novalidate=\"\">\n\n        <div class=\"sgb-form-row\">\n          <input class=\"sgb-input\" type=\"text\" name=\"your_name\" placeholder=\"Your Name\" required=\"\">\n          <input class=\"sgb-input\" type=\"text\" name=\"company_name\" placeholder=\"Company Name\">\n        <\/div>\n\n        <div class=\"sgb-form-row\">\n          <input class=\"sgb-input\" type=\"email\" name=\"email_address\" placeholder=\"Email Address\" required=\"\">\n          <input class=\"sgb-input\" type=\"tel\" name=\"phone_number\" placeholder=\"Phone Number\">\n        <\/div>\n\n        <select class=\"sgb-select\" name=\"product_interest\" id=\"sgbProduct\" required=\"\">\n          <option value=\"\" disabled=\"\" selected=\"\">Product of Interest<\/option>\n          <option value=\"oil\">Oil Distribution Transformers<\/option>\n          <option value=\"resin\">Cast Resin Transformers<\/option>\n          <option value=\"medium\">Medium Power Transformers<\/option>\n          <option value=\"other\">Other \/ General Enquiry<\/option>\n        <\/select>\n\n        <textarea class=\"sgb-textarea\" name=\"message\" placeholder=\"Your message or enquiry...\" rows=\"5\"><\/textarea>\n\n        <label style=\"display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;cursor:pointer;\">\n  <input type=\"checkbox\" name=\"consent\" required=\"\" style=\"margin-top:3px;flex-shrink:0;accent-color:#c8922a;width:16px;height:16px;\">\n  <span style=\"font-size:12px;color:rgba(150,185,230,.70);line-height:1.6;\">\n    I agree to the\n    <a href=\"https:\/\/www.sgbsin.com.sg\/?page_id=385\" target=\"_blank\" style=\"color:#c8922a;text-decoration:underline;\">Privacy Policy<\/a>\n    and consent to SGB Starkstrom Pte Ltd collecting and using my personal data\n    to respond to my enquiry.\n  <\/span>\n<\/label>\n<button type=\"submit\" class=\"sgb-submit\">Send Enquiry<\/button>\n\n        <div class=\"sgb-success\" id=\"sgbSuccess\">\n          \u2713 &nbsp;Thank you! Your enquiry has been sent. We will be in touch shortly.\n        <\/div>\n\n      <\/form>\n    <\/div>\n\n  <\/div>\n<\/div>\n<!-- \u2550\u2550 END PASTE \u2550\u2550 -->\n\n<script>\n(function(){\n  var sel = document.getElementById('sgbProduct');\n  if(sel){\n    sel.addEventListener('change', function(){\n      this.classList.toggle('has-value', this.value !== '');\n    });\n  }\n\n  var form = document.getElementById('sgbEnquiryForm');\n  if(form){\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      var name  = form.querySelector('[name=\"your_name\"]').value.trim();\n      var email = form.querySelector('[name=\"email_address\"]').value.trim();\n      var prod  = form.querySelector('[name=\"product_interest\"]').value;\n      if(!name || !email || !prod){ return; }\n\n      var btn = form.querySelector('.sgb-submit');\n      btn.textContent = 'Sending\u2026';\n      btn.disabled = true;\n\n      var data = new FormData(form);\n\n      fetch('https:\/\/formspree.io\/f\/xwpqndvk', {\n        method: 'POST',\n        body: data,\n        headers: { 'Accept': 'application\/json' }\n      })\n      .then(function(r){\n        if(r.ok){\n          showSuccess();\n        } else {\n          r.json().then(function(data){\n            btn.textContent = 'Send Enquiry';\n            btn.disabled = false;\n            alert('Sorry, there was an error sending your message. Please try again or call us at 6755 0551.');\n          });\n        }\n      })\n      .catch(function(){\n        btn.textContent = 'Send Enquiry';\n        btn.disabled = false;\n        alert('Sorry, there was a network error. Please try again or call us at 6755 0551.');\n      });\n    });\n  }\n\n  function showSuccess(){\n    var form   = document.getElementById('sgbEnquiryForm');\n    var msg    = document.getElementById('sgbSuccess');\n    var btn    = form.querySelector('.sgb-submit');\n    form.reset();\n    btn.textContent = 'Send Enquiry';\n    btn.disabled = false;\n    if(msg){ msg.classList.add('visible'); }\n    document.getElementById('sgbProduct').classList.remove('has-value');\n    setTimeout(function(){ if(msg) msg.classList.remove('visible'); }, 6000);\n  }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SGB Starkstrom \u2014 Contact Get In Touch Ready to PowerYour Project? Contact our team for product enquiries, technical specifications, or after-sales support. \ud83d\udccd 23 Kian Teck Ave, Singapore 628905 \ud83d\udcde 6755 0551 \ud83c\udf10 www.sgbsin.com.sg Product of InterestOil Distribution TransformersCast Resin TransformersMedium Power TransformersOther \/ General Enquiry I agree to the Privacy Policy and consent to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":651,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":29,"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":544,"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/544"}],"wp:attachment":[{"href":"https:\/\/www.sgbsin.com.sg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}