// App entry
const TWEAKS = window.TWEAK_DEFAULTS;

(function applyAccent() {
  const palette = window.ACCENTS[TWEAKS.accent] || window.ACCENTS.terracotta;
  const root = document.documentElement;
  Object.entries(palette).forEach(([k, v]) => root.style.setProperty(k, v));
})();

function App() {
  return (
    <>
      <window.Nav name={TWEAKS.displayName} />
      <window.Hero
        headline={TWEAKS.headline}
        name={TWEAKS.displayName}
        showTicker={TWEAKS.showTicker}
      />
      <window.Story />
      <window.Pillars />
      <window.Experience expandFirst={TWEAKS.expandFirstRole} />
      <window.Quote />
      <window.Skills />
      <window.Setup />
      <window.Books />
      <window.Education />
      <window.Contact />
    </>
  );
}

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