fulldev-ui 0.6.0-beta.9 → 0.6.0

package/src/content/layouts/base.yml

@@ -11,14 +11,13 @@ head:
     </script>
 
 banner:
-  text: 'Introducing v0.6: layouts & pagebuilding 🎉'
+  text: 'Introducing v0.6: build complete websites 🎉'
 
 header:
   search: true
   themer: true
   logo:
-    image:
-      src: /favicon/android-chrome-512x512.png
+    image: /favicon/android-chrome-512x512.png
     text: Fulldev UI
   links:
     - text: Docs
@@ -29,147 +28,138 @@ header:
       href: /docs/structures/container/
     - text: Blocks
       href: /docs/blocks/banner/
-    - text: Layouts
-      href: /docs/layouts/page/
   socials:
     - https://github.com/fulldotdev/ui
     - https://discord.gg/vXZqMbadm8
 
-sidebar:
-  menus:
-    - heading: Get Started
-      links:
-        - text: Introduction
-          href: /docs/
-        - text: Installation
-          href: /docs/installation/
-        - text: Customization
-          href: /docs/customization/
-        - text: Integrating frameworks
-          href: /docs/frameworks/
-        - text: Using components
-          href: /docs/components/
-        - text: Using structures
-          href: /docs/structures/
-        - text: Using blocks
-          href: /docs/blocks/
-        - text: Using layouts
-          href: /docs/layouts/
-
-    - heading: Components
-      links:
-        - text: Badge
-          href: /docs/components/badge/
-        - text: Badges
-          href: /docs/components/badges/
-        - text: Button
-          href: /docs/components/button/
-        - text: Buttons
-          href: /docs/components/buttons/
-        - text: Channel
-          href: /docs/components/channel/
-        - text: Channels
-          href: /docs/components/channels/
-        - text: Checkbox
-          href: /docs/components/checkbox/
-        - text: Heading
-          href: /docs/components/heading/
-        - text: Icon
-          href: /docs/components/icon/
-        - text: Image
-          href: /docs/components/image/
-        - text: Input
-          href: /docs/components/input/
-        - text: Label
-          href: /docs/components/label/
-        - text: Link
-          href: /docs/components/link/
-        - text: Links
-          href: /docs/components/links/
-        - text: List
-          href: /docs/components/list/
-        - text: Logo
-          href: /docs/components/logo/
-        - text: Menu
-          href: /docs/components/menu/
-        - text: Paragraph
-          href: /docs/components/paragraph/
-        - text: Rating
-          href: /docs/components/rating/
-        - text: Select
-          href: /docs/components/select/
-        - text: Social
-          href: /docs/components/social/
-        - text: Socials
-          href: /docs/components/socials/
-        - text: Switch
-          href: /docs/components/switch/
-        - text: Tagline
-          href: /docs/components/tagline/
-        - text: Textarea
-          href: /docs/components/textarea/
-
-    - heading: Structures
-      links:
-        - text: Container
-          href: /docs/structures/container/
-        - text: Section
-          href: /docs/structures/section/
-        - text: Card
-          href: /docs/structures/card/
-        - text: Matrix
-          href: /docs/structures/matrix/
-        - text: Stack
-          href: /docs/structures/stack/
-        - text: Group
-          href: /docs/structures/group/
-        - text: Masonry
-          href: /docs/structures/masonry/
-        - text: Prose
-          href: /docs/structures/prose/
-        - text: Writeup
-          href: /docs/structures/writeup/
-        - text: Layout
-          href: /docs/structures/layout/
-        - text: Code
-          href: /docs/structures/code/
-        - text: Drawer
-          href: /docs/structures/drawer/
-        - text: Panel
-          href: /docs/structures/panel/
-
-    - heading: Blocks
-      links:
-        - text: Banner
-          href: /docs/blocks/banner/
-        - text: Colleagues
-          href: /docs/blocks/colleagues/
-        - text: Content
-          href: /docs/blocks/content/
-        - text: Cta
-          href: /docs/blocks/cta/
-        - text: Feature
-          href: /docs/blocks/feature/
-        - text: Features
-          href: /docs/blocks/features/
-        - text: Footer
-          href: /docs/blocks/footer/
-        - text: Header
-          href: /docs/blocks/header/
-        - text: Hero
-          href: /docs/blocks/hero/
-        - text: Intro
-          href: /docs/blocks/intro/
-        - text: Logos
-          href: /docs/blocks/logos/
-        - text: Reviews
-          href: /docs/blocks/reviews/
-        - text: Projects
-          href: /docs/blocks/projects/
-
-    - heading: Layouts
-      links:
-        - text: Doc
-          href: /docs/layouts/doc/
-        - text: Page
-          href: /docs/layouts/page/
+menus:
+  - heading: Get Started
+    links:
+      - text: Introduction
+        href: /docs/
+      - text: Installation
+        href: /docs/installation/
+      - text: Customization
+        href: /docs/customization/
+      - text: Integrating frameworks
+        href: /docs/frameworks/
+      - text: Using components
+        href: /docs/components/
+      - text: Using structures
+        href: /docs/structures/
+      - text: Using blocks
+        href: /docs/blocks/
+  - heading: Components
+    links:
+      - text: Avatar
+        href: /docs/components/avatar/
+      - text: Badge
+        href: /docs/components/badge/
+      - text: Badges
+        href: /docs/components/badges/
+      - text: Button
+        href: /docs/components/button/
+      - text: Buttons
+        href: /docs/components/buttons/
+      - text: Channel
+        href: /docs/components/channel/
+      - text: Channels
+        href: /docs/components/channels/
+      - text: Checkbox
+        href: /docs/components/checkbox/
+      - text: Chip
+        href: /docs/components/chip/
+      - text: Heading
+        href: /docs/components/heading/
+      - text: Icon
+        href: /docs/components/icon/
+      - text: Image
+        href: /docs/components/image/
+      - text: Input
+        href: /docs/components/input/
+      - text: Label
+        href: /docs/components/label/
+      - text: Link
+        href: /docs/components/link/
+      - text: Links
+        href: /docs/components/links/
+      - text: List
+        href: /docs/components/list/
+      - text: Logo
+        href: /docs/components/logo/
+      - text: Menu
+        href: /docs/components/menu/
+      - text: Paragraph
+        href: /docs/components/paragraph/
+      - text: Rating
+        href: /docs/components/rating/
+      - text: Select
+        href: /docs/components/select/
+      - text: Social
+        href: /docs/components/social/
+      - text: Socials
+        href: /docs/components/socials/
+      - text: Switch
+        href: /docs/components/switch/
+      - text: Tagline
+        href: /docs/components/tagline/
+      - text: Textarea
+        href: /docs/components/textarea/
+  - heading: Structures
+    links:
+      - text: Card
+        href: /docs/structures/card/
+      - text: Carousel
+        href: /docs/structures/carousel/
+      - text: Code
+        href: /docs/structures/code/
+      - text: Container
+        href: /docs/structures/container/
+      - text: Drawer
+        href: /docs/structures/drawer/
+      - text: Group
+        href: /docs/structures/group/
+      - text: Layout
+        href: /docs/structures/layout/
+      - text: Masonry
+        href: /docs/structures/masonry/
+      - text: Matrix
+        href: /docs/structures/matrix/
+      - text: Panel
+        href: /docs/structures/panel/
+      - text: Prose
+        href: /docs/structures/prose/
+      - text: Section
+        href: /docs/structures/section/
+      - text: Sidebar
+        href: /docs/structures/sidebar/
+      - text: Split
+        href: /docs/structures/split/
+      - text: Stack
+        href: /docs/structures/stack/
+  - heading: Blocks
+    links:
+      - text: Banner
+        href: /docs/blocks/banner/
+      - text: Colleagues
+        href: /docs/blocks/colleagues/
+      - text: Content
+        href: /docs/blocks/content/
+      - text: Cta
+        href: /docs/blocks/cta/
+      - text: Features
+        href: /docs/blocks/features/
+      - text: Footer
+        href: /docs/blocks/footer/
+      - text: Header
+        href: /docs/blocks/header/
+      - text: Hero
+        href: /docs/blocks/hero/
+      - text: Intro
+        href: /docs/blocks/intro/
+      - text: Logos
+        href: /docs/blocks/logos/
+      - text: Reviews
+        href: /docs/blocks/reviews/
+      - text: Projects
+        href: /docs/blocks/projects/

