; }; const ContactForm = ({ projects = [], fields = {}, lang = "EN" }) => { const f = fields; const tc = ((window.NH_TRANSLATIONS && window.NH_TRANSLATIONS[lang]) || (window.NH_TRANSLATIONS && window.NH_TRANSLATIONS.EN) || {}).common || {}; const [form, setForm] = useState({ name: "", email: "", phone: "", project: projects[0] || tc.customProject || "Custom project", message: "" }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const [sending, setSending] = useState(false); const [sendError, setSendError] = useState(""); const [turnstileToken, setTurnstileToken] = useState(""); const update = (k, v) => setForm(prev => ({ ...prev, [k]: v })); const submit = async (e) => { e.preventDefault(); const errs = {}; if (!form.name.trim()) errs.name = tc.errName || "Please enter your name."; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) errs.email = tc.errEmail || "Enter a valid email address."; if (!form.message.trim() || form.message.trim().length < 10) errs.message = tc.errMessage || "Tell us a little about your project (10+ characters)."; setErrors(errs); if (Object.keys(errs).length > 0) return; if (!turnstileToken) { setSendError(tc.errCaptcha || "Please complete the verification below."); return; } setSending(true); setSendError(""); try { const res = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...form, formType: "contact", lang, page: location.pathname, turnstileToken }), }); const out = await res.json().catch(() => ({})); if (!res.ok || !out.ok) throw new Error(out.error || "Send failed"); setSent(true); } catch (err) { const mail = "mailto:info@norgehouse.com?subject=" + encodeURIComponent("Website enquiry — " + form.name) + "&body=" + encodeURIComponent(`Name: ${form.name}\nEmail: ${form.email}\nPhone: ${form.phone}\nProject: ${form.project}\n\n${form.message}`); setSendError((tc.errSend || "Couldn't send right now.") + " "); window.location.href = mail; } finally { setSending(false); } }; if (sent) { const successTitle = (tc.formSuccessTitle || "Thank you, {name}.").replace("{name}", form.name.split(" ")[0]); return (

{successTitle} {tc.formSuccessBody || "We've received your enquiry and will reply within one business day."}

); } return (

{f.name || "Name"} update("name", e.target.value)} placeholder="Anna Lindgren"/> {errors.name &&

{errors.name}

}

{f.email || "Email"} update("email", e.target.value)} placeholder="anna@example.com"/> {errors.email &&

{errors.email}

}

{f.phone || "Phone"} update("phone", e.target.value)} placeholder="+371 ..."/>

{f.project || "Project of interest"}

{f.message || "Message"}

update("message", e.target.value)} placeholder="Plot location, timeline, target floor area…"/>
        {errors.message && <div className="field-error">{errors.message}</div>}
      </div>
      {sendError && <div className="field-error" style={{ marginTop: 4 }}>{sendError}<a href="mailto:info@norgehouse.com" style={{ textDecoration: "underline" }}>info@norgehouse.com</a></div>}
      <div className="cta__submit-row">
        <button className="btn" type="submit" disabled={sending}>{sending ? (tc.sending || "Sending…") : (f.send || "Get in Touch")} <span className="arrow"><Icon name="arrow" size={14}/></span></button>
        <TurnstileWidget onToken={setTurnstileToken}/>
      </div>
    </form>
  );
};

// URL routing — maps each page id to its EN and LV canonical URLs.
// Used by Nav, Footer, language switcher, and all internal CTAs so links stay
// in the visitor's current locale.
const NH_ROUTES = [
  { id: "home",       en: "/",            lv: "/lv/" },
  { id: "about",      en: "/about-us",    lv: "/lv/par-mums" },
  { id: "production", en: "/production",  lv: "/lv/razosana" },
  { id: "projects",   en: "/projects",    lv: "/lv/projekti" },
  { id: "gallery",    en: "/gallery",     lv: "/lv/galerijas" },
  { id: "b2b",        en: "/b2b",         lv: "/lv/partneriem" },
  { id: "news",       en: "/news",        lv: "/lv/jaunumi" },
  { id: "contacts",   en: "/contacts",    lv: "/lv/kontakti" },
  { id: "privacy",    en: "/privacy",     lv: "/lv/privatuma-politika" },
  { id: "terms",      en: "/terms",       lv: "/lv/lietosanas-noteikumi" },
  { id: "cookies",    en: "/cookies",     lv: "/lv/sikdatnes" },
];

