Layout System Examples
Showcasing the different layout options available in the QPoint marketing site.
Available Layouts
Default Layout
Full navigation, main content area, and comprehensive footer. Perfect for most pages.
• Full navigation menu
• Comprehensive footer
• Standard page structure
Landing Layout
Simplified header with just logo and CTA, minimal footer. Ideal for marketing campaigns.
• Simple header
• Minimal footer
• Focus on content
How to Use Layouts
Setting Layout in Pages
<script setup>
definePageMeta({
layout: 'default' // or 'landing', 'minimal'
})
</script>Setting Layout in Content Files
---
title: "Page Title"
description: "Page description"
layout: "default" // or "landing", "minimal"
---Current Layout
You're viewing: Default Layout
This page uses the default layout which includes the full navigation menu and comprehensive footer.
layout: 'default'