fulldev-ui 0.6.0-beta.0 → 0.6.0-beta.10

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

@@ -0,0 +1,16 @@
+---
+_block: Content8
+title: Intro1
+---
+
+```astro live
+---
+import Intro1 from 'fulldev-ui/blocks/Intro1.astro'
+---
+
+<Intro1
+  heading="Lorem ipsum dolor sit amet"
+  paragraph="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Nulla facilisi. Nulla facilisi. Sed do eiusmod tempor."
+  buttons={[{ text: 'Get Started' }, { text: 'View Components' }]}
+/>
+```

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

@@ -0,0 +1,37 @@
+---
+_block: Content8
+title: Logos
+---
+
+```astro live
+---
+import Logos1 from 'fulldev-ui/blocks/Logos1.astro'
+---
+
+<Logos1
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit."
+  images={[
+    {
+      src: '/images/placeholder-landscape.webp',
+      alt: 'Lorem ipsum',
+    },
+    {
+      src: '/images/placeholder-landscape.webp',
+      alt: 'Lorem ipsum',
+    },
+    {
+      src: '/images/placeholder-landscape.webp',
+      alt: 'Lorem ipsum',
+    },
+    {
+      src: '/images/placeholder-landscape.webp',
+      alt: 'Lorem ipsum',
+    },
+    {
+      src: '/images/placeholder-landscape.webp',
+      alt: 'Lorem ipsum',
+    },
+  ]}
+/>
+```

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

@@ -0,0 +1,36 @@
+---
+_block: Content8
+title: Content
+---
+
+## Projects1
+
+```astro live
+---
+import Projects1 from 'fulldev-ui/blocks/Projects1.astro'
+---
+
+<Projects1
+  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' }}
+  cards={[
+    {
+      badges: ['Lorem ipsum', 'Lorem ipsum'],
+      heading: 'Lorem ipsum',
+      paragraph:
+        'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.',
+      image: { src: '/images/placeholder-landscape.webp' },
+    },
+    {
+      badges: ['Lorem ipsum'],
+      heading: 'Lorem ipsum',
+      paragraph:
+        'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.',
+      image: { src: '/images/placeholder-landscape.webp' },
+    },
+  ]}
+/>
+```

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

@@ -0,0 +1,65 @@
+---
+_block: Content8
+title: Reviews
+---
+
+```astro live
+---
+import Reviews1 from 'fulldev-ui/blocks/Reviews1.astro'
+---
+
+<Reviews1
+  tagline="Rated 5,0 out of 86 reviews"
+  heading="What Our Customers Say"
+  paragraph="Discover what our satisfied customers are saying about us."
+  cards={[
+    {
+      rating: 5,
+      heading: 'Exceptional Service',
+      paragraph: 'Outstanding experience! Highly recommended.',
+    },
+    {
+      rating: 5,
+      heading: 'Great Product',
+      paragraph:
+        "This product exceeded my expectations. The quality is superb and the customer support is top-notch. I'll definitely be a returning customer.",
+    },
+    {
+      rating: 5,
+      heading: 'Reliable and Efficient',
+      paragraph:
+        "I've been using this for months now, and it's consistently performed well. The efficiency and reliability are impressive.",
+    },
+    {
+      rating: 5,
+      heading: 'Fantastic Experience',
+      paragraph:
+        "From ordering to delivery, everything was smooth. The product itself is fantastic, and I couldn't be happier with my purchase.",
+    },
+    {
+      rating: 5,
+      heading: 'Best in Class',
+      paragraph:
+        "After trying several similar products, this one stands out as the best. It's clear why it's a market leader.",
+    },
+    {
+      rating: 5,
+      heading: 'Innovative Design',
+      paragraph:
+        "The innovative features of this product have significantly improved my workflow. It's a game-changer in its category.",
+    },
+    {
+      rating: 5,
+      heading: 'Time-Saver',
+      paragraph:
+        "This product has saved me countless hours. Its efficiency is unmatched, and I can't imagine going back to my old ways.",
+    },
+    {
+      rating: 5,
+      heading: 'Reliable and Durable',
+      paragraph:
+        "I've had this product for over a year now, and it's still performing as well as day one. The durability is impressive, making it a worthwhile long-term investment.",
+    },
+  ]}
+/>
+```

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

