{"id":2209,"date":"2026-08-12T16:21:07","date_gmt":"2026-08-12T16:21:07","guid":{"rendered":"https:\/\/nuevell.com\/intl\/?page_id=2209"},"modified":"2026-09-12T13:34:11","modified_gmt":"2026-09-12T13:34:11","slug":"website-buyers-guide","status":"publish","type":"page","link":"https:\/\/nuevell.com\/intl\/website-buyers-guide\/","title":{"rendered":"Website Buyer&#8217;s Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2209\" class=\"elementor elementor-2209\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6711b2 e-con-full e-flex e-con e-parent\" data-id=\"a6711b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bdd3a4 elementor-widget elementor-widget-html\" data-id=\"8bdd3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>The Buyer's Guide to Getting a Website Built | Nuevell<\/title>\r\n  <style>\r\n    :root {\r\n      --paper: #FFFFFF;\r\n      --paper-alt: #F7F8F6;\r\n      --card: #FBFBFA;\r\n      --ink: #00090A;\r\n      --ink-soft: #6F7472;\r\n      --line: rgba(0, 9, 10, 0.10);\r\n\r\n      --green: #0b0c09;\r\n      --green-bg: #e3f3bf;\r\n      --green-line: #293a00;\r\n\r\n      --red: #B83A2B;\r\n      --red-bg: #F8E9E6;\r\n      --red-line: #E7C5BF;\r\n\r\n      --gold: #303030;\r\n      --gold-bg: #F4EACF;\r\n\r\n      --radius: 28px;\r\n\r\n      --serif: 'Sora', sans-serif;\r\n      --sans: 'Inter', sans-serif;\r\n      --mono: 'JetBrains Mono', monospace;\r\n\r\n      --black: #00090A;\r\n      --near-black: #00090A;\r\n      --white: #FFFFFF;\r\n      --off-white: #FBFBFA;\r\n      --lime: #C8FF3D;\r\n      --lime-dim: #9FCC2E;\r\n      --gray-500: #8A8A85;\r\n      --gray-300: #D6D6D0;\r\n\r\n      --radius-lg: 28px;\r\n      --radius-md: 20px;\r\n      --radius-sm: 12px;\r\n\r\n      --ease: cubic-bezier(.16, .84, .44, 1);\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: var(--paper);\r\n      color: var(--ink);\r\n      font-family: var(--sans);\r\n      line-height: 1.6;\r\n      font-size: 16px;\r\n    }\r\n\r\n    img,\r\n    svg {\r\n      display: block;\r\n    }\r\n\r\n    a {\r\n      color: inherit;\r\n    }\r\n\r\n    .wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      padding: 0 32px;\r\n    }\r\n\r\n    \/* ---------- TOP BAR ---------- *\/\r\n    .topbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 22px 32px;\r\n      border-bottom: 1px solid var(--line);\r\n      font-family: var(--mono);\r\n      font-size: 12.5px;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--ink-soft);\r\n    }\r\n\r\n    .topbar .mark {\r\n      color: var(--ink);\r\n      font-weight: 600;\r\n      letter-spacing: .04em;\r\n    }\r\n\r\n    .topbar .mark span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .topbar .doc-id {\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* ---------- HERO ---------- *\/\r\n    .hero {\r\n      position: relative;\r\n      padding: 88px 32px 96px;\r\n      overflow: hidden;\r\n      border-bottom: 1px solid var(--line);\r\n      background-color: black;\r\n    }\r\n\r\n    .hero-inner {\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n      text-align: left;\r\n    }\r\n\r\n    .eyebrow {\r\n      font-family: var(--mono);\r\n      font-size: 12.5px;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n      color: grey;\r\n      margin-bottom: 22px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .eyebrow::before {\r\n      width: 26px;\r\n      height: 1px;\r\n      background: var(--gold);\r\n      display: inline-block;\r\n    }\r\n\r\n    h1.title {\r\n      font-family: var(--serif);\r\n      font-weight: 600;\r\n      font-size: clamp(38px, 5.6vw, 64px);\r\n      line-height: 1.06;\r\n      letter-spacing: -0.01em;\r\n      margin: 0 0 26px;\r\n      color: rgb(255, 254, 254) !important;\r\n    }\r\n\r\n    .hero p.lede {\r\n      font-size: 19px;\r\n      color: var(--ink-soft);\r\n      max-width: 620px;\r\n      margin: 0 0 34px;\r\n    }\r\n\r\n    .hero-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-family: var(--mono);\r\n      font-size: 13px;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      color: var(--lime);\r\n      text-decoration: none;\r\n      border-bottom: 1.5px solid var(--ink);\r\n      padding-bottom: 4px;\r\n    }\r\n\r\n    .hero-cta:hover {\r\n      color: var(--lime);\r\n      border-color: var(--gold);\r\n    }\r\n\r\n    \/* stamp *\/\r\n    .stamp {\r\n      position: absolute;\r\n      width: 168px;\r\n      height: 168px;\r\n      border: 2px solid var(--lime);\r\n      border-radius: 50%;\r\n      color: var(--lime);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      font-family: var(--mono);\r\n      font-size: 11.5px;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      font-weight: 600;\r\n      transform: rotate(-14deg);\r\n      top: 60px;\r\n      right: 6%;\r\n      opacity: .9;\r\n    }\r\n\r\n    .stamp::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 9px;\r\n      border: 1px dashed var(--lime-dim);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .stamp span {\r\n      padding: 0 30px;\r\n    }\r\n\r\n    \/* ---------- LAYOUT: RAIL + CONTENT ---------- *\/\r\n    .dossier {\r\n      display: grid;\r\n      grid-template-columns: 230px 1fr;\r\n      gap: 0;\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      align-items: start;\r\n    }\r\n\r\n    .rail {\r\n      position: sticky;\r\n      top: 0;\r\n      padding: 56px 24px 56px 32px;\r\n      border-right: 1px solid var(--line);\r\n      align-self: start;\r\n      height: 100vh;\r\n      overflow-y: auto;\r\n    }\r\n\r\n    .rail-label {\r\n      font-family: var(--mono);\r\n      font-size: 11px;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n      color: var(--ink-soft);\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .rail ol {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    .rail a {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: baseline;\r\n      text-decoration: none;\r\n      color: var(--ink-soft);\r\n      font-size: 14px;\r\n      padding: 9px 10px;\r\n      border-radius: 8px;\r\n      transition: background .15s ease, color .15s ease;\r\n    }\r\n\r\n    .rail a:hover {\r\n      background: var(--paper-alt);\r\n      color: var(--ink);\r\n    }\r\n\r\n    .rail a .num {\r\n      font-family: var(--mono);\r\n      font-size: 12px;\r\n      color: var(--gold);\r\n    }\r\n\r\n    main {\r\n      padding: 56px 40px 40px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .section {\r\n      padding: 36px 0 56px;\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n    .section:last-child {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .section-head {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .folio {\r\n      font-family: var(--mono);\r\n      font-size: 12.5px;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    h2 {\r\n      font-family: var(--serif);\r\n      font-weight: 600;\r\n      font-size: clamp(26px, 3vw, 34px);\r\n      margin: 0 0 12px;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    h3 {\r\n      font-family: var(--serif);\r\n      font-weight: 600;\r\n      font-size: 20px;\r\n      margin: 26px 0 10px;\r\n    }\r\n\r\n    p {\r\n      margin: 0 0 16px;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .section-head p {\r\n      color: var(--ink-soft);\r\n      max-width: 640px;\r\n      font-size: 16px;\r\n    }\r\n\r\n    \/* ---------- LEDGER TABLE ---------- *\/\r\n    .ledger {\r\n      border-top: 1px solid var(--line);\r\n      margin: 20px 0 8px;\r\n    }\r\n\r\n    .ledger-row {\r\n      display: grid;\r\n      grid-template-columns: 170px 1fr;\r\n      gap: 28px;\r\n      padding: 20px 0;\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n    .ledger-row .term {\r\n      font-family: var(--mono);\r\n      font-weight: 600;\r\n      font-size: 13.5px;\r\n      letter-spacing: .03em;\r\n      text-transform: uppercase;\r\n      color: var(--ink);\r\n      padding-top: 2px;\r\n    }\r\n\r\n    .ledger-row .def strong {\r\n      display: block;\r\n      color: var(--ink-soft);\r\n      font-weight: 600;\r\n      font-family: var(--sans);\r\n      font-size: 14.5px;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .ledger-row .def p {\r\n      margin: 0;\r\n      color: var(--ink-soft);\r\n      font-size: 15px;\r\n    }\r\n\r\n    \/* ---------- TIP STAMPS ---------- *\/\r\n    .tip {\r\n      display: grid;\r\n      grid-template-columns: 56px 1fr;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n      padding: 18px 20px 18px 18px;\r\n      border-radius: var(--radius);\r\n      margin: 22px 0;\r\n      border: 1px solid;\r\n    }\r\n\r\n    .tip.good {\r\n      background: var(--green-bg);\r\n      border-color: var(--green-line);\r\n    }\r\n\r\n    .tip.bad {\r\n      background: var(--red-bg);\r\n      border-color: var(--red-line);\r\n    }\r\n\r\n    .tip .badge {\r\n      width: 56px;\r\n      height: 56px;\r\n      border-radius: 50%;\r\n      border: 2px solid;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-family: var(--mono);\r\n      font-weight: 700;\r\n      font-size: 19px;\r\n      transform: rotate(-8deg);\r\n    }\r\n\r\n    .tip.good .badge {\r\n      border-color: var(--green);\r\n      color: var(--green);\r\n    }\r\n\r\n    .tip.bad .badge {\r\n      border-color: var(--red);\r\n      color: var(--red);\r\n      transform: rotate(8deg);\r\n    }\r\n\r\n    .tip .label {\r\n      font-family: var(--mono);\r\n      font-size: 11px;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n      font-weight: 600;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .tip.good .label {\r\n      color: var(--green);\r\n    }\r\n\r\n    .tip.bad .label {\r\n      color: var(--red);\r\n    }\r\n\r\n    .tip p {\r\n      margin: 0;\r\n      font-size: 15.5px;\r\n      color: var(--ink);\r\n    }\r\n\r\n    \/* ---------- PLAN CARDS ---------- *\/\r\n    .plans {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 20px;\r\n      margin: 24px 0 8px;\r\n    }\r\n\r\n    .plan-card {\r\n      background: var(--card);\r\n      border: 1px solid var(--line);\r\n      border-radius: var(--radius);\r\n      padding: 26px 24px;\r\n      position: relative;\r\n    }\r\n\r\n    .plan-card .pct {\r\n      font-family: var(--serif);\r\n      font-size: 44px;\r\n      font-weight: 600;\r\n      color: var(--gold);\r\n      line-height: 1;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .plan-card h4 {\r\n      font-family: var(--sans);\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      margin: 0 0 14px;\r\n      text-transform: uppercase;\r\n      letter-spacing: .04em;\r\n    }\r\n\r\n    .plan-card .row {\r\n      display: flex;\r\n      gap: 8px;\r\n      font-size: 14px;\r\n      color: var(--ink-soft);\r\n      padding: 7px 0;\r\n      border-top: 1px dashed var(--line);\r\n    }\r\n\r\n    .plan-card .row:first-of-type {\r\n      border-top: none;\r\n    }\r\n\r\n    .plan-card .row b {\r\n      color: var(--ink);\r\n      font-weight: 600;\r\n      min-width: 64px;\r\n      font-family: var(--mono);\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: .03em;\r\n    }\r\n\r\n    .checklist {\r\n      list-style: none;\r\n      margin: 18px 0;\r\n      padding: 0;\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .checklist li {\r\n      display: flex;\r\n      gap: 12px;\r\n      align-items: flex-start;\r\n      font-size: 15px;\r\n      color: var(--ink-soft);\r\n      padding: 10px 14px;\r\n      background: var(--card);\r\n      border: 1px solid var(--line);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .checklist {\r\n      counter-reset: checklist;\r\n      list-style: none;\r\n      padding-left: 0;\r\n    }\r\n\r\n    .checklist li {\r\n      counter-increment: checklist;\r\n      position: relative;\r\n      padding-left: 32px;\r\n    }\r\n\r\n    .checklist li::before {\r\n      content: counter(checklist) \".\";\r\n      position: absolute;\r\n      left: 0;\r\n      color: var(--gold);\r\n      font-family: var(--mono);\r\n      font-weight: 700;\r\n      margin-left: 12px;\r\n\r\n    }\r\n\r\n    .callout {\r\n      background: var(--paper-alt);\r\n      border-left: 3px solid var(--gold);\r\n      border-radius: 0 var(--radius) var(--radius) 0;\r\n      padding: 20px 24px;\r\n      margin: 24px 0;\r\n    }\r\n\r\n    .callout p {\r\n      margin: 0;\r\n      font-size: 15.5px;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .callout .k {\r\n      font-family: var(--mono);\r\n      font-size: 11px;\r\n      letter-spacing: .1em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ---------- COMPARISON ---------- *\/\r\n    .compare-quote {\r\n      font-family: var(--serif);\r\n      font-size: 22px;\r\n      line-height: 1.5;\r\n      color: var(--ink);\r\n      max-width: 100%;\r\n      margin: 8px 0 34px;\r\n      padding: 36px 30px;\r\n      background: var(--card);\r\n      border: 1px solid var(--line);\r\n      border-radius: var(--radius);\r\n      position: relative;\r\n    }\r\n\r\n    .compare-quote::before {\r\n      content: \"\u201c\";\r\n      font-family: inter;\r\n      font-size: 64px;\r\n      color: var(--gold);\r\n      position: absolute;\r\n      top: -10px;\r\n      left: 14px;\r\n      opacity: .5;\r\n    }\r\n\r\n    .compare {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 24px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .compare-col {\r\n      border-radius: var(--radius);\r\n      padding: 24px 24px 8px;\r\n      border: 1px solid;\r\n    }\r\n\r\n    .compare-col.cheap {\r\n      background: var(--red-bg);\r\n      border-color: var(--red-line);\r\n    }\r\n\r\n    .compare-col.pro {\r\n      background: var(--green-bg);\r\n      border-color: var(--green-line);\r\n    }\r\n\r\n    .compare-col h4 {\r\n      font-family: var(--mono);\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: .08em;\r\n      font-weight: 700;\r\n      margin: 0 0 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .compare-col.cheap h4 {\r\n      color: var(--red);\r\n    }\r\n\r\n    .compare-col.pro h4 {\r\n      color: var(--green);\r\n    }\r\n\r\n    .compare-col ul {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .compare-col li {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: flex-start;\r\n      font-size: 14.5px;\r\n      color: var(--ink);\r\n      padding: 12px 0;\r\n      border-top: 1px solid rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .compare-col li:first-child {\r\n      border-top: none;\r\n    }\r\n\r\n    .compare-col .mk {\r\n      font-family: var(--mono);\r\n      font-weight: 700;\r\n      flex: none;\r\n      width: 16px;\r\n    }\r\n\r\n    .compare-col.cheap .mk {\r\n      color: var(--red);\r\n    }\r\n\r\n    .compare-col.pro .mk {\r\n      color: var(--green);\r\n    }\r\n\r\n    \/* ---------- FAQ ---------- *\/\r\n    .faq-item {\r\n      padding: 22px 0;\r\n      border-top: 1px solid var(--line);\r\n      display: grid;\r\n      grid-template-columns: 40px 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .faq-item:first-child {\r\n      border-top: none;\r\n    }\r\n\r\n    .faq-item .letter {\r\n      font-family: var(--serif);\r\n      font-size: 22px;\r\n      color: var(--gold);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .faq-item h4 {\r\n      margin: 0 0 6px;\r\n      font-family: var(--sans);\r\n      font-size: 16.5px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .faq-item p {\r\n      margin: 0;\r\n      color: var(--ink-soft);\r\n      font-size: 15px;\r\n    }\r\n\r\n    \/* ---------- CLOSING ---------- *\/\r\n    .closing {\r\n      background: var(--ink);\r\n      color: var(--paper);\r\n      padding: 80px 32px;\r\n      text-align: center;\r\n    }\r\n\r\n    .closing .wrap {\r\n      max-width: 640px;\r\n    }\r\n\r\n    .closing .eyebrow {\r\n      color: white;\r\n      justify-content: center;\r\n    }\r\n\r\n    .closing .eyebrow::before {\r\n      display: none;\r\n    }\r\n\r\n    .closing h2 {\r\n      color: var(--paper);\r\n    }\r\n\r\n    .closing p {\r\n      color: #C7CDD9;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .closing .btn {\r\n      display: inline-block;\r\n      margin-top: 20px;\r\n      background: #9FCC2E;\r\n      ;\r\n      color: var(--ink);\r\n      font-family: inter;\r\n      font-size: 13px;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      padding: 15px 30px;\r\n      border-radius: 100px;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .stamp-final {\r\n      margin: 34px auto 0;\r\n      width: 130px;\r\n      height: 130px;\r\n      border: 2px solid white;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: white;\r\n      font-family: var(--mono);\r\n      font-size: 11px;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      transform: rotate(-10deg);\r\n      position: relative;\r\n    }\r\n\r\n    .stamp-final::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 8px;\r\n      border: 1px dashed white;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .stamp-final span {\r\n      padding: 0 22px;\r\n    }\r\n\r\n    footer {\r\n      text-align: center;\r\n      padding: 26px 32px;\r\n      font-family: var(--mono);\r\n      font-size: 12px;\r\n      color: var(--ink-soft);\r\n      background: var(--ink);\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* ---------- RESPONSIVE ---------- *\/\r\n    @media (max-width: 900px) {\r\n      .dossier {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .rail {\r\n        position: static;\r\n        height: auto;\r\n        border-right: none;\r\n        border-bottom: 1px solid var(--line);\r\n        padding: 24px 24px;\r\n        overflow-x: auto;\r\n      }\r\n\r\n      .rail ol {\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n      }\r\n\r\n      .rail a {\r\n        white-space: nowrap;\r\n      }\r\n\r\n      main {\r\n        padding: 40px 24px;\r\n      }\r\n\r\n      .plans,\r\n      .compare {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .stamp {\r\n        width: 120px;\r\n        height: 120px;\r\n        font-size: 10px;\r\n        top: 20px;\r\n        right: 20px;\r\n      }\r\n\r\n      .ledger-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 6px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:560px) {\r\n      .topbar {\r\n        padding: 16px 20px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .hero {\r\n        padding: 90px 20px 72px;\r\n      }\r\n\r\n      .wrap {\r\n        padding: 0 20px;\r\n      }\r\n\r\n      .stamp {\r\n        display: none;\r\n      }\r\n\r\n      .tip {\r\n        grid-template-columns: 44px 1fr;\r\n      }\r\n\r\n      .tip .badge {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 15px;\r\n      }\r\n\r\n      .plan-card .row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      h1.title {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .hero p.lede {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .compare-quote {\r\n        font-family: var(--serif);\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: var(--ink);\r\n        max-width: 100%;\r\n        margin: 8px 0 34px;\r\n        padding: 26px 30px;\r\n        background: var(--card);\r\n        border: 1px solid var(--line);\r\n        border-radius: var(--radius);\r\n        position: relative;\r\n        padding-top: 50px;\r\n      }\r\n\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      html {\r\n        scroll-behavior: auto;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"stamp\"><span>Know Before You Buy<\/span><\/div>\r\n    <div class=\"hero-inner\">\r\n      <div class=\"eyebrow\">A guide for business owners shopping for a website<\/div>\r\n\r\n      <h1 class=\"title\">How to Choose the <br>Right Website Partner and Avoid Costly Mistakes<\/h1>\r\n\r\n      <p class=\"lede\">This guide walks you through our process, what you'll receive, and the technical details behind your project, so you know exactly what you're paying for.<\/p>\r\n\r\n      <a class=\"hero-cta\" href=\"#terms\">Start Reading \u2193<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"dossier\">\r\n    <nav class=\"rail\">\r\n      <div class=\"rail-label\">On this page<\/div>\r\n      <ol>\r\n        <li><a href=\"#purpose\"><span class=\"num\">00<\/span> Importance of Guide<\/a><\/li>\r\n        <li><a href=\"#terms\"><span class=\"num\">01<\/span> Know the terms<\/a><\/li>\r\n        <li><a href=\"#simple-process\"><span class=\"num\">02<\/span> Payment &amp; process<\/a><\/li>\r\n        <li><a href=\"#faq\"><span class=\"num\">04<\/span> Common questions<\/a><\/li>\r\n        <li><a href=\"#start\"><span class=\"num\">\u2192<\/span> Start your project<\/a><\/li>\r\n      <\/ol>\r\n    <\/nav>\r\n\r\n    <main>\r\n\r\n      <!-- 00 PURPOSE -->\r\n      <section class=\"section\" id=\"purpose\">\r\n        <div class=\"section-head\">\r\n          <div class=\"folio\">00 \u00b7 Why this guide exists<\/div>\r\n          <h2>You're buying a business asset, so you deserve to understand what you're getting<\/h2>\r\n          <p>Most business owners buying a website aren't developers, and they don't need to be. Your website is one of your most valuable business assets. Before you commit to a provider, it helps to know the basic terms, how to judge finished work, what you actually own, and what your agency is responsible for delivering.<\/p>\r\n        <\/div>\r\n        <div class=\"tip good\">\r\n          <div class=\"badge\">\u2713<\/div>\r\n          <div>\r\n            <div class=\"label\">Our approach<\/div>\r\n            <p>This guide gives you what you need to make an informed decision and start your project with confidence, no technical background required.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 01 TERMS -->\r\n      <section class=\"section\" id=\"terms\">\r\n        <div class=\"section-head\">\r\n          <div class=\"folio\">01 \u00b7 The technical side, explained in plain terms<\/div>\r\n          <h2>Four terms worth knowing<\/h2>\r\n          <p>These four terms directly affect your website and how much control you have over it going forward. Take a moment to read through each one.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ledger\">\r\n          <div class=\"ledger-row\">\r\n            <div class=\"term\">Domain name<\/div>\r\n            <div class=\"def\">\r\n              <strong>Your website address, e.g. www.yourbrand.com<\/strong>\r\n              <p>This should be registered in your name. Your agency can manage it on your behalf, but you should always retain access to it.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ledger-row\">\r\n            <div class=\"term\">Hosting<\/div>\r\n            <div class=\"def\">\r\n              <strong>The server where your website's files actually live<\/strong>\r\n              <p>Your hosting determines your site's speed, reliability, security, and how much traffic it can handle.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ledger-row\">\r\n            <div class=\"term\">CMS<\/div>\r\n            <div class=\"def\">\r\n              <strong>The system you use to manage your site, e.g. WordPress<\/strong>\r\n              <p>A good CMS lets you make small updates yourself, so you're not calling a developer for every minor change.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ledger-row\">\r\n            <div class=\"term\">Branding<\/div>\r\n            <div class=\"def\">\r\n              <strong>Your visual identity, including logo, colours, fonts, and brand assets<\/strong>\r\n              <p>Don't have a brand yet? Our packages include the essentials, so you launch looking professional from day one.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tip good\">\r\n          <div class=\"badge\">\u2713<\/div>\r\n          <div>\r\n            <div class=\"label\">Own this<\/div>\r\n            <p>Always keep access to your own domain, even if your agency manages it day to day.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tip bad\">\r\n          <div class=\"badge\">!<\/div>\r\n          <div>\r\n            <div class=\"label\">Watch for this<\/div>\r\n            <p>If a provider refuses to hand over your domain, hosting, or CMS access once the project is complete, treat that as a serious warning sign.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 02 PROCESS -->\r\n\r\n\r\n      <section id=\"simple-process\" class=\"process-section\">\r\n        <div class=\"process-wrap\">\r\n\r\n          <div class=\"process-header\">\r\n            <span class=\"process-label\">OUR PROCESS<\/span>\r\n            <h2>How We Work<\/h2>\r\n            <p>Clear, structured, and professional from the first conversation to launch.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"process-list\">\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">01<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Choose Your Package<\/h3>\r\n                <p>Select the package that fits your budget and project needs.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">02<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Agreement &amp; Invoice<\/h3>\r\n                <p>We send your project agreement along with the invoice for your advance payment.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">03<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Project Onboarding<\/h3>\r\n                <p>Once payment is received, you'll get access to our client portal or project chat.<\/p>\r\n                <small>Calls are optional. Our onboarding form captures your business goals, content, audience, and project details.<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">04<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Custom Homepage Design<\/h3>\r\n                <p>Within two weeks, you'll receive a custom homepage design to review and approve.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">05<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Website Development<\/h3>\r\n                <p>Once the design is approved, we build the full website on WordPress.<\/p>\r\n                <small>Clean, professional, and straightforward to manage.<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">06<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Review &amp; Handover<\/h3>\r\n                <p>You'll receive your completed website, all project files, and helpful video guides.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"process-item\">\r\n              <div class=\"process-number\">07<\/div>\r\n              <div class=\"process-content\">\r\n                <h3>Final Payment &amp; Access<\/h3>\r\n                <p>After final payment, you receive full access to your website and all credentials.<\/p>\r\n                <small>Security, performance, and final technical checks are completed at this stage.<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <style>\r\n        .process-section {\r\n          width: 100%;\r\n          padding: 20px 0px;\r\n          background: #ffffff;\r\n          box-sizing: border-box;\r\n          font-family: inherit;\r\n        }\r\n\r\n        .process-wrap {\r\n          width: 100%;\r\n          max-width: 900px;\r\n          margin: 0 auto;\r\n        }\r\n\r\n        .process-header {\r\n          max-width: 620px;\r\n          margin-bottom: 55px;\r\n        }\r\n\r\n        .process-label {\r\n          display: inline-block;\r\n          margin-bottom: 14px;\r\n          font-size: 11px;\r\n          font-weight: 700;\r\n          letter-spacing: 1.5px;\r\n          color: #777;\r\n        }\r\n\r\n\r\n\r\n        .process-header p {\r\n          margin: 0;\r\n          color: #777;\r\n          font-size: 16px;\r\n          line-height: 1.6;\r\n        }\r\n\r\n        .process-list {\r\n          position: relative;\r\n        }\r\n\r\n        .process-list::before {\r\n          content: \"\";\r\n          position: absolute;\r\n          left: 23px;\r\n          top: 24px;\r\n          bottom: 24px;\r\n          width: 1px;\r\n          background: #e8e8e8;\r\n        }\r\n\r\n        .process-item {\r\n          position: relative;\r\n          display: grid;\r\n          grid-template-columns: 48px 1fr;\r\n          gap: 24px;\r\n          padding: 0 0 42px;\r\n        }\r\n\r\n        .process-item:last-child {\r\n          padding-bottom: 0;\r\n        }\r\n\r\n        .process-number {\r\n          position: relative;\r\n          z-index: 2;\r\n          width: 48px;\r\n          height: 48px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          border: 1px solid #e5e5e5;\r\n          border-radius: 50%;\r\n          background: #fff;\r\n          color: #111;\r\n          font-size: 12px;\r\n          font-weight: 700;\r\n        }\r\n\r\n        .process-content {\r\n          padding-top: 5px;\r\n        }\r\n\r\n        .process-content h3 {\r\n          margin: 0 0 8px;\r\n          color: #111;\r\n          font-size: 18px;\r\n          line-height: 1.35;\r\n          font-weight: 650;\r\n        }\r\n\r\n        .process-content p {\r\n          max-width: 650px;\r\n          margin: 0;\r\n          color: #666;\r\n          font-size: 14px;\r\n          line-height: 1.65;\r\n        }\r\n\r\n        .process-content small {\r\n          display: block;\r\n          max-width: 650px;\r\n          margin-top: 7px;\r\n          color: #999;\r\n          font-size: 12px;\r\n          line-height: 1.6;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n          .process-section {\r\n            padding: 65px 0px;\r\n          }\r\n\r\n          .process-header {\r\n            margin-bottom: 40px;\r\n          }\r\n\r\n          .process-header h2 {\r\n            font-size: 34px;\r\n            letter-spacing: -1px;\r\n          }\r\n\r\n          .process-header p {\r\n            font-size: 14px;\r\n          }\r\n\r\n          .process-list::before {\r\n            left: 20px;\r\n          }\r\n\r\n          .process-item {\r\n            grid-template-columns: 40px 1fr;\r\n            gap: 17px;\r\n            padding-bottom: 34px;\r\n          }\r\n\r\n          .process-number {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 11px;\r\n          }\r\n\r\n          .process-content {\r\n            padding-top: 2px;\r\n          }\r\n\r\n          .process-content h3 {\r\n            font-size: 16px;\r\n          }\r\n\r\n          .process-content p {\r\n            font-size: 13px;\r\n          }\r\n\r\n          .process-content small {\r\n            font-size: 11px;\r\n          }\r\n        }\r\n      <\/style>\r\n\r\n\r\n      <section class=\"section\" id=\"process\">\r\n        <div class=\"section-head\">\r\n          <div class=\"folio\">02 \u00b7 Payment plans &amp; how the project runs<\/div>\r\n          <h2>A simple, two-plan structure<\/h2>\r\n          <p>Our payment structure is straightforward, so both sides know exactly where they stand at every stage.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"plans\" id=\"payment-plans\">\r\n          <div class=\"plan-card\">\r\n            <div class=\"pct\">25%<\/div>\r\n            <h4>25% Advance Plan<\/h4>\r\n            <div class=\"row\"><b>Structure<\/b><span>25% to start, 75% on completion before final handover<\/span><\/div>\r\n            <div class=\"row\"><b>Best for<\/b><span>Clients who prefer a lower upfront payment<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"plan-card\">\r\n            <div class=\"pct\">50%<\/div>\r\n            <h4>50% Advance Plan<\/h4>\r\n            <div class=\"row\"><b>Structure<\/b><span>50% to start, 50% on completion before final handover<\/span><\/div>\r\n            <div class=\"row\"><b>Best for<\/b><span>Clients who want priority scheduling with a simple two-step payment<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>In both plans<\/h3>\r\n        <ul class=\"checklist\">\r\n          <li>Work begins as soon as we receive your advance payment.<\/li>\r\n          <li>You'll see progress checkpoints throughout the project, at both the design and development stages.<\/li>\r\n          <li>Final handover happens once payment is complete.<\/li>\r\n          <li>You receive access to your domain, hosting, CMS, and any other agreed assets.<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"tip good\">\r\n          <div class=\"badge\">\u2713<\/div>\r\n          <div>\r\n            <div class=\"label\">Included in Every Package<\/div>\r\n            <p>Branding is included with every package, logo, colours, and typography, so you look professional from launch day.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Transparent pricing, no negotiation games<\/h3>\r\n        <p>Each package is priced around the needs and growth goals of the businesses we typically work with. Any discount available is stated clearly in the pricing section, so there are no surprises later.<\/p>\r\n\r\n        <div class=\"callout\">\r\n          <span class=\"k\">Good to know<\/span>\r\n          <p>There are no hidden charges once the project starts. If budget is your primary concern, there are lower-cost options available elsewhere, and that's completely understandable.<\/p>\r\n        <\/div>\r\n\r\n        <h3>The documents you'll receive<\/h3>\r\n        <p>After your advance payment, you'll get an invoice, a project agreement, and access to a client portal where you can track progress. We handle the technical and operational side of things, so you don't have to.<\/p>\r\n\r\n        <h3>Domain &amp; Hosting Costs<\/h3>\r\n        <p>Domain and hosting are recurring costs, paid to the service provider for as long as your site is live. Our hosting partner is <a href=\"https:\/\/www.hostinger.com\/\" target=\"_blank\" rel=\"noopener\">Hostinger<\/a>, and select packages include your first year of domain and hosting free of charge. After that first year, you'll renew directly with the provider, and the cost depends on the hosting plan your site requires.<\/p>\r\n\r\n        <h3>What we ask of you<\/h3>\r\n        <ul class=\"checklist\">\r\n          <li>Provide feedback promptly so the project keeps moving<\/li>\r\n          <li>Pay according to the agreed schedule<\/li>\r\n          <li>Honour the terms of the agreement<\/li>\r\n          <li>Share accurate business information and content<\/li>\r\n          <li>Keep payment and business details confidential<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"tip bad\">\r\n          <div class=\"badge\">!<\/div>\r\n          <div>\r\n            <div class=\"label\">Worth knowing<\/div>\r\n            <p>We reserve the right to pause work with clients who are repeatedly unresponsive, request work outside the agreed scope without approval, or don't honour the agreed terms. A clear process protects both sides.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 03 COMPARE \r\n      [unchanged, left commented out as in source]\r\n      -->\r\n\r\n      <!-- NEED A WEBSITE -->\r\n      <section class=\"website-need-section\" id=\"need-a-website\">\r\n\r\n        <div class=\"website-need-inner\">\r\n\r\n          <div class=\"website-need-header\">\r\n\r\n            <span class=\"website-need-eyebrow\">\r\n              DO YOU ACTUALLY NEED ONE?\r\n            <\/span>\r\n\r\n            <h2 class=\"website-need-title\">\r\n              How to Know If You Actually Need a Website\r\n            <\/h2>\r\n\r\n            <p class=\"website-need-intro\">\r\n              If your business is already losing time, trust, or opportunities because everything runs through WhatsApp, phone calls, or manual handling, a website will likely pay for itself quickly.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"website-use-cases\">\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">01<\/span>\r\n              <p>You're spending hours every day answering the same questions and processing orders manually over WhatsApp or text.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">02<\/span>\r\n              <p>You offer premium services like interior design, architecture, or consulting, but have no professional portfolio to show serious prospects.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">03<\/span>\r\n              <p>You run a restaurant or local food business, but customers still have to message you just to see the menu, place an order, or find your location.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">04<\/span>\r\n              <p>You offer career consulting, coaching, or paid sessions, but have no proper system for clients to book and manage appointments online.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">05<\/span>\r\n              <p>You sell products through Instagram or WhatsApp but manually confirm every order, payment, and delivery detail yourself.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">06<\/span>\r\n              <p>You get most of your customers through referrals, but potential clients can't easily find your work, services, reviews, or business information online.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">07<\/span>\r\n              <p>You run a service business where clients repeatedly ask about pricing, packages, availability, or what's included.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">08<\/span>\r\n              <p>Your business has grown, but your social media page no longer gives customers enough information to understand what you actually offer.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">09<\/span>\r\n              <p>You want to reach customers through Google, but currently have nowhere professional for them to learn about your business and get in touch.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"website-use-case\">\r\n              <span class=\"website-use-case_number\">10<\/span>\r\n              <p>You're serious about growing the business, but still rely entirely on your personal WhatsApp or social media account to run it.<\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/section>\r\n\r\n\r\n      <style>\r\n        .website-need-section {\r\n          position: relative;\r\n          width: 100%;\r\n          padding: 80px 24px;\r\n          box-sizing: border-box;\r\n          background: #f7f7f4;\r\n          border-top: 1px solid rgba(0, 0, 0, .06);\r\n          border-bottom: 1px solid rgba(0, 0, 0, .06);\r\n          overflow: hidden;\r\n        }\r\n\r\n        .website-need-inner {\r\n          position: relative;\r\n          max-width: 1100px;\r\n          margin: 0 auto;\r\n          z-index: 1;\r\n        }\r\n\r\n        .website-need-header {\r\n          max-width: 760px;\r\n          margin-bottom: 35px;\r\n        }\r\n\r\n        .website-need-eyebrow {\r\n          display: inline-block;\r\n          margin-bottom: 10px;\r\n          font-family: var(--mono);\r\n          font-size: 10px;\r\n          font-weight: 700;\r\n          letter-spacing: 1.4px;\r\n          color: var(--gold);\r\n        }\r\n\r\n        .website-need-title {\r\n          margin: 0 0 12px;\r\n          font-size: clamp(26px, 3vw, 34px);\r\n          line-height: 1.12;\r\n          letter-spacing: -0.7px;\r\n          font-weight: 800;\r\n          color: #171717;\r\n        }\r\n\r\n        .website-need-intro {\r\n          max-width: 700px;\r\n          margin: 0;\r\n          color: #5f5f5f;\r\n          font-size: 15px;\r\n          line-height: 1.7;\r\n        }\r\n\r\n\r\n        .website-use-cases {\r\n          display: grid;\r\n          grid-template-columns: repeat(2, minmax(0, 1fr));\r\n          gap: 14px;\r\n        }\r\n\r\n\r\n        .website-use-case {\r\n          position: relative;\r\n          display: flex;\r\n          align-items: flex-start;\r\n          gap: 17px;\r\n          padding: 20px;\r\n          box-sizing: border-box;\r\n          background: #ffffff;\r\n          border: 1px solid rgba(0, 0, 0, .08);\r\n          border-radius: 12px;\r\n          transition:\r\n            transform .25s ease,\r\n            border-color .25s ease,\r\n            box-shadow .25s ease,\r\n            background .25s ease;\r\n        }\r\n\r\n        .website-use-case:hover {\r\n          transform: translateY(-3px);\r\n          border-color: rgba(1, 65, 28, .2);\r\n          background: #fff;\r\n          box-shadow: 0 12px 30px rgba(0, 0, 0, .07);\r\n        }\r\n\r\n\r\n        .website-use-case_number {\r\n          flex: 0 0 auto;\r\n          min-width: 25px;\r\n          padding-top: 2px;\r\n          font-family: var(--mono);\r\n          font-size: 11px;\r\n          font-weight: 700;\r\n          letter-spacing: .4px;\r\n          color: var(--gold);\r\n          line-height: 1.6;\r\n        }\r\n\r\n\r\n        .website-use-case p {\r\n          margin: 0;\r\n          color: #303030;\r\n          font-size: 14px;\r\n          line-height: 1.65;\r\n          font-weight: 450;\r\n        }\r\n\r\n\r\n        @media (max-width: 700px) {\r\n\r\n\r\n          .website-need-section {\r\n\r\n            background: #ffffff;\r\n\r\n\r\n          }\r\n\r\n          .website-need-section {\r\n            padding: 0px;\r\n            padding-top: 15px;\r\n          }\r\n\r\n          .website-need-header {\r\n            margin-bottom: 25px;\r\n          }\r\n\r\n          .website-need-title {\r\n            font-size: 27px;\r\n            letter-spacing: -.4px;\r\n          }\r\n\r\n          .website-need-intro {\r\n            font-size: 14px;\r\n            line-height: 1.65;\r\n          }\r\n\r\n          .website-use-cases {\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n          }\r\n\r\n          .website-use-case {\r\n            gap: 13px;\r\n            padding: 16px;\r\n          }\r\n\r\n          .website-use-case p {\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n          }\r\n\r\n        }\r\n      <\/style>\r\n\r\n      <!-- 04 FAQ -->\r\n\r\n      <section class=\"section\" id=\"faq\">\r\n        <div class=\"section-head\">\r\n          <div class=\"folio\">04 \u00b7 Common Questions<\/div>\r\n          <h2>Questions You May Have<\/h2>\r\n        <\/div>\r\n\r\n       <div class=\"faq-item\">\r\n  <div class=\"letter\">A<\/div>\r\n  <div>\r\n    <h4>Why should I pay more when I can get a website for $50?<\/h4>\r\n    <p>A $50 site and a business website solve two different problems. A real business website involves security, performance, content strategy, SEO, and ongoing reliability, not just a handful of pages that look fine on day one. When you invest in a website, you're paying for the whole system behind it, not just what you see on screen.<br><br>Extremely cheap providers are usually cutting corners somewhere, and it tends to show up later as security vulnerabilities, slow load times, bugs, or unexpected costs to fix what wasn't built properly the first time. In some cases, low-cost providers disappear entirely once they've been paid. Paying a fair price up front is almost always cheaper than paying twice.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"faq-item\">\r\n  <div class=\"letter\">B<\/div>\r\n  <div>\r\n    <h4>What if I don't like the design?<\/h4>\r\n    <p>This is rare, and here's why: we take your requirements seriously before design work even begins, so what we build reflects your business from the start. You'll review the homepage design and give feedback before we move into development, which means there are no surprises further down the line.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n    <div class=\"faq-item\">\r\n  <div class=\"letter\">C<\/div>\r\n  <div>\r\n    <h4>How long does it take to build the website?<\/h4>\r\n    <p>Most projects take between 4 and 10 weeks, depending on your package and project requirements. You'll receive a clear timeline outlining the main stages and expected delivery dates before we begin.<\/p>\r\n    <p><small>Note: Timelines may shift if feedback, payments, content, or approvals are delayed, or if the project scope changes from what was originally agreed.<\/small><\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"letter\">D<\/div>\r\n          <div>\r\n            <h4>Do you provide support after the website launches?<\/h4>\r\n            <p>Yes. Bug fixes, small updates, hosting help, and ongoing support are outlined in your package. If you need support beyond that, you can also choose one of our paid support plans.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"letter\">E<\/div>\r\n          <div>\r\n            <h4>Can I edit my website myself once it's finished?<\/h4>\r\n            <p>Yes. Your website is built on WordPress, so you can manage your own content without needing a developer. We also provide login details, training videos, and simple guides to help with basic changes.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n    <\/main>\r\n  <\/div>\r\n\r\n  <section class=\"closing\" id=\"start\">\r\n    <div class=\"wrap\">\r\n      <div class=\"eyebrow\">Ready when you are<\/div>\r\n      <h2>Start your project with Nuevell<\/h2>\r\n      <p>We take on a limited number of projects each month so we can keep our standards high across design, development, communication, and support. Share your business details and requirements, and we'll let you know if we're the right fit.<\/p>\r\n      <a class=\"btn\" href=\"https:\/\/nuevell.com\/intl\/#contact\">Get your Website<\/a>\r\n      <div class=\"stamp-final\"><span>Guide complete<\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer>NUEVELL \u00b7 THE BUYER'S GUIDE TO GETTING A WEBSITE BUILT<\/footer>\r\n\r\n<\/body>\r\n<\/html>\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>The Buyer&#8217;s Guide to Getting a Website Built | Nuevell Know Before You Buy A guide for business owners shopping for a website How to Choose the Right Website Partner and Avoid Costly Mistakes This guide walks you through our process, what you&#8217;ll receive, and the technical details behind your project, so you know exactly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2209","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/pages\/2209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/comments?post=2209"}],"version-history":[{"count":22,"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/pages\/2209\/revisions"}],"predecessor-version":[{"id":2962,"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/pages\/2209\/revisions\/2962"}],"wp:attachment":[{"href":"https:\/\/nuevell.com\/intl\/wp-json\/wp\/v2\/media?parent=2209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}