/* global React */ const { useState, useEffect, useContext, createContext } = React; // Language context const LangContext = createContext('EN'); const useLang = () => useContext(LangContext); const useT = (section) => { const lang = useLang(); const t = window.NH_TRANSLATIONS[lang] || window.NH_TRANSLATIONS['EN']; return section ? t[section] : t; }; Object.assign(window, { LangContext, useLang, useT }); const Icon = ({ name, size = 18 }) => { const c = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" }; const p = { leaf: <>, compass: <>, bolt: , ruler: <>, shield: <>, tag: <>, arrow: , crown: , check: , close: , area: <>, levels: <>, rooms: <>, menu: <>, fb: , ig: <>, li: <>, phone: <>, mail: <>, mapPin: <>, cert: <>, cog: <>, pen: <>, truck: <>, package: <>, saw: <>, house: <>, yt: <>, }; return ; }; const Crown = () => ; const Logo = ({ variant = "dark" }) => (

); const Nav = ({ current = "home", lang, setLang }) => { const t = window.NH_TRANSLATIONS[lang] || window.NH_TRANSLATIONS['EN']; const n = t.nav; const links = [ { id: "home", href: "Norge House.html", label: n.home }, { id: "about", href: "About Us.html", label: n.about }, { id: "production", href: "Production.html", label: n.production }, { id: "projects", href: "Projects.html", label: n.projects }, { id: "gallery", href: "Gallery.html", label: n.gallery || "Gallery" }, { id: "b2b", href: "B2B.html", label: n.b2b }, { id: "contacts", href: "Contacts.html", label: n.contacts }, ]; return (

{["EN", "LV"].map(l => ( ))}

); }; const Footer = ({ lang = "EN" }) => { const t = (window.NH_TRANSLATIONS[lang] || window.NH_TRANSLATIONS['EN']).footer; return ( ); }; const PageHero = ({ eyebrow, title, lead, image, imageAlt, tilted }) => (

{eyebrow && {eyebrow}}

{title}

{lead &&

{lead}

}

{image && (

)}

); const formatPrice = (n) => "€" + n.toLocaleString("en-US"); 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 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; 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 }), }); 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>}
      <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>
    </form>
  );
};

const Divider = ({ children, ctaText = "Get in Touch", ctaHref = "Contacts.html" }) => (
  <section className="divider">
    <div className="container">
      <div className="divider__text">{children || <>Build <em>Your</em> Vision <em>With</em> Us</>}</div>
      <a href={ctaHref} className="btn btn--lg">{ctaText} <span className="arrow"><Icon name="arrow" size={14}/></span></a>
    </div>
  </section>
);

// PageShell — wraps any page with lang state, provides Nav + Footer
const PageShell = ({ current, children }) => {
  const [lang, setLang] = React.useState(() => localStorage.getItem('nh_lang') || 'EN');
  const saveLang = (l) => { localStorage.setItem('nh_lang', l); setLang(l); };
  return (
    <LangContext.Provider value={lang}>
      <Nav current={current} lang={lang} setLang={saveLang}/>
      <main>{typeof children === 'function' ? children(lang) : children}</main>
      <Footer lang={lang}/>
    </LangContext.Provider>
  );
};

Object.assign(window, { Icon, Crown, Logo, Nav, Footer, PageHero, ContactForm, formatPrice, Divider, PageShell, LangContext, useLang, useT });