37 lines
969 B
Vue
37 lines
969 B
Vue
<template>
|
|
<div class="min-h-screen bg-art-bg text-art-text">
|
|
<!-- Global Noise -->
|
|
<div class="fixed inset-0 pointer-events-none z-[60] bg-noise opacity-30 mix-blend-overlay"></div>
|
|
|
|
<!-- Toast Container -->
|
|
<div id="toast-container" class="toast-container"></div>
|
|
|
|
<!-- Header -->
|
|
<Header />
|
|
|
|
<!-- Mobile Menu -->
|
|
<MobileMenu />
|
|
|
|
<!-- Main Content -->
|
|
<main class="pt-32 pb-20 px-6 max-w-7xl mx-auto relative z-10">
|
|
<router-view />
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<Footer />
|
|
|
|
<!-- Snippet Modal -->
|
|
<SnippetModal />
|
|
|
|
<!-- Inquiry Modal -->
|
|
<InquiryModal />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Header from './components/Header.vue'
|
|
import MobileMenu from './components/MobileMenu.vue'
|
|
import Footer from './components/Footer.vue'
|
|
import SnippetModal from './components/SnippetModal.vue'
|
|
import InquiryModal from './components/InquiryModal.vue'
|
|
</script> |