Website settings

Update public titles here, or paste HTML and scripts into header, body, and footer when you need to change what the live site loads.

SEO

{fields.map((f) => ( {f.label} {f.area ? (

setSeo({ ...seo, [f.key]: e.target.value })}
                  rows={3}
                  className="mt-1 w-full rounded-xl border border-forest/10 bg-white px-3 py-2 font-sans"
                />
              ) : (
                <input
                  value={seo[f.key]}
                  onChange={(e) => setSeo({ ...seo, [f.key]: e.target.value })}
                  className="mt-1 w-full rounded-xl border border-forest/10 bg-white px-3 py-2"
                />
              )}
            </label>
          ))}
        </div>

<div className="space-y-4 rounded-3xl bg-cream p-6">
          <h2 className="font-display text-2xl text-forest">Header, body & footer code</h2>
          <p className="text-sm text-forest/70">
            Paste HTML, CSS, or JavaScript. Scripts will run on the public site. Use this for pixels,
            banners, or swapping in extra content without a deploy.
          </p>
          {codeFields.map((f) => (
            <label key={f.key} className="block text-sm">
              {f.label}
              <span className="mt-0.5 block text-xs text-forest/50">{f.hint}</span>
              <textarea
                value={seo[f.key]}
                onChange={(e) => setSeo({ ...seo, [f.key]: e.target.value })}
                rows={8}
                spellCheck={false}
                className="mt-2 w-full rounded-xl border border-forest/10 bg-white px-3 py-2 font-mono text-xs leading-relaxed"
                placeholder=""
              />
            </label>
          ))}
        </div>

<button className="rounded-full bg-forest px-5 py-2.5 text-sm font-semibold text-gold-2">
          Save website settings
        </button>
        {msg ? <p className="text-sm text-forest">{msg}</p> : null}
      </form>
    </div>
  );
}