// Criminal Defense — Nav, Hero, City Switcher, Prosecutor's Edge const CD_NAV = [ { type: "link", href: "Criminal Defense.html", label: "Home" }, { type: "group", label: "Locations", items: [ { href: "Albuquerque.html", label: "Albuquerque", sub: "Bernalillo · 2nd JDC" }, { href: "Las Cruces.html", label: "Las Cruces", sub: "Doña Ana · 3rd JDC" }, { href: "Santa Fe.html", label: "Santa Fe", sub: "Santa Fe · 1st JDC" } ]}, { type: "group", label: "Practice", items: [ { href: "DWI.html", label: "DWI", sub: "§ 66-8-102 · escalator · MVD" }, { href: "Expungement.html",label: "Expungement", sub: "§ 29-3A · two tracks" }, { href: "Penalties.html", label: "Penalties", sub: "Sentencing chart" } ]}, { type: "link", href: "Fees.html", label: "Fees" }, { type: "group", label: "Help", items: [ { href: "If Arrested.html", label: "If you've been arrested", sub: "What to do right now" }, { href: "Resources.html", label: "Resources", sub: "Public defenders · civil aid" } ]} ]; // Flat list for sitemap / mobile drawer const NAV_FLAT = CD_NAV.flatMap(n => n.type === "group" ? n.items : [n]); // Desktop dropdown menu — hover + click + keyboard const NavDropdown = ({ label, items }) => { const [open, setOpen] = React.useState(false); const ref = React.useRef(null); React.useEffect(() => { if (!open) return; const onDocClick = (e) => { if (!ref.current?.contains(e.target)) setOpen(false); }; const onEsc = (e) => { if (e.key === "Escape") setOpen(false); }; document.addEventListener("mousedown", onDocClick); document.addEventListener("keydown", onEsc); return () => { document.removeEventListener("mousedown", onDocClick); document.removeEventListener("keydown", onEsc); }; }, [open]); return (
setOpen(true)} onMouseLeave={() => setOpen(false)} style={{ position: "relative" }}> {open && (
{items.map(it => ( e.currentTarget.style.background = "var(--cream-2)"} onMouseLeave={e => e.currentTarget.style.background = "transparent"}>
{it.label}
{it.sub &&
{it.sub}
} ))}
)}
); }; const useIsMobile = (breakpoint = 900) => { const [is, setIs] = React.useState(() => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches); React.useEffect(() => { const mq = window.matchMedia(`(max-width: ${breakpoint}px)`); const upd = () => setIs(mq.matches); upd(); mq.addEventListener ? mq.addEventListener("change", upd) : mq.addListener(upd); return () => mq.removeEventListener ? mq.removeEventListener("change", upd) : mq.removeListener(upd); }, [breakpoint]); return is; }; const CDNav = () => { const [open, setOpen] = React.useState(false); const isMobile = useIsMobile(900); React.useEffect(() => { document.body.style.overflow = open ? "hidden" : ""; const onEsc = (e) => { if (e.key === "Escape") setOpen(false); }; if (open) window.addEventListener("keydown", onEsc); return () => { document.body.style.overflow = ""; window.removeEventListener("keydown", onEsc); }; }, [open]); React.useEffect(() => { if (!isMobile) setOpen(false); }, [isMobile]); const togglerStyle = { display: "inline-flex", alignItems: "center", gap: 8, background: "var(--ink)", color: "var(--cream)", border: 0, borderRadius: 8, padding: "10px 16px", minHeight: 44, minWidth: 44, fontFamily: "var(--mono)", fontSize: 12, letterSpacing: "0.08em", textTransform: "uppercase", cursor: "pointer", touchAction: "manipulation", WebkitTapHighlightColor: "transparent" }; return (
Skip to main content
{/* Desktop nav — JS-gated so it disappears on mobile */} {!isMobile && ( )} {/* Mobile cluster — Call icon + Menu button */} {isMobile && (
)}
{/* Drawer */} {open && isMobile && ( )}
); }; // City switcher — sits at the top of body const CitySwitcher = ({ city, setCity }) => (
VIEWING
Page details swap to match your district →
); const CDHero = ({ city }) => { const c = CITIES[city]; return (
CRIMINAL DEFENSE · NEW MEXICO · ALBUQUERQUE · LAS CRUCES · SANTA FE

Charged in New Mexico? A former NM prosecutor, defending you in {c.name}.

Johnn Osborn spent over a decade as an Assistant District Attorney in New Mexico — rising to {c.role} of the {c.roleYears}. He now defends people in the same courthouses, with offices in Albuquerque and Las Cruces and active practice in the 1st JDC (Santa Fe).

Call 505.585.1235 office@landofenchantment.law
Free consultation · Arrest emergencies · Flat-fee + payment plans · NM & TX licensed
{/* Right-side credential panel */}
); }; // Lowrider / desert hero band — full-bleed photo with overlaid text card const LowriderBand = ({ headline = "From the Sandias to the Organ Mountains.", locations = "Offices in Albuquerque and Las Cruces. Active practice in Santa Fe and the 1st JDC.", reachLine = "And every county, magistrate court, and back road in between. A statewide New Mexico practice — top to bottom.", flatFeeLabel = "Flat-fee services", paymentPlansLabel = "Payment plans", feesBlurb = "Most matters quoted as a flat fee — you know what you'll pay before we start. Affordable monthly payment plans available so cost isn't the reason you go without a lawyer." } = {}) => (
{/* Hero photo */} Turquoise classic El Camino in the New Mexico desert — Land of Enchantment Law {/* Readability gradient — darker on left where the text card sits */}
); // "Why a former prosecutor" — full section const ProsecutorEdge = ({ city }) => { const c = CITIES[city]; return (
01 · WHY A FORMER PROSECUTOR

