fulldev-ui 0.7.0-beta.4 → 0.7.0-beta.6

package/src/components/ui/card/CardFooter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/card/CardHeader.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/card/CardTitle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/carousel/Carousel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { CarouselEmits, CarouselProps, WithClassAsProps } from './interface'
 import { useProvideCarousel } from './useCarousel'
 

package/src/components/ui/carousel/CarouselContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { WithClassAsProps } from './interface'
 import { useCarousel } from './useCarousel'
 

package/src/components/ui/carousel/CarouselItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { WithClassAsProps } from './interface'
 import { useCarousel } from './useCarousel'
 

package/src/components/ui/carousel/CarouselNext.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Button } from 'fulldev-ui/components/ui/button'
-import { cn } from 'fulldev-ui/lib/utils'
+import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'
 import { ArrowRight } from 'lucide-vue-next'
 import type { WithClassAsProps } from './interface'
 import { useCarousel } from './useCarousel'

package/src/components/ui/carousel/CarouselPrevious.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Button } from 'fulldev-ui/components/ui/button'
-import { cn } from 'fulldev-ui/lib/utils'
+import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'
 import { ArrowLeft } from 'lucide-vue-next'
 import type { WithClassAsProps } from './interface'
 import { useCarousel } from './useCarousel'

package/src/components/ui/checkbox/Checkbox.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Check } from 'lucide-vue-next'
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue'
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue'

package/src/components/ui/command/Command.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxRootEmits, ComboboxRootProps } from 'radix-vue'
 import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Dialog, DialogContent } from 'fulldev-ui/components/ui/dialog'
+import { Dialog, DialogContent } from '@/components/ui/dialog'
 import type { DialogRootEmits, DialogRootProps } from 'radix-vue'
 import { useForwardPropsEmits } from 'radix-vue'
 import Command from './Command.vue'

