{"id":2359,"date":"2026-06-28T06:34:41","date_gmt":"2026-06-28T06:34:41","guid":{"rendered":"https:\/\/solvit.net.au\/?page_id=2359"},"modified":"2026-06-28T07:53:01","modified_gmt":"2026-06-28T07:53:01","slug":"build-your-new-site","status":"publish","type":"page","link":"https:\/\/solvit.net.au\/index.php\/build-your-new-site\/","title":{"rendered":"Build Your New Site"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2359\" class=\"elementor elementor-2359\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8398013 e-con-full e-flex e-con e-parent\" data-id=\"8398013\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0027d95 elementor-widget elementor-widget-html\" data-id=\"0027d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bys-page\">\n<style>\n  #bys-page{\n    --ink:#1c1c1c;\n    --ink-soft:#5a5f66;\n    --orange:#F4631E;\n    --orange-dark:#D6500F;\n    --line:#e8e6e2;\n    --paper-soft:#FAF8F5;\n    --dark-bar:#1a1a1a;\n    font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\n    color: var(--ink);\n    line-height: 1.65;\n  }\n  #bys-page .inner{ max-width: 880px; margin: 0 auto; padding: 0 20px 80px; }\n\n  \/* ---- Top utility bar, matches Solvit's site convention ---- *\/\n  #bys-page .utility-bar{\n    background: var(--dark-bar); color: #fff;\n    text-align: center; padding: 10px 20px; font-size: 13px;\n    letter-spacing: .02em; margin-bottom: 0;\n  }\n  #bys-page .utility-bar a{ color: var(--orange); font-weight: 700; text-decoration: none; }\n\n  \/* ---- Public teaser ---- *\/\n  #bys-page .teaser{\n    background: linear-gradient(180deg, var(--paper-soft), #fff);\n    padding: 50px 20px 10px;\n  }\n  #bys-page .eyebrow{\n    display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em;\n    text-transform: uppercase; color: var(--orange-dark); margin-bottom: 14px;\n  }\n  #bys-page h1{\n    font-size: clamp(1.9rem, 4vw, 2.6rem);\n    margin: 0 0 16px; font-weight: 800; color: var(--ink);\n  }\n  #bys-page .lede{ font-size: 17px; color: var(--ink-soft); max-width: 640px; margin-bottom: 30px; }\n\n  #bys-page .price-card{\n    background: #fff; border: 2px solid var(--orange); border-radius: 12px;\n    padding: 30px 32px; margin-bottom: 36px; display: flex; align-items: center;\n    justify-content: space-between; gap: 24px; flex-wrap: wrap;\n  }\n  #bys-page .price-left h3{ margin: 0 0 6px; font-size: 1.2rem; }\n  #bys-page .price-left p{ margin: 0; color: var(--ink-soft); font-size: 14px; max-width: 420px; }\n  #bys-page .price-tag{ font-size: 2rem; font-weight: 800; color: var(--orange-dark); white-space: nowrap; }\n  #bys-page .price-tag span{ font-size: 13px; font-weight: 500; color: var(--ink-soft); display: block; white-space: normal; max-width: 220px; line-height: 1.45; margin-top: 4px; }\n\n  #bys-page .future-cta{\n    background: var(--orange); color: #fff; border-radius: 10px;\n    padding: 18px 24px; margin-bottom: 30px; font-size: 15px; line-height: 1.5;\n  }\n  #bys-page .future-cta strong{ color: #fff; }\n\n  #bys-page .cta-row{ display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 50px; }\n  #bys-page .btn{\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 14px 26px; border-radius: 30px; font-weight: 700; font-size: 15px;\n    text-decoration: none; border: none; cursor: pointer;\n  }\n  #bys-page .btn-primary{ background: var(--orange); color: #fff; }\n  #bys-page .btn-primary:hover{ background: var(--orange-dark); }\n  #bys-page .btn-ghost{ background: #fff; color: var(--ink); border: 1.5px solid var(--line); }\n  #bys-page .btn-ghost:hover{ border-color: var(--orange); color: var(--orange-dark); }\n\n  #bys-page .includes{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 16px; margin-bottom: 10px; }\n  #bys-page .includes div{ font-size: 14px; color: var(--ink-soft); }\n  #bys-page .includes div strong{ color: var(--ink); display: block; margin-bottom: 2px; }\n\n  \/* ---- Lock box ---- *\/\n  #bys-page .lock-box{\n    background: var(--dark-bar); border-radius: 12px; padding: 30px 32px;\n    margin: 40px auto 0; max-width: 880px; text-align: center;\n  }\n  #bys-page .lock-box h3{ color: #fff; margin: 0 0 6px; font-size: 1.1rem; }\n  #bys-page .lock-box p{ color: #bbb; font-size: 13.5px; margin: 0 0 18px; }\n  #bys-page .lock-row{ display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\n  #bys-page .lock-row input{\n    padding: 12px 16px; border-radius: 8px; border: none; font-size: 15px;\n    min-width: 220px;\n  }\n  #bys-page .lock-error{ color: var(--orange); font-size: 13px; margin-top: 10px; display: none; }\n\n  \/* ---- Gated lesson content ---- *\/\n  #bys-lesson{ display: none; }\n  #bys-lesson.unlocked{ display: block; }\n  #bys-page .lesson-wrap{ max-width: 880px; margin: 0 auto; padding: 50px 20px 80px; }\n  #bys-page h2{ font-size: 1.3rem; margin: 0 0 10px; display: flex; align-items: center; gap: 10px; }\n  #bys-page .step{\n    border: 1px solid var(--line); border-radius: 10px; padding: 26px 28px;\n    margin-bottom: 22px; background: #fff;\n  }\n  #bys-page .step .num{\n    display:inline-flex; align-items:center; justify-content:center;\n    width: 30px; height: 30px; border-radius: 50%;\n    background: var(--orange); color: #fff; font-weight: 700; font-size: 14px; flex-shrink: 0;\n  }\n  #bys-page .step p{ margin: 0 0 10px; }\n  #bys-page .prompt-box{\n    background: #1f2228; color: #eef1f4; border-radius: 10px; padding: 22px 24px;\n    font-family: 'Courier New', monospace; font-size: 14px; line-height: 1.7;\n    margin-top: 14px; white-space: pre-wrap;\n  }\n  #bys-page .prompt-box .fill{ color: var(--orange); }\n  #bys-page .tip{\n    background: var(--paper-soft); border-left: 3px solid var(--orange);\n    padding: 14px 18px; border-radius: 6px; font-size: 14px; color: var(--ink-soft); margin-top: 16px;\n  }\n  #bys-page .session-box{ background: var(--paper-soft); border-radius: 10px; padding: 26px 28px; margin-top: 30px; }\n  #bys-page .session-box ul{ margin: 0; padding-left: 20px; }\n  #bys-page .session-box li{ margin-bottom: 8px; }\n  #bys-page .footer-note{ margin-top: 40px; font-size: 13px; color: var(--ink-soft); text-align: center; }\n<\/style>\n\n<div class=\"utility-bar\">Questions first? Call <a href=\"tel:0418741814\">0418 741 814<\/a><\/div>\n\n<div class=\"teaser\">\n  <div class=\"inner\">\n    <span class=\"eyebrow\">1:1 Mentoring \u00b7 Solvit Sites<\/span>\n    <h1>Learn to build real websites \u2014 with AI, step by step.<\/h1>\n    <p class=\"lede\">A practical, hands-on programme taught live by Noel Currie over Zoom. You'll learn the exact, repeatable process used to turn a client's idea into a finished, working website \u2014 no coding background needed.<\/p>\n\n    <div class=\"price-card\">\n      <div class=\"price-left\">\n        <h3>Mentoring Programme<\/h3>\n        <p>Live Zoom sessions, a reference guide, and practice files \u2014 taught at your pace.<\/p>\n        <p style=\"margin-top:10px; font-size:13px;\">Additional time beyond the 4 hours: <strong>$395+GST\/hr<\/strong><\/p>\n      <\/div>\n      <div class=\"price-tag\">$1,250<span>+GST \u00b7 up to 4 hrs, 3 revisions included<\/span><\/div>\n    <\/div>\n\n    <div class=\"future-cta\">\n      <strong>This is your future.<\/strong> Once you've learned this, you can charge your own clients up to <strong>$1,550+GST<\/strong> per site \u2014 one booking can cover your entire investment in this programme.\n    <\/div>\n\n    <div class=\"includes\">\n      <div><strong>\u2713 Live Zoom mentoring<\/strong>One-on-one, taught directly by Noel<\/div>\n      <div><strong>\u2713 Reference guide<\/strong>The exact 4-step process, yours to keep<\/div>\n      <div><strong>\u2713 Practice files<\/strong>Hands-on, real exercises<\/div>\n      <div><strong>\u2713 Ongoing support<\/strong>Questions answered as you build<\/div>\n    <\/div>\n\n    <div class=\"cta-row\">\n      <a class=\"btn btn-primary\" href=\"tel:0418741814\">\ud83d\udcde Call to enrol<\/a>\n      <a class=\"btn btn-ghost\" href=\"mailto:noel@solvit.net.au?subject=Build%20Your%20Site%20Mentoring\">\u2709\ufe0f Email Noel<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"lock-box\">\n    <h3>Already enrolled?<\/h3>\n    <p>Enter your access code below to open your reference guide.<\/p>\n    <div class=\"lock-row\">\n      <input type=\"password\" id=\"bys-code\" placeholder=\"Access code\">\n      <button class=\"btn btn-primary\" id=\"bys-unlock\">Unlock<\/button>\n    <\/div>\n    <div class=\"lock-error\" id=\"bys-error\">That code isn't right \u2014 check with Noel and try again.<\/div>\n  <\/div>\n<\/div>\n\n<div id=\"bys-lesson\">\n  <div class=\"lesson-wrap\">\n    <div class=\"step\">\n      <h2><span class=\"num\">1<\/span> Idea<\/h2>\n      <p>What's this page for, and who's it for? One or two sentences is enough.<\/p>\n      <div class=\"tip\">Example: \"A landing page for a dog groomer in Burleigh, to get phone bookings.\"<\/div>\n    <\/div>\n\n    <div class=\"step\">\n      <h2><span class=\"num\">2<\/span> Design<\/h2>\n      <p>Pick a vibe in two or three words \u2014 not a colour theory lecture. Note anything that must be included: a logo, a particular photo, existing brand colours.<\/p>\n      <div class=\"tip\">Example: \"Warm and friendly\" or \"Clean and professional.\"<\/div>\n    <\/div>\n\n    <div class=\"step\">\n      <h2><span class=\"num\">3<\/span> Client Details<\/h2>\n      <p>The actual content: business name, what they do, services offered, phone\/email, and anything that makes them different from competitors.<\/p>\n    <\/div>\n\n    <div class=\"step\">\n      <h2><span class=\"num\">4<\/span> The Prompt<\/h2>\n      <p>One sentence, filled in with the details above. Paste it straight into Claude.<\/p>\n      <div class=\"prompt-box\">Build me a single, simple static HTML page for <span class=\"fill\">[business name]<\/span>, a <span class=\"fill\">[type of business]<\/span> in <span class=\"fill\">[location]<\/span>. The feel should be <span class=\"fill\">[vibe words]<\/span>. It needs a section for <span class=\"fill\">[services \/ about \/ contact]<\/span>. Their contact details are <span class=\"fill\">[phone \/ email]<\/span>. Keep it as one HTML file, no frameworks.<\/div>\n      <div class=\"tip\">Once you've got a draft back, just talk to it normally \u2014 \"make the heading bigger,\" \"change that colour to green,\" \"add a photo here.\" No special wording needed.<\/div>\n    <\/div>\n\n    <div class=\"session-box\">\n      <h2>\ud83d\udccb Before each session<\/h2>\n      <ul>\n        <li>Have your Idea, Design, and Client Details ready (steps 1\u20133)<\/li>\n        <li>Have Claude open and ready to paste the prompt into<\/li>\n        <li>Bring the file you saved last time, so we can build on it<\/li>\n      <\/ul>\n    <\/div>\n\n    <p class=\"footer-note\">Solvit.net.au \u2014 taught and built with Noel Currie<\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var ACCESS_CODE = \"SOLVIT2026\"; \/\/ \u2190 change this to whatever code you want to give clients\n  var unlockBtn = document.getElementById('bys-unlock');\n  var input = document.getElementById('bys-code');\n  var error = document.getElementById('bys-error');\n  var lesson = document.getElementById('bys-lesson');\n\n  function tryUnlock(){\n    var val = (input.value || '').trim().toUpperCase();\n    if (val === ACCESS_CODE) {\n      lesson.classList.add('unlocked');\n      error.style.display = 'none';\n      lesson.scrollIntoView({ behavior: 'smooth' });\n      try { sessionStorage.setItem('bys-unlocked', '1'); } catch(e) {}\n    } else {\n      error.style.display = 'block';\n    }\n  }\n\n  unlockBtn.addEventListener('click', tryUnlock);\n  input.addEventListener('keydown', function(e){\n    if (e.key === 'Enter') tryUnlock();\n  });\n\n  try {\n    if (sessionStorage.getItem('bys-unlocked') === '1') {\n      lesson.classList.add('unlocked');\n    }\n  } catch(e) {}\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Questions first? Call 0418 741 814 1:1 Mentoring \u00b7 Solvit Sites Learn to build real websites \u2014 with AI, step by step. A practical, hands-on programme taught live by Noel Currie over Zoom. You&#8217;ll learn the exact, repeatable process used to turn a client&#8217;s idea into a finished, working website \u2014 no coding background needed. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2359","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/pages\/2359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/comments?post=2359"}],"version-history":[{"count":16,"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/pages\/2359\/revisions"}],"predecessor-version":[{"id":2380,"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/pages\/2359\/revisions\/2380"}],"wp:attachment":[{"href":"https:\/\/solvit.net.au\/index.php\/wp-json\/wp\/v2\/media?parent=2359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}