{"id":2209,"date":"2026-08-12T16:21:07","date_gmt":"2026-08-12T16:21:07","guid":{"rendered":"https:\/\/nuevell.com\/arab\/?page_id=2209"},"modified":"2026-09-16T10:48:50","modified_gmt":"2026-09-16T10:48:50","slug":"website-buyers-guide","status":"publish","type":"page","link":"https:\/\/nuevell.com\/arab\/website-buyers-guide\/","title":{"rendered":"Website Buyer’s Guide"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n 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: 16px;\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>Understand before Buying<\/span><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"eyebrow\">A guide for business owners looking for a website<\/div>\r\n\r\n <h1 class=\"title\">How to Buy the <br>Right Website in Arab from Trusted Providers<\/h1>\r\n\r\n <p class=\"lede\">We have written this guide to help you clearly understand our process, deliverables, and the\r\n technical side of your project.<\/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> Purpose<\/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 & 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 , Why this guide exists<\/div>\r\n <h2>You're buying an asset, therefore you must have awareness<\/h2>\r\n <p>Usually Arabic people buying a website aren't much technical people , and they don't need to be. A\r\n website is your business asset. Before you start, you should know the basic terms, how to judge the finished\r\n product, what you own, and what your agency owes you.<\/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 a simple way to make better decisions and start your project with confidence , no\r\n tech background needed.<\/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 , The technical side, in business 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. Read each one\r\n carefully.<\/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 in your name. Your agency can manage it, but you should always have 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>Hosting decides your site's speed, reliability, security, and how many visitors 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, without calling a developer every time.<\/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 , logo, colours, fonts, and brand assets<\/strong>\r\n <p>Don't have a brand yet? Our packages include the basics, so you can start off looking professional.<\/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 handles 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 ends, that's a\r\n red flag , not a small thing.<\/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>Simple, clear, and professional from start to finish.<\/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>Invoice & Agreement<\/h3>\r\n <p>We send your agreement and advance payment invoice.<\/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>After payment, you get access to our client portal or Project WhatsApp group.<\/p>\r\n <small>Calls are optional. Our onboarding form collects your business goals, content, audience, and\r\n 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 2 weeks, you receive a custom homepage design for review and approval.<\/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 approved, we build the complete website using WordPress CMS.<\/p>\r\n <small>Simple, professional, and easy 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 & Handover<\/h3>\r\n <p>Receive your completed website, materials, 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 & Access<\/h3>\r\n <p>After final payment, you receive full access to your website and 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: 16px;\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: #000000;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-style: italic;\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 ,Our Payment plans & 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.<\/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>Buyers who want 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>Buyers who want priority scheduling with a simple two-step\r\n 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 starts once we receive the advance payment.<\/li>\r\n <li>You'll see progress checkpoints through the project , at design and development stages.<\/li>\r\n <li>Final handover happens after full payment.<\/li>\r\n <li>You get access to your domain, hosting, CMS, and 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 comes with every package , logo, colours, and typography , so you can look professional from day\r\n one.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3>Pricing is transparent and We don't negotiate on Price<\/h3>\r\n <p>Each package is priced for businesses in Arab , their budgets, and their growth goals. Any discount is\r\n stated clearly at pricing section. <\/p>\r\n\r\n <div class=\"callout\">\r\n <span class=\"k\">Good to know<\/span>\r\n <p>No surprise charges once the project starts.If budget is the main concern, there are cheaper options\r\n elsewhere you must go with them. <\/p>\r\n <\/div>\r\n\r\n <h3>The legal documents you receive<\/h3>\r\n <p>After your advance payment, you'll get an invoice, project agreement, and access to a client portal to track\r\n progress. We handle the technical and operational side , you don't have to.<\/p>\r\n\r\n <h3>Domain & Hosting Costs<\/h3>\r\n <p>Domain and hosting are recurring costs, paid to the service provider for as long as your business runs the\r\n site. Our hosting partner is <a href=\"https:\/\/www.hostinger.com\/\" target=\"_blank\" rel=\"noopener\">hostinger.com<\/a>, and we offer your first year of domain and hosting free with select\r\n packages. After the first year, you'll need to renew directly with the provider, and the renewal cost varies\r\n depending 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>Give feedback on time so the project keeps moving<\/li>\r\n <li>Pay on the agreed schedule<\/li>\r\n <li>Stick to 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\">Be aware<\/div>\r\n <p>We can stop work with clients who are repeatedly unprofessional, ask for work outside the agreed scope\r\n without approval, or break 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 <section class=\"section\" id=\"compare\">\r\n <div class=\"section-head\">\r\n <div class=\"folio\">03 , Why you should avoid \"cheap\" service providers<\/div>\r\n <h2>The Reality of Cheap Website Service Providers in Arab<\/h2>\r\n <p>You may find alot of cheap website service providers in Arab online or through ads. They work on a\r\n <b>\u201cdehari\u201d<\/b> basis, without much thought for what a website should actually do for a business.\r\n\r\n A business website is more than design.<br><br> It needs strong copy, clear positioning, a thoughtful user\r\n journey, conversion focused structure, and a sales strategy behind it.\r\n\r\n If your budget is genuinely tight,you should support a student or beginner freelance web designer. You will\r\n get freelancer level pricing while helping someone build their skill.\r\n <br><br>\r\n But if you are an established business and care about quality, strategy, and a website that actually\r\n supports your growth, we are a good fit.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"compare-quote\">\r\n One example we give to every client is this: if someone offered you a brand-new iPhone for just PKR 10,000,\r\n would you buy it straight away? Probably not. A price that low would make you question its condition, quality,\r\n or whether it is even genuine. The same logic applies to websites.<br><br> When the price is unusually low,\r\n there is\r\n usually a reason behind it. You might save money today, but later you can end up paying much more for security\r\n problems, poor performance, fixes, and a website that does little for your business.\r\n <\/div>\r\n\r\n <div class=\"compare\">\r\n <div class=\"compare-col cheap\">\r\n <h4><span>\u2715<\/span> A very cheap website usually means<\/h4>\r\n <ul>\r\n <li><span class=\"mk\">\u2715<\/span> A generic template with little customization<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> Content with no real business strategy behind it<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> Weak or no SEO setup<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> No security or backup plan<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> Little to no documentation or handover<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> You stay stuck with the same provider for every future change<\/li>\r\n <li><span class=\"mk\">\u2715<\/span> Little or no support after launch<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"compare-col pro\">\r\n <h4><span>\u2713<\/span> A professional website gives you<\/h4>\r\n <ul>\r\n <li><span class=\"mk\">\u2713<\/span> A site built around your business goals<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> A design that reflects your brand<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> A structure built for your customers<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> Strong performance and technical foundations<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> Solid SEO basics<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> Full ownership and access to your website<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> Proper security and backups<\/li>\r\n <li><span class=\"mk\">\u2713<\/span> Support when you need it<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <p style=\"margin-top:22px;color:var(--ink-soft);font-size:15px;\">The difference isn't page count or how flashy\r\n the design looks , it's how well the website actually works for your business.<\/p>\r\n <\/section> -->\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 You probably need a website if your business is already losing time, trust, or opportunities because\r\n everything still depends on WhatsApp, calls, or manual handling.\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 run a business but waste hours every day answering the same questions and handling orders manually\r\n on WhatsApp.<\/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 sell premium services like interior design, architecture, or consulting but have no professional\r\n portfolio to show serious clients.<\/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 own a restaurant or local food business but customers still have to message you just to see the\r\n 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 provide career consulting, coaching, or paid sessions but have no proper system for clients to book\r\n 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\r\n detail.<\/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 are getting customers through referrals, but potential clients cannot easily find your work,\r\n 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 prices, packages, availability, or what\r\n is included in each service.<\/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 current social media page no longer gives customers enough\r\n 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\r\n about your business and contact you.<\/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 are serious about growing the business but still depend completely on your personal WhatsApp or\r\n social media account to handle everything.<\/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 , 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 trust a human when AI can build websites today?<\/h4> \r\n<p>Reality is different from the hype. AI can build a website, but most AI generated websites are generic, look similar, and add little real value to your brand. Your website affects how customers see and trust your business.<\/p>\r\n<p>That is where human intelligence and creativity matter. We use our experience to understand your business and build a unique digital identity that your customers can trust and choose over others. We have been serving businesses for over 10 years, with proven systems and established standards for design and development that ensure your business objectives are properly addressed through your website.<\/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 usually does not happen. We maintain high standards and quality that will satisfy you. We take your requirements seriously before we start the design. Our goal is to turn your ideas into a website that looks professional and feels right for your business. You get the chance to review the design before we move forward with development.<\/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>Our projects usually take around 4 to 10 weeks, depending on the package and project requirements. You\u2019ll receive a clear timeline with the main stages and expected delivery dates.<\/p>\r\n <p><small>Note: Timelines may vary if feedback, payments, content, or approvals are delayed, or if the project scope changes from what was 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 is launched?<\/h4>\r\n <p>Yes. Bug fixes, small updates, hosting help, and ongoing support are explained in your package. If you\r\n need support for a longer period, 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 after it is completed?<\/h4>\r\n <p>Yes. Your website is built with WordPress, so you can manage your content yourself. We also provide login\r\n details, training videos, and simple guides to help you make basic changes later.<\/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 standard high , in design, development,\r\n communication, and support. Share your business details and requirements, and we'll tell you if it's a good fit.\r\n <\/p>\r\n <a class=\"btn\" href=\"https:\/\/nuevell.com\/arab\/#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 , THE BUYER'S GUIDE TO GETTING A WEBSITE BUILT<\/footer>\r\n\r\n<\/body>\r\n\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’s Guide to Getting a Website Built | Nuevell Understand before Buying A guide for business owners looking for a website How to Buy the Right Website in Arab from Trusted Providers We have written this guide to help you clearly understand our process, deliverables, and the technical side of your project. Start Reading […]<\/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\/arab\/wp-json\/wp\/v2\/pages\/2209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/comments?post=2209"}],"version-history":[{"count":0,"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/pages\/2209\/revisions"}],"wp:attachment":[{"href":"https:\/\/nuevell.com\/arab\/wp-json\/wp\/v2\/media?parent=2209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}