<template>
  <div class="min-h-screen flex flex-col">
    <!-- Navbar -->
    <NavigationComponent />

    <!-- Konten utama -->
    <div class="flex-1 mx-2 md:mx-4 lg:mx-6 xl:mx-7 my-6">
      <slot />
    </div>

    <!-- Footer selalu di bawah -->
    <Footer class="w-full" />
  </div>
</template>

<script setup>
import Footer from '../components/Footer.vue'
import NavigationComponent from '../components/NavigationComponent.vue'
</script>