The vantage point matters.

Most defense lawyers learned criminal law from the defense side. What they have not done is sit in the prosecutor's office when charging decisions get made. Johnn has.

{[ { k: "Spots weak charges", v: "He moves to dismiss the inflated counts prosecutors throw in to pump up plea leverage — early, before they shape the offer." }, { k: "Knows the evidence the State needs", v: "He knows exactly which elements the prosecution has to prove and where the gaps usually live." }, { k: "Reads the room", v: "He understands which prosecutors negotiate, which won't, what motivates each one. He sat in those rooms for a decade." } ].map((b, i) => (
0{i + 1}

{b.k}

{b.v}

))}
{/* Left — portrait card with seal, name, pull quote, credential chips */}
JOHNN OSBORN
Founding Attorney
NM & TX BAR
“ I built these cases for the State for eleven years. Now I take them apart for the people they're filed against.
CREDENTIALS
{[ "Chief Deputy DA · 1st JDA", "Deputy DA · 2nd JDA", "Chair, NM Bar Historical Committee", "Cannabis Law Section (past)", "Bar Ethics Committee (past)", "Criminal Defense Lawyers Assn." ].map(c => ( {c} ))}
{/* Right — bio rows */}
BIO · ELEVEN YEARS INSIDE

Now across the aisle.

    {[ ["2010–2021", "Assistant District Attorney, 1st & 2nd Judicial District Attorney's Offices — rising to Chief Deputy DA (1st JDA, Santa Fe) and Deputy DA (2nd JDA, Albuquerque)."], ["Now", "Private practice — Land of Enchantment Law. Criminal defense, expungement, NIL, and small-business law across NM."], ["Licensure", "New Mexico and Texas. Practice in 1st, 2nd & 3rd JDC, magistrate and metropolitan courts statewide."], ["Philosophy", "Championed treatment-focused and diversion-based programs as a senior prosecutor — that perspective on second chances shapes how he handles every case where the right outcome is more than just winning at trial."] ].map(([k, v], i) => (
  • {k} {v}
    • ))}
); }; // Local hotspots band — varies by city const LocalLandscape = ({ city }) => { const c = CITIES[city]; return (
02 · ON THE GROUND · {c.name.toUpperCase()}

{c.landscapeH}

{c.hot.map((h, i) => (
0{i + 1}
{h.k}
{h.v}
))}
); }; Object.assign(window, { CDNav, CitySwitcher, CDHero, LowriderBand, ProsecutorEdge, LocalLandscape });