// Detect locale from current URL pathname. /lv/* → LV, everything else → EN.
const localeFromPath = () => {
  const p = (typeof window !== "undefined" && window.location && window.location.pathname) || "/";
  return p === "/lv" || p === "/lv/" || p.startsWith("/lv/") ? "LV" : "EN";
};

// Resolve the URL for a page id in a given language.
const hrefFor = (id, lang) => {
  const r = NH_ROUTES.find(x => x.id === id) || NH_ROUTES[0];
  return lang === "LV" ? r.lv : r.en;
};

// Detect which page we're currently on, by URL pathname.
const currentPageId = () => {
  const p = (typeof window !== "undefined" && window.location && window.location.pathname) || "/";
  const decoded = decodeURIComponent(p).replace(/\/$/, "") || "/";
  for (const r of NH_ROUTES) {
    const enNorm = r.en.replace(/\/$/, "") || "/";
    const lvNorm = r.lv.replace(/\/$/, "") || "/";
    if (decoded === enNorm || decoded === lvNorm) return r.id;
  }
  return null;
};

// PageShell — wraps any page with lang state (from URL), provides Nav + Footer
const PageShell = ({ current, children }) => {
  const initialLang = localeFromPath();
  const [lang, setLang] = React.useState(initialLang);
  // saveLang: navigate to the equivalent URL in the new language (preserves SEO).
  const saveLang = (l) => {
    try { localStorage.setItem('nh_lang', l); } catch (e) { /* private mode */ }
    if (l === lang) return;
    const id = current || currentPageId() || "home";
    const target = hrefFor(id, l);
    if (target && target !== window.location.pathname) {
      window.location.href = target;
    } else {
      setLang(l);
    }
  };
  // Keep <html lang="..."> in sync with the active locale (helps screen readers + SEO)
  React.useEffect(() => {
    try { document.documentElement.lang = lang === "LV" ? "lv" : "en"; } catch (e) { /* noop */ }
  }, [lang]);
  // Inject hreflang + canonical tags so search engines know about the EN/LV pair
  React.useEffect(() => {
    try {
      const origin = "https://norgehouse.com";
      const id = current || currentPageId() || "home";
      const en = origin + encodeURI(hrefFor(id, "EN")).replace(/%2F/g, "/");
      const lv = origin + encodeURI(hrefFor(id, "LV")).replace(/%2F/g, "/");
      const canonical = lang === "LV" ? lv : en;
      // Remove any previously-injected tags
      Array.from(document.querySelectorAll('link[data-nh="hreflang"], link[data-nh="canonical"]')).forEach(el => el.remove());
      const make = (rel, href, hreflang) => {
        const l = document.createElement("link");
        l.rel = rel;
        l.href = href;
        if (hreflang) l.hreflang = hreflang;
        l.setAttribute("data-nh", rel === "canonical" ? "canonical" : "hreflang");
        document.head.appendChild(l);
      };
      make("canonical", canonical);
      make("alternate", en, "en");
      make("alternate", lv, "lv");
      make("alternate", en, "x-default");
    } catch (e) { /* noop */ }
  }, [lang, current]);
  return (
    <LangContext.Provider value={lang}>
      <Nav current={current} lang={lang} setLang={saveLang}/>
      <main>{typeof children === 'function' ? children(lang) : children}</main>
      <Footer lang={lang} setLang={saveLang}/>
    </LangContext.Provider>
  );
};

Object.assign(window, { Icon, Crown, Logo, Nav, Footer, PageHero, ContactForm, formatPrice, Divider, PageShell, LangContext, useLang, useT, TurnstileWidget, Lightbox, NH_ROUTES, hrefFor, localeFromPath, currentPageId });

{title}

{project.name}