@@ -1,33 +1,54 @@
 ---
-presets: [docs]
-title: Blocks
+_block: Content7
+title: Using Blocks
+description: Ready to use blocks and page building.
 ---
 
-import Link from 'fulldev-ui/components/Link.astro'
+## Regular usage
 
-# Blocks
-
-Layouts are astro components that can be used to set the default styles for a page. They are located in the **src/content/layouts** directory.
-
-## Creating a layout
-
-Beside the layouts that are included in the library you can also create your own by adding a new astro component to the **src/content/layouts** directory. You can also override the existing layouts, see the <Link href="/guides/overriding-components/">overriding components</Link> guide for more information.
+```astro live
+---
+import Hero1 from 'fulldev-ui/blocks/Hero1.astro'
+---
 
-Currently there are 6 layouts included in the library:
+<Hero1
+  heading="Lorem ipsum dolor"
+  paragraph="Lorem ipsum dolor sit amet consectetur elit."
+  buttons={[
+    {
+      text: 'Click me',
+    },
+    {
+      text: 'Click me',
+    },
+  ]}
+/>
+```
 
-- `Layout`
-- `DocsLayout`
-- `PostLayout`
-- `ProductLayout`
-- `BlockLayout`
-- `ContactLayout`
+## Dynamic page building
 
-## Applying a layout
+Blocks come with a utility component: `<Block />`. With this component you can dynamically render blocks to build pages.
 
-To apply a preset to a page, you can add the `component` property to the frontmatter of a page.
+This is powerful when combined with content collections or a CMS, as the person writing content can choose which block to use.
 
-```md
+```astro live
 ---
-component: DocsLayout
+import Block from 'fulldev-ui/components/Block.astro'
 ---
+
+<Block
+  _block="Hero1"
+  heading="Lorem ipsum dolor"
+  paragraph="Lorem ipsum dolor sit amet consectetur elit."
+  buttons={[
+    {
+      text: 'Click me',
+    },
+    {
+      text: 'Click me',
+    },
+  ]}
+/>
 ```
+
+More on this in the [Layouts](/docs/layouts/) guide.

package/src/content/pages/docs/collections/images.mdx

@@ -1,5 +1,5 @@
 ---
-presets: [docs]
+_block: Content7
 title: images
 ---
 
@@ -32,6 +32,7 @@ alt: 'A placeholder landscape image'
 ## Using images
 
 ### Automatic (recommended)
+
 Use fulldev-ui's included `<Image />` component to get the following benefits out of the box:
 
 - You only have to pass the image id
@@ -40,6 +41,7 @@ Use fulldev-ui's included `<Image />` component to get the following benefits ou
 - Automatically optimizes image file
 
 This is also the easiest way to use images:
+
 ```astro
 ---
 import Image from 'fulldev-ui/components/Image.astro'
@@ -97,4 +99,4 @@ const image = images[image.src]
 ---
 
 <Image src={image()} alt={image.alt} />
-```
+```

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

@@ -1,5 +1,5 @@
 ---
-presets: [docs]
+_block: Content7
 title: pages
 ---
 
@@ -16,9 +16,9 @@ Used for generating pages and/or cards.
 
 ## Frontmatter reference
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
-<PropsTable schema="pageSchema" />
+<Props schema="pageSchema" />
 
 ### `presets`
 

package/src/content/pages/docs/collections/presets.mdx

@@ -1,5 +1,5 @@
 ---
-presets: [docs]
+_block: Content7
 title: presets
 ---
 

package/src/content/pages/docs/components/_localeswitcher.mdx

@@ -1,6 +1,5 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: LocaleSwitcher
 ---
 

package/src/content/pages/docs/components/{table.mdx → _table.mdx}

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Table
 ---
 
-# Table
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -25,7 +22,7 @@ import Table from 'fulldev-ui/components/Table.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/_tagline.mdx

@@ -1,6 +1,5 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Tagline
 ---
 

package/src/content/pages/docs/components/{themer.mdx → _themer.mdx}

@@ -1,14 +1,11 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Themer
 ---
 
-# Themer
-
 <aside>This component is experimental and likely to change</aside>
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -20,7 +17,7 @@ import Themer from 'fulldev-ui/components/Themer.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/_toggle.mdx

