{"id":6,"date":"2021-06-08T21:20:29","date_gmt":"2021-06-08T21:20:29","guid":{"rendered":"https:\/\/goforit.net.nz\/?page_id=6"},"modified":"2026-05-21T09:52:54","modified_gmt":"2026-05-21T09:52:54","slug":"home","status":"publish","type":"page","link":"https:\/\/goforit.net.nz\/","title":{"rendered":"Home"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Go For It \u2014 IT and Telephony Excellence<\/title>\n<meta name=\"description\" content=\"Go For It \u2014 IT and Telephony Excellence. Based in Christchurch, New Zealand. Contact Andrew McMillan for expert IT and telephony services.\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n \n  :root {\n    --black: #0d0d0d;\n    --black-mid: #161616;\n    --black-light: #1e1e1e;\n    --green: #6ab04c;\n    --green-bright: #82cc5a;\n    --green-dark: #4e8a35;\n    --white: #ffffff;\n    --grey: #a0a0a0;\n    --border: #2a2a2a;\n  }\n \n  html { scroll-behavior: smooth; }\n \n  body {\n    font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;\n    background: var(--black);\n    color: var(--white);\n    font-size: 16px;\n    line-height: 1.6;\n    overflow-x: hidden;\n  }\n \n  \/* NAV *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 60px;\n    transition: background 0.3s, border-bottom 0.3s;\n  }\n  nav.scrolled {\n    background: rgba(13,13,13,0.97);\n    border-bottom: 1px solid var(--border);\n  }\n  .nav-logo {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    text-decoration: none;\n  }\n  .nav-logo-mark {\n    width: 36px; height: 36px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 35%, #7acc58, #3a7a28);\n    border: 2px solid rgba(255,255,255,0.15);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 16px; font-weight: 700; color: white;\n    flex-shrink: 0;\n  }\n  .nav-logo-text {\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--white);\n  }\n  .nav-logo-text span { color: var(--green); }\n  .nav-cta {\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--black);\n    background: var(--green);\n    padding: 10px 22px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: background 0.2s;\n  }\n  .nav-cta:hover { background: var(--green-bright); }\n \n  \/* HERO *\/\n  #hero {\n    min-height: 100vh;\n    background: var(--black);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 0 60px 80px;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-grid-bg {\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(106,176,76,0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(106,176,76,0.04) 1px, transparent 1px);\n    background-size: 60px 60px;\n    pointer-events: none;\n  }\n  .hero-glow {\n    position: absolute;\n    top: -100px; right: -100px;\n    width: 500px; height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(106,176,76,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 700px;\n  }\n  .hero-eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--green);\n    font-weight: 500;\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: fadeUp 0.6s 0.3s forwards;\n  }\n  h1 {\n    font-size: clamp(42px, 6vw, 72px);\n    font-weight: 800;\n    line-height: 1.0;\n    letter-spacing: -0.03em;\n    color: var(--white);\n    margin-bottom: 8px;\n    opacity: 0;\n    animation: fadeUp 0.6s 0.5s forwards;\n  }\n  h1 span { color: var(--green); }\n  .hero-sub {\n    font-size: clamp(16px, 2vw, 20px);\n    font-weight: 300;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--grey);\n    margin-bottom: 32px;\n    opacity: 0;\n    animation: fadeUp 0.6s 0.6s forwards;\n  }\n  .hero-desc {\n    font-size: 16px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.45);\n    max-width: 480px;\n    line-height: 1.8;\n    margin-bottom: 44px;\n    opacity: 0;\n    animation: fadeUp 0.6s 0.7s forwards;\n  }\n  .hero-actions {\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    opacity: 0;\n    animation: fadeUp 0.6s 0.9s forwards;\n  }\n  .btn-primary {\n    display: inline-block;\n    padding: 14px 32px;\n    background: var(--green);\n    color: var(--black);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 2px;\n    transition: background 0.2s, transform 0.15s;\n  }\n  .btn-primary:hover { background: var(--green-bright); transform: translateY(-1px); }\n  .btn-ghost {\n    font-size: 13px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.4);\n    text-decoration: none;\n    letter-spacing: 0.04em;\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n    padding-bottom: 2px;\n    transition: color 0.2s, border-color 0.2s;\n  }\n  .btn-ghost:hover { color: var(--green); border-color: var(--green); }\n \n  .hero-scroll {\n    position: absolute;\n    bottom: 80px; right: 60px;\n    font-size: 11px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.15);\n    writing-mode: vertical-rl;\n    opacity: 0;\n    animation: fadeIn 0.7s 1.4s forwards;\n  }\n \n  \/* SERVICES STRIP *\/\n  .services-strip {\n    background: var(--black-mid);\n    border-top: 1px solid var(--border);\n    border-bottom: 1px solid var(--border);\n    padding: 0 60px;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n  }\n  .strip-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px 32px 20px 0;\n    margin-right: 32px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  .strip-item:first-child { padding-left: 0; }\n  .strip-dot {\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--green);\n    flex-shrink: 0;\n  }\n  .strip-item span {\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--grey);\n  }\n \n  \/* CONTACT *\/\n  #contact {\n    min-height: 100vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n  .contact-left {\n    background: var(--black-light);\n    padding: 100px 60px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    border-right: 1px solid var(--border);\n  }\n  .section-label {\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--green);\n    font-weight: 500;\n    margin-bottom: 32px;\n  }\n  .contact-left h2 {\n    font-size: clamp(28px, 3vw, 42px);\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    color: var(--white);\n    margin-bottom: 16px;\n  }\n  .contact-left p {\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--grey);\n    line-height: 1.8;\n    max-width: 340px;\n    margin-bottom: 48px;\n  }\n  .contact-details {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .contact-detail { display: flex; flex-direction: column; gap: 3px; }\n  .detail-label {\n    font-size: 10px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.25);\n    font-weight: 500;\n  }\n  .detail-value {\n    font-size: 14px;\n    font-weight: 400;\n    color: var(--white);\n  }\n  .detail-value a {\n    color: var(--white);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  .detail-value a:hover { color: var(--green); }\n \n  \/* FORM *\/\n  .contact-right {\n    background: var(--black);\n    padding: 100px 60px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .form { display: flex; flex-direction: column; gap: 0; }\n  .field {\n    display: flex;\n    flex-direction: column;\n    border-bottom: 1px solid var(--border);\n    padding: 20px 0;\n    transition: border-color 0.2s;\n  }\n  .field:first-child { border-top: 1px solid var(--border); }\n  .field:focus-within { border-color: var(--green); }\n  .field label {\n    font-size: 10px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.3);\n    font-weight: 500;\n    margin-bottom: 8px;\n  }\n  .field input,\n  .field textarea,\n  .field select {\n    border: none;\n    outline: none;\n    font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--white);\n    background: transparent;\n    width: 100%;\n    resize: none;\n  }\n  .field select option { background: var(--black-light); }\n  .field input::placeholder,\n  .field textarea::placeholder { color: #3a3a3a; }\n  .field textarea { min-height: 80px; }\n  .form-submit {\n    margin-top: 32px;\n    align-self: flex-start;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--white);\n    padding: 0;\n    transition: gap 0.2s;\n  }\n  .form-submit:hover { gap: 20px; color: var(--green); }\n  .submit-arrow {\n    width: 36px; height: 1px;\n    background: var(--green);\n    position: relative;\n    transition: width 0.2s;\n  }\n  .form-submit:hover .submit-arrow { width: 50px; }\n  .submit-arrow::after {\n    content: '';\n    position: absolute;\n    right: 0; top: -3px;\n    width: 6px; height: 6px;\n    border-right: 1px solid var(--green);\n    border-top: 1px solid var(--green);\n    transform: rotate(45deg);\n  }\n \n  \/* FOOTER *\/\n  footer {\n    background: var(--black-mid);\n    border-top: 1px solid var(--border);\n    padding: 28px 60px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n  .footer-logo {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.25);\n  }\n  .footer-logo span { color: var(--green); opacity: 0.6; }\n  .footer-links {\n    display: flex;\n    gap: 24px;\n  }\n  .footer-links a {\n    font-size: 12px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.2);\n    text-decoration: none;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n    padding-bottom: 1px;\n    transition: color 0.2s;\n  }\n  .footer-links a:hover { color: var(--green); }\n  .footer-copy {\n    font-size: 12px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.15);\n  }\n \n  \/* ANIMATIONS *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: none; }\n  }\n  @keyframes fadeIn {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n \n  \/* RESPONSIVE *\/\n  @media (max-width: 768px) {\n    nav { padding: 20px 24px; }\n    #hero { padding: 0 24px 64px; }\n    .hero-scroll { display: none; }\n    .services-strip { padding: 0 24px; }\n    #contact { grid-template-columns: 1fr; }\n    .contact-left,\n    .contact-right { padding: 64px 24px; min-height: auto; }\n    .contact-left { border-right: none; border-bottom: 1px solid var(--border); }\n    footer { padding: 24px; flex-direction: column; text-align: center; }\n  }\n<\/style>\n<\/head>\n<body>\n \n<nav id=\"navbar\">\n  <a href=\"#hero\" class=\"nav-logo\">\n    <div class=\"nav-logo-mark\">G<\/div>\n    <span class=\"nav-logo-text\"><span>Go For<\/span> IT<\/span>\n  <\/a>\n  <a href=\"#contact\" class=\"nav-cta\">Get in touch<\/a>\n<\/nav>\n \n<section id=\"hero\">\n  <div class=\"hero-grid-bg\"><\/div>\n  <div class=\"hero-glow\"><\/div>\n  <div class=\"hero-content\">\n    <p class=\"hero-eyebrow\">Christchurch, New Zealand<\/p>\n    <h1><span>Go For<\/span> IT<\/h1>\n    <p class=\"hero-sub\">IT and Telephony Excellence<\/p>\n    <p class=\"hero-desc\">Reliable, expert IT and telephony services for businesses that can&#8217;t afford to stand still. We keep your systems running so you can focus on what matters.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"#contact\" class=\"btn-primary\">Talk to us<\/a>\n      <a href=\"tel:039281181\" class=\"btn-ghost\">03 928 1181<\/a>\n    <\/div>\n  <\/div>\n  <span class=\"hero-scroll\">Scroll<\/span>\n<\/section>\n \n<div class=\"services-strip\">\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>IT Support<\/span><\/div>\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>Telephony Systems<\/span><\/div>\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>Network Infrastructure<\/span><\/div>\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>Cloud Solutions<\/span><\/div>\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>Business Continuity<\/span><\/div>\n  <div class=\"strip-item\"><div class=\"strip-dot\"><\/div><span>Remote Support<\/span><\/div>\n<\/div>\n \n<section id=\"contact\">\n  <div class=\"contact-left\">\n    <p class=\"section-label\">Get in touch<\/p>\n    <h2>Let&#8217;s talk about your business.<\/h2>\n    <p>Whether you need ongoing IT support or a one-off solution, we&#8217;re straightforward to deal with and quick to respond.<\/p>\n    <div class=\"contact-details\">\n      <div class=\"contact-detail\">\n        <span class=\"detail-label\">Contact<\/span>\n        <span class=\"detail-value\">Andrew McMillan<\/span>\n      <\/div>\n      <div class=\"contact-detail\">\n        <span class=\"detail-label\">Email<\/span>\n        <span class=\"detail-value\"><a href=\"mailto:andrew.mcmillan@goforit.net.nz\">andrew.mcmillan@goforit.net.nz<\/a><\/span>\n      <\/div>\n      <div class=\"contact-detail\">\n        <span class=\"detail-label\">Phone<\/span>\n        <span class=\"detail-value\"><a href=\"tel:039281181\">03 928 1181<\/a><\/span>\n      <\/div>\n      <div class=\"contact-detail\">\n        <span class=\"detail-label\">Mobile<\/span>\n        <span class=\"detail-value\"><a href=\"tel:021742642\">021 742 642<\/a><\/span>\n      <\/div>\n      <div class=\"contact-detail\">\n        <span class=\"detail-label\">Post<\/span>\n        <span class=\"detail-value\">PO Box 39-064, Christchurch<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"contact-right\">\n    <form class=\"form\" action=\"https:\/\/formspree.io\/f\/XXXXXXXX\" method=\"POST\">\n      <div class=\"field\">\n        <label>Name<\/label>\n        <input type=\"text\" name=\"name\" placeholder=\"Your name\">\n      <\/div>\n      <div class=\"field\">\n        <label>Email<\/label>\n        <input type=\"email\" name=\"email\" placeholder=\"your@email.com\">\n      <\/div>\n      <div class=\"field\">\n        <label>Phone<\/label>\n        <input type=\"tel\" name=\"phone\" placeholder=\"Your phone number\">\n      <\/div>\n      <div class=\"field\">\n        <label>What do you need help with?<\/label>\n        <textarea name=\"message\" placeholder=\"Tell us a bit about what you're looking for.\"><\/textarea>\n      <\/div>\n      <button type=\"submit\" class=\"form-submit\" id=\"submitBtn\">\n        Send message\n        <span class=\"submit-arrow\"><\/span>\n      <\/button>\n    <\/form>\n  <\/div>\n<\/section>\n \n<footer>\n  <span class=\"footer-logo\"><span>Go For<\/span> IT<\/span>\n  <div class=\"footer-links\">\n    <a href=\"https:\/\/goforit.net.nz\/?page_id=38\">Accessibility<\/a>\n    <a href=\"https:\/\/goforit.net.nz\/?page_id=41\">Privacy Policy<\/a>\n  <\/div>\n  <span class=\"footer-copy\">\u00a9 2026 \u00b7 Christchurch, New Zealand<\/span>\n<\/footer>\n \n<script>\n  const navbar = document.getElementById('navbar');\n  window.addEventListener('scroll', () => {\n    navbar.classList.toggle('scrolled', window.scrollY > 40);\n  });\n \n  const form = document.querySelector('form');\n  const btn = document.getElementById('submitBtn');\n \n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n    btn.disabled = true;\n    btn.innerHTML = 'Sending... <span class=\"submit-arrow\"><\/span>';\n \n    const data = new FormData(form);\n    try {\n      const response = await fetch(form.action, {\n        method: 'POST',\n        body: data,\n        headers: { 'Accept': 'application\/json' }\n      });\n      if (response.ok) {\n        btn.innerHTML = 'Message sent <span class=\"submit-arrow\"><\/span>';\n        btn.style.color = 'var(--green)';\n        form.reset();\n      } else {\n        btn.innerHTML = 'Something went wrong \u2014 please call us <span class=\"submit-arrow\"><\/span>';\n        btn.disabled = false;\n      }\n    } catch(err) {\n      btn.innerHTML = 'Something went wrong \u2014 please call us <span class=\"submit-arrow\"><\/span>';\n      btn.disabled = false;\n    }\n  });\n<\/script>\n \n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go For It \u2014 IT and Telephony Excellence G Go For IT Get in touch Christchurch, New Zealand Go For IT IT and Telephony Excellence Reliable, expert IT and telephony services for businesses that can&#8217;t afford to stand still. We keep your systems running so you can focus on what matters. Talk to us 03&hellip; <a class=\"more-link\" href=\"https:\/\/goforit.net.nz\/\">Continue reading <span class=\"screen-reader-text\">Home<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goforit.net.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":8,"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/goforit.net.nz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/goforit.net.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}