package/src/components/ui/command/CommandEmpty.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxEmptyProps } from 'radix-vue'
 import { ComboboxEmpty } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxGroupProps } from 'radix-vue'
 import { ComboboxGroup, ComboboxLabel } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Search } from 'lucide-vue-next'
 import { ComboboxInput, type ComboboxInputProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxItemEmits, ComboboxItemProps } from 'radix-vue'
 import { ComboboxItem, useForwardPropsEmits } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandList.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxContentEmits, ComboboxContentProps } from 'radix-vue'
 import { ComboboxContent, useForwardPropsEmits } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandSeparator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { ComboboxSeparatorProps } from 'radix-vue'
 import { ComboboxSeparator } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/command/CommandShortcut.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/dialog/DialogContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { X } from 'lucide-vue-next'
 import {
   DialogClose,

package/src/components/ui/dialog/DialogDescription.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/dialog/DialogFooter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()

package/src/components/ui/dialog/DialogHeader.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/dialog/DialogScrollContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { X } from 'lucide-vue-next'
 import {
   DialogClose,

package/src/components/ui/dialog/DialogTitle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/drawer/DrawerContent.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
 import { useForwardPropsEmits } from 'radix-vue'
 import { DrawerContent, DrawerPortal } from 'vaul-vue'

package/src/components/ui/drawer/DrawerDescription.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { DrawerDescriptionProps } from 'vaul-vue'
 import { DrawerDescription } from 'vaul-vue'
 import { computed, type HtmlHTMLAttributes } from 'vue'

package/src/components/ui/drawer/DrawerFooter.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HtmlHTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/drawer/DrawerHeader.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HtmlHTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/drawer/DrawerOverlay.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { DialogOverlayProps } from 'radix-vue'
 import { DrawerOverlay } from 'vaul-vue'
 import { computed, type HtmlHTMLAttributes } from 'vue'

package/src/components/ui/drawer/DrawerTitle.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { DrawerTitleProps } from 'vaul-vue'
 import { DrawerTitle } from 'vaul-vue'
 import { computed, type HtmlHTMLAttributes } from 'vue'

package/src/components/ui/form/FormDescription.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import type { HTMLAttributes } from 'vue'
 import { useFormField } from './useFormField'
 

package/src/components/ui/form/FormItem.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { useId } from 'radix-vue'
 import { type HTMLAttributes, provide } from 'vue'
 import { FORM_ITEM_INJECTION_KEY } from './injectionKeys'

package/src/components/ui/form/FormLabel.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { Label } from 'fulldev-ui/components/ui/label'
-import { cn } from 'fulldev-ui/lib/utils'
+import { Label } from '@/components/ui/label'
+import { cn } from '@/lib/utils'
 import type { LabelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { useFormField } from './useFormField'

package/src/components/ui/input/Input.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
-import { cn } from 'fulldev-ui/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/components/ui/label/Label.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Label, type LabelProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/navigation-menu/NavigationMenu.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import {
   NavigationMenuRoot,
   type NavigationMenuRootEmits,

package/src/components/ui/navigation-menu/NavigationMenuContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import {
   NavigationMenuContent,
   type NavigationMenuContentEmits,

package/src/components/ui/navigation-menu/NavigationMenuIndicator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { NavigationMenuIndicator, type NavigationMenuIndicatorProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/navigation-menu/NavigationMenuList.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { NavigationMenuList, type NavigationMenuListProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/navigation-menu/NavigationMenuTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { NavigationMenuTrigger, type NavigationMenuTriggerProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/navigation-menu/NavigationMenuViewport.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { NavigationMenuViewport, type NavigationMenuViewportProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/popover/PopoverContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import {
   PopoverContent,
   type PopoverContentEmits,

package/src/components/ui/radio-group/RadioGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, useForwardPropsEmits } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/radio-group/RadioGroupItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Circle } from 'lucide-vue-next'
 import { RadioGroupIndicator, RadioGroupItem, type RadioGroupItemProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/select/SelectContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import {
   SelectContent,
   type SelectContentEmits,

package/src/components/ui/select/SelectGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { SelectGroup, type SelectGroupProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/select/SelectItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Check } from 'lucide-vue-next'
 import { SelectItem, SelectItemIndicator, type SelectItemProps, SelectItemText, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/select/SelectLabel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { SelectLabel, type SelectLabelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 

package/src/components/ui/select/SelectScrollDownButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/select/SelectScrollUpButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { ChevronUp } from 'lucide-vue-next'
 import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/select/SelectSeparator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/select/SelectTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'

package/src/components/ui/separator/Separator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { Separator, type SeparatorProps } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/switch/Switch.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
+import { cn } from '@/lib/utils'
 import { SwitchRoot, type SwitchRootEmits, type SwitchRootProps, SwitchThumb, useForwardPropsEmits } from 'radix-vue'
 import { computed, type HTMLAttributes } from 'vue'
 

package/src/components/ui/textarea/Textarea.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
-import { cn } from 'fulldev-ui/lib/utils'
 import type { HTMLAttributes } from 'vue'
 
 const props = defineProps<{

package/src/content/blocks/category-group1.md

@@ -0,0 +1,18 @@
+---
+block: CategoryGroup1
+title: "Lorem ipsum dolor sit amet"
+description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+categories:
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+---

package/src/content/blocks/category-list1.md

@@ -0,0 +1,22 @@
+---
+block: CategoryList1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+button:
+  text: "Lorem ipsum"
+  href: "#"
+categories:
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+  - title: "Lorem ipsum"
+    image:
+      src: "/images/placeholder.webp"
+      alt: "alt"
+---

package/src/content/blocks/contact1.md

@@ -0,0 +1,30 @@
+---
+block: Contact1
+writeup: |
+  <h1>Neem contact op</h1>
+  <p>
+    Neem contact op voor reparaties en vragen. Bezoek onze winkel op Hogeweg 26, Amsterdam.
+  </p>
+channels:
+  - text: '1234566'
+    href: '#'
+    icon: phone
+  - text: 'lorem@ipsum.com'
+    href: '#'
+    icon: mail
+  - text: Lorem ipsum, dolor sit, amet
+    href: '#'
+    icon: map-pin
+form:
+  fields:
+    - type: text
+      label: Name
+    - type: email
+      label: Email
+    - type: text
+      label: Phone
+    - type: textarea
+      label: Message
+      optional: true
+  submit: Send message
+---

package/src/content/blocks/contact2.md

@@ -0,0 +1,31 @@
+---
+block: Contact2
+writeup: |
+  <h1>Neem contact op</h1>
+  <p>
+    Neem contact op voor reparaties en vragen. Bezoek onze winkel op Hogeweg 26, Amsterdam.
+  </p>
+channels:
+  - text: '1234566'
+    href: '#'
+    icon: phone
+  - text: 'lorem@ipsum.com'
+    href: '#'
+    icon: mail
+  - text: Lorem ipsum, dolor sit, amet
+    href: '#'
+    icon: map-pin
+form:
+  action: '#'
+  fields:
+    - type: text
+      label: Name
+    - type: email
+      label: Email
+    - type: text
+      label: Phone
+    - type: textarea
+      label: Message
+      optional: true
+  submit: Send message
+---

package/src/content/blocks/content1.md

@@ -0,0 +1,14 @@
+---
+block: Content1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+buttons:
+  - text: "Lorem ipsum"
+    href: "#"
+  - text: "Lorem ipsum"
+    href: "#"
+image:
+  src: "/images/placeholder.webp"
+  alt: "alt"
+---

package/src/content/blocks/cta1.md

@@ -0,0 +1,11 @@
+---
+block: Cta1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+buttons:
+  - text: "Lorem ipsum"
+    href: "#"
+  - text: "Lorem ipsum"
+    href: "#"
+---

package/src/content/blocks/faqs1.md

@@ -0,0 +1,18 @@
+---
+block: Faqs1
+writeup: |
+  <h1>Lorem ipsum dolor sit amet</h1>
+  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+buttons:
+  - text: "Lorem ipsum"
+    href: "#"
+  - text: "Lorem ipsum"
+    href: "#"
+faqs:
+  - title: "Lorem ipsum 1"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - title: "Lorem ipsum 2"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+  - title: "Lorem ipsum 3"
+    description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos."
+---