@@ -1,12 +1,11 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Toggle
 ---
 
 # Toggle
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +17,7 @@ import Toggle from 'fulldev-ui/components/Toggle.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/badge.mdx

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Badge
 ---
 
-# Badge
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +15,7 @@ import Badge from 'fulldev-ui/components/Badge.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/badges.mdx

@@ -1,12 +1,10 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Badges
+description: A utility component for displaying multiple badges.
 ---
 
-# Badges
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +16,7 @@ import Badges from 'fulldev-ui/components/Badges.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/button.mdx

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Button
 ---
 
-# Button
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +15,7 @@ import Button from 'fulldev-ui/components/Button.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/buttons.mdx

@@ -1,12 +1,10 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Buttons
+description: A utility component for displaying multiple buttons.
 ---
 
-# Buttons
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +16,7 @@ import Buttons from 'fulldev-ui/components/Buttons.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/channel.mdx

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Channel
 ---
 
-# Channel
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -23,7 +20,7 @@ import Channel from 'fulldev-ui/components/Channel.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/channels.mdx

@@ -1,12 +1,12 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Channels
+description: A utility component for displaying multiple channels.
 ---
 
 # Channels
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -33,7 +33,7 @@ import Channels from 'fulldev-ui/components/Channels.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/checkbox.mdx

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Checkbox
 ---
 
-# Checkbox
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,7 +15,7 @@ import Checkbox from 'fulldev-ui/components/Checkbox.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/heading.mdx

@@ -1,12 +1,9 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Heading
 ---
 
-# Heading
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -18,25 +15,10 @@ import Heading from 'fulldev-ui/components/Heading.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 
-### `level`
-
-```astro live
----
-import Heading from 'fulldev-ui/components/Heading.astro'
----
-
-<Heading level={1}>The quick brown fox jumps</Heading>
-<Heading level={2}>The quick brown fox jumps over the lazy dog</Heading>
-<Heading level={3}>The quick brown fox jumps over the lazy dog</Heading>
-<Heading level={4}>The quick brown fox jumps over the lazy dog</Heading>
-<Heading level={5}>The quick brown fox jumps over the lazy dog again</Heading>
-<Heading level={6}>The quick brown fox jumps over the lazy dog again</Heading>
-```
-
 ### `size`
 
 ```astro live
@@ -44,9 +26,16 @@ import Heading from 'fulldev-ui/components/Heading.astro'
 import Heading from 'fulldev-ui/components/Heading.astro'
 ---
 
-<Heading size="sm">The quick brown fox jumps over the lazy dog</Heading>
-<Heading size="md">The quick brown fox jumps over the lazy dog</Heading>
+<Heading size="6xl">The quick brown fox jumps</Heading>
+<Heading size="5xl">The quick brown fox jumps</Heading>
+<Heading size="4xl">The quick brown fox jumps</Heading>
+<Heading size="3xl">The quick brown fox jumps</Heading>
+<Heading size="2xl">The quick brown fox jumps</Heading>
+<Heading size="xl">The quick brown fox jumps</Heading>
 <Heading size="lg">The quick brown fox jumps</Heading>
+<Heading size="md">The quick brown fox jumps</Heading>
+<Heading size="sm">The quick brown fox jumps</Heading>
+<Heading size="xs">The quick brown fox jumps</Heading>
 ```
 
 ### `text`

package/src/content/pages/docs/components/icon.mdx

@@ -1,11 +1,8 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Icon
 ---
 
-# Icon
-
 ```astro live
 ---
 import Icon from 'fulldev-ui/components/Icon.astro'
@@ -14,11 +11,11 @@ import Icon from 'fulldev-ui/components/Icon.astro'
 <Icon name="confetti" />
 ```
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

package/src/content/pages/docs/components/image.mdx

@@ -1,26 +1,19 @@
 ---
-presets: [docs]
-
+_block: Content7
 title: Image
 ---
 
 import Link from 'fulldev-ui/components/Link.astro'
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
-
-# Image
-
-Enhanced image built to work with the [images collections](/docs/collections/images/).
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
 import Image from 'fulldev-ui/components/Image.astro'
 ---
 
-<Image id="placeholder-landscape.webp" />
+<Image src="/images/placeholder-landscape.webp" />
 ```
 
 ## Props
 
-<PropsTable />
-
-## Examples
+<Props />