fulldev-ui 0.6.0-beta.7 → 0.6.0-beta.8

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

@@ -0,0 +1,36 @@
+---
+_layout: block
+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 @@
+---
+_layout: block
+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,58 @@
 ---
 _layout: doc
-title: Blocks
+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',
+      href: '#',
+    },
+    {
+      text: 'Click me',
+      href: '#',
+    },
+  ]}
+/>
+```
 
-- `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',
+      href: '#',
+    },
+    {
+      text: 'Click me',
+      href: '#',
+    },
+  ]}
+/>
 ```
+
+More on this in the [Layouts](/docs/layouts/) guide.

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

@@ -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/components/{table.mdx → _table.mdx}

@@ -3,9 +3,7 @@ _layout: doc
 title: Table
 ---
 
-# Table
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -24,7 +22,7 @@ import Table from 'fulldev-ui/components/Table.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,11 +3,9 @@ _layout: doc
 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
 ---
@@ -19,7 +17,7 @@ import Themer from 'fulldev-ui/components/Themer.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -5,7 +5,7 @@ title: Toggle
 
 # Toggle
 
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +17,7 @@ import Toggle from 'fulldev-ui/components/Toggle.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Badge
 ---
 
-# Badge
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import Badge from 'fulldev-ui/components/Badge.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -1,11 +1,10 @@
 ---
 _layout: doc
 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
 ---
@@ -17,7 +16,7 @@ import Badges from 'fulldev-ui/components/Badges.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Button
 ---
 
-# Button
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import Button from 'fulldev-ui/components/Button.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -1,11 +1,10 @@
 ---
 _layout: doc
 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
 ---
@@ -17,7 +16,7 @@ import Buttons from 'fulldev-ui/components/Buttons.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Channel
 ---
 
-# Channel
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -22,7 +20,7 @@ import Channel from 'fulldev-ui/components/Channel.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -1,11 +1,12 @@
 ---
 _layout: doc
 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
 ---
@@ -32,7 +33,7 @@ import Channels from 'fulldev-ui/components/Channels.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Checkbox
 ---
 
-# Checkbox
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import Checkbox from 'fulldev-ui/components/Checkbox.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Heading
 ---
 
-# Heading
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,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
@@ -43,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

@@ -3,8 +3,6 @@ _layout: doc
 title: Icon
 ---
 
-# Icon
-
 ```astro live
 ---
 import Icon from 'fulldev-ui/components/Icon.astro'
@@ -13,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

@@ -4,22 +4,16 @@ 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 />

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Input
 ---
 
-# Input
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -23,7 +21,7 @@ import Input from 'fulldev-ui/components/Input.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Label
 ---
 
-# Label
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import Label from 'fulldev-ui/components/Label.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: Link
 ---
 
-# Link
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import Link from 'fulldev-ui/components/Link.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -1,11 +1,10 @@
 ---
 _layout: doc
 title: Links
+description: A utility component for displaying multiple links.
 ---
 
-# Links
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -22,7 +21,7 @@ import Links from 'fulldev-ui/components/Links.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,9 +3,7 @@ _layout: doc
 title: List
 ---
 
-# List
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
@@ -17,7 +15,7 @@ import List from 'fulldev-ui/components/List.astro'
 
 ## Props
 
-<PropsTable />
+<Props />
 
 ## Examples
 

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

@@ -3,34 +3,22 @@ _layout: doc
 title: Logo
 ---
 
-# Logo
-
-import PropsTable from 'fulldev-ui/components/docs/PropsTable.astro'
+import Props from 'fulldev-ui/components/docs/Props.astro'
 
 ```astro live
 ---
 import Logo from 'fulldev-ui/components/Logo.astro'
 ---
 
-<Logo id="logo-simple.svg" company="Fulldev UI" />
+<Logo
+  image={{
+    src: '/favicon/android-chrome-512x512.png',
+    alt: 'Logo Fulldev UI',
+  }}
+  text="Fulldev UI"
+/>
 ```
 
 ## Props
 
-<PropsTable />
-
-## Examples
-
-### `variant`
-
-### `size`
-
-```astro live
----
-import Logo from 'fulldev-ui/components/Logo.astro'
----
-
-<Logo size="sm" id="favicon.svg" company="Fulldev UI" />
-<Logo size="md" id="favicon.svg" company="Fulldev UI" />
-<Logo size="lg" id="favicon.svg" company="Fulldev UI" />
-```
+<Props />