package/src/content/pages/{base → _base}/toggle.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: doc
+_block: Content7
 title: Toggle
 ---
 

package/src/content/pages/_showcase/stark-vulcanising-products.md

@@ -1,5 +1,4 @@
 ---
 title: Stark Vulcanising Products
 image: stark-vulcanising-products.webp
-href: '#'
 ---

package/src/content/pages/docs/blocks/_categories.mdx

@@ -17,17 +17,14 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -46,17 +43,14 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -76,22 +70,18 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />
@@ -104,7 +94,7 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
 
 <Categories
   heading="Lorem ipsum dolor sit"
-  buttons={[{ text: 'Lorem ipsum', href: '#' }]}
+  buttons={[{ text: 'Lorem ipsum' }]}
   position="inset"
   panel
   size="sm"
@@ -113,32 +103,26 @@ import Categories from 'fulldev-ui/blocks/Categories.astro'
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
     {
       heading: 'Lorem ipsum',
       image: '/images/placeholder-landscape.webp',
-      href: '#',
     },
   ]}
 />

package/src/content/pages/docs/blocks/banner.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Banner
 ---
 

package/src/content/pages/docs/blocks/colleagues.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Colleagues
 ---
 

package/src/content/pages/docs/blocks/content.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Content
 ---
 
