import type {SitePayload} from '@o2o/shared';
import {MobileTabBar, SiteFooter, SiteHeader} from '@/sections';
import {SiteProvider} from '@/lib/site-context';
import {HomePage} from '@/pages';

/**
 * 발행 사이트 — **한 장짜리다.**
 *
 * ★ 왜 라우터를 쓰지 않나 (2026-08-31 결정)
 *   소상공인 사이트는 원래 내용이 적다. 그걸 홈·객실·주변·오시는길·FAQ 로 쪼개면
 *   페이지마다 얇아지고, 검색엔진은 그런 페이지를 색인에서 버린다("Crawled – currently
 *   not indexed"). 한 장에 모으면 알찬 페이지 하나가 된다.
 *   덤으로 `basename` 을 맞추던 문제(SSR 은 /faq, 하이드레이션 후엔 /s/mmg/faq)가
 *   통째로 사라진다 — 섹션 이동은 전부 앵커(#faq)다.
 *
 *   섹션 순서·표시 여부는 HomePage 가 theme.sections 로 정한다.
 */
export function App({payload}: {payload: SitePayload}) {
  return (
    <SiteProvider payload={payload}>
      <div className="flex min-h-screen w-full flex-col">
        <SiteHeader />

        <div className="flex w-full flex-1 flex-col">
          <HomePage />
        </div>

        <SiteFooter />
        <MobileTabBar />
      </div>
    </SiteProvider>
  );
}