54b785420f
- layout.tsx: 상단 고정 헤더/중앙 컨테이너/푸터 구성 - page.tsx: 히어로 + 12그리드 메인 + 하단 3컬럼 섹션 추가 - globals.css: 테마 변수/폰트/중립 배경 헬퍼 추가 Refs: @101101_메인페이지구성.md
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
import QueryProvider from "@/app/QueryProvider";
|
|
import { AppHeader } from "@/app/components/AppHeader";
|
|
import { AppFooter } from "@/app/components/AppFooter";
|
|
import { ToastProvider } from "@/app/components/ui/ToastProvider";
|
|
|
|
|
|
export const metadata: Metadata = {
|
|
title: "msg App",
|
|
description: "msg App",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="ko">
|
|
<body className="min-h-screen bg-background text-foreground antialiased">
|
|
<QueryProvider>
|
|
<ToastProvider>
|
|
<div className="min-h-screen flex flex-col">
|
|
<div className="sticky top-0 z-50 border-b bg-white/80 backdrop-blur">
|
|
<div className="max-w-7xl mx-auto px-4">
|
|
<AppHeader />
|
|
</div>
|
|
</div>
|
|
<main className="flex-1">
|
|
<div className="max-w-7xl mx-auto px-4 py-6">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
<div className="border-t">
|
|
<div className="max-w-7xl mx-auto px-4">
|
|
<AppFooter />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ToastProvider>
|
|
</QueryProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|