import Footer from '@/components/Footer';
import Header from '@/components/Header';
import { getSettings, listCategories } from '@/lib/db';

export const dynamic = 'force-dynamic';

export default async function SiteLayout({ children }: { children: React.ReactNode }) {
  const [settings, categories] = await Promise.all([getSettings(), listCategories()]);

  return (
    <div className="flex min-h-screen flex-col">
      <Header phone={settings.phone} />
      <main className="flex-1">{children}</main>
      <Footer settings={settings} categories={categories} />
    </div>
  );
}