/* Placeholder pages. Real content lands in chunks 2–5. */
const Placeholder = ({ title, kicker }) => {
  const { lang } = useT();
  return (
    <main style={{ maxWidth: 1080, margin: "0 auto", padding: "96px 32px 0" }}>
      <span className="eyebrow">{kicker[lang]}</span>
      <h1 style={{ fontFamily: "var(--font-serif)", fontSize: 56, lineHeight: 1.05, letterSpacing: "-0.02em", margin: "16px 0 32px" }}>{title[lang]}</h1>
      <p style={{ fontSize: 18, color: "var(--color-ink-2)", maxWidth: 640 }}>
        {lang === "ka" ? "ეს გვერდი მზადდება. შინაარსი მოდის." : "This page is being prepared. Content forthcoming."}
      </p>
    </main>
  );
};


const PageSectors = () => <Placeholder kicker={{ka:"გამოყენება", en:"Sectors"}} title={{ka:"სფეროები.", en:"Sectors."}} />;
const PageAbout = () => <Placeholder kicker={{ka:"ჩვენ შესახებ", en:"About"}} title={{ka:"მიმინო — ფრენის ქართული სახელი.", en:"Mimino — the Georgian name for flight."}} />;
const PageJournal = () => <Placeholder kicker={{ka:"ჟურნალი", en:"Journal"}} title={{ka:"პროტოტიპის შექმნის ჩანაწერი.", en:"The prototype build log."}} />;
const PageContact = () => <Placeholder kicker={{ka:"კონტაქტი", en:"Contact"}} title={{ka:"მოგვწერეთ.", en:"Get in touch."}} />;

const Router = () => {
  const { path } = useRoute();
  let El = window.PageHome;
  if (path === "/technology") El = window.PageTech;
  else if (path.startsWith("/sectors")) El = window.PageSectors;
  else if (path === "/about")   El = window.PageAbout;
  else if (path === "/journal") El = window.PageJournal;
  else if (path === "/contact") El = window.PageContact;
  return <div key={path} className="mr-page"><El/></div>;
};

const App = () => (
  <LangProvider>
    <RouterProvider>
      <Header/>
      <Router/>
      <Footer/>
    </RouterProvider>
  </LangProvider>
);

ReactDOM.createRoot(document.getElementById("root")).render(<App/>);