# Layouts

LaunchStack comes with 5 different layouts:

* Admin
* App
* Blog
* Auth
* Website

All Layouts it's under the **/resources/js/Layouts** folder.

### How to use these layouts in the vue component or page

```javascript
<script setup>
import AuthLayout from "@/Layouts/Auth/Master.vue";
</script>

<template>
    <AuthLayout>
        // your content here
    </AuthLayout>
</template>
```

#### How to add more templates for your application

Let's suppose you want to create a help center for your project, you can create the layout on **/resources/js/Layout/Help/Master.vue**

Then you can use:

```javascript
<script setup>
import HelpLayout from "@/Layouts/Help/Master.vue";
</script>

<template>
    <HelpLayout>
        // your content here
    </HelpLayout>
</template>
```