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'