@* @inherits LayoutComponentBase *@
@* *@
@* *@
@* <div class="min-h-screen bg-gray-50 text-gray-900"> *@
@*     <TopBanner /> *@
@*     <TopNav /> *@
@* *@
@*     <div class="flex flex-1"> *@
@*         <SideNav /> *@
@* *@
@*         <main class="flex-1 p-6"> *@
@*             $1$ <!-- Body는 URL 뒤에 입력할 페이지에 따라서 그거에 맞는 @page를 찾아서 열어준다. --> #1# *@
@*             @Body *@
@*         </main> *@
@*     </div> *@
@*      *@
@*     <FloatingButton /> *@
@*     <BottomNav /> *@
@*     <Footer/> *@
@* </div> *@

@inherits LayoutComponentBase

<div class="min-h-screen flex flex-col bg-gray-50 text-gray-900">
    
    <!-- Top 영역 -->
    <TopBanner />
    <TopNav />

    <!-- 본문 영역 -->
    <div class="flex flex-1 flex-col md:flex-row">
        
        @* <!-- 사이드 메뉴 --> *@
        @* <div class="hidden md:block md:w-64 bg-white shadow"> *@
        @*     <SideNav /> *@
        @* </div> *@

        <!-- 본문 컨텐츠 -->
        <main class="flex-1 p-4 sm:p-6 md:p-8">
            @Body
        </main>
    </div>

    <!-- 플로팅 버튼 -->
    <FloatingButton />

    <!-- 하단 메뉴 -->
    <BottomNav />
    <Footer />
</div>