@@ -11,6 +11,7 @@ import Content1 from 'fulldev-ui/blocks/Content1.astro'
 ---
 
 <Content1
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -94,6 +95,7 @@ import Content4 from 'fulldev-ui/blocks/Content4.astro'
 ---
 
 <Content4
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -128,6 +130,7 @@ import Content5 from 'fulldev-ui/blocks/Content5.astro'
 ---
 
 <Content5
+  depth={1}
   tagline="Lorem ipsum"
   heading="Lorem ipsum dolor sit"
   paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
@@ -153,3 +156,161 @@ import Content5 from 'fulldev-ui/blocks/Content5.astro'
   `
 />
 ```
+
+## Content6
+
+```astro live
+---
+import Content6 from 'fulldev-ui/blocks/Content6.astro'
+---
+
+<Content6
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  headings={[
+    {
+      text: 'Lorem ipsum',
+      depth: 1,
+    },
+    {
+      text: 'Dolor sit amet',
+      depth: 2,
+    },
+    {
+      text: 'Consectetur',
+      depth: 3,
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```
+
+## Content7
+
+```astro live
+---
+import Content7 from 'fulldev-ui/blocks/Content7.astro'
+---
+
+<Content7
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  headings={[
+    {
+      text: 'Lorem ipsum',
+      depth: 1,
+    },
+    {
+      text: 'Dolor sit amet',
+      depth: 2,
+    },
+    {
+      text: 'Consectetur',
+      depth: 3,
+    },
+  ]}
+  menus={[
+    {
+      heading: 'Lorem ipsum',
+      links: [
+        { text: 'Lorem ipsum' },
+        { text: 'Dolor sit' },
+        { text: 'Amet consectetur' },
+      ],
+    },
+    {
+      heading: 'Dolor sit amet',
+      links: [
+        { text: 'Adipisicing elit' },
+        { text: 'Voluptatibus quia' },
+        { text: 'Nulla maiores' },
+      ],
+    },
+    {
+      heading: 'Consectetur',
+      links: [
+        { text: 'Perferendis eaque' },
+        { text: 'Exercitationem' },
+        { text: 'Praesentium nihil' },
+      ],
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```
+
+## Content8
+
+```astro live
+---
+import Content8 from 'fulldev-ui/blocks/Content8.astro'
+---
+
+<Content8
+  depth={1}
+  tagline="Lorem ipsum"
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil."
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+  menus={[
+    {
+      heading: 'Lorem ipsum',
+      links: [
+        { text: 'Lorem ipsum' },
+        { text: 'Dolor sit' },
+        { text: 'Amet consectetur' },
+      ],
+    },
+    {
+      heading: 'Dolor sit amet',
+      links: [
+        { text: 'Adipisicing elit' },
+        { text: 'Voluptatibus quia' },
+        { text: 'Nulla maiores' },
+      ],
+    },
+    {
+      heading: 'Consectetur',
+      links: [
+        { text: 'Perferendis eaque' },
+        { text: 'Exercitationem' },
+        { text: 'Praesentium nihil' },
+      ],
+    },
+  ]}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+    </ul>
+  `
+/>
+```

package/src/content/pages/docs/blocks/cta.mdx

@@ -1,5 +1,5 @@
 ---
-_layout: block
+_block: Content8
 title: Cta
 ---