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

package/src/content/pages/{blocks → docs/blocks}/_categories.mdx

@@ -1,6 +1,4 @@
 ---
-presets: [docs]
-
 title: Categories
 ---
 
@@ -19,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: '#',
     },
   ]}
 />
@@ -48,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: '#',
     },
   ]}
 />
@@ -78,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: '#',
     },
   ]}
 />
@@ -106,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"
@@ -115,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/{blocks/contact.mdx → docs/blocks/_contact.mdx}

@@ -1,6 +1,4 @@
 ---
-presets: [docs]
-
 title: Contact
 ---
 

package/src/content/pages/{blocks → docs/blocks}/_jobs.mdx

@@ -1,6 +1,4 @@
 ---
-presets: [docs]
-
 title: Jobs
 ---
 

package/src/content/pages/{blocks/posts.mdx → docs/blocks/_posts.mdx}

@@ -1,6 +1,4 @@
 ---
-presets: [docs]
-
 title: Posts
 ---
 

package/src/content/pages/{blocks → docs/blocks}/_stats.mdx

@@ -1,6 +1,4 @@
 ---
-presets: [docs]
-
 title: Stats
 ---
 

package/src/content/pages/{blocks → docs/blocks}/banner.mdx

@@ -1,6 +1,5 @@
 ---
-presets: [docs]
-
+_block: Content8
 title: Banner
 ---
 

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

@@ -0,0 +1,49 @@
+---
+_block: Content8
+title: Colleagues
+---
+
+```astro live
+---
+import Colleagues1 from 'fulldev-ui/blocks/Colleagues1.astro'
+---
+
+<Colleagues1
+  heading="Meet the team"
+  paragraph="Our team is made up of experienced professionals."
+  cards={[
+    {
+      image: {
+        src: '/images/avatar-1.jpeg',
+        alt: 'John Doe',
+      },
+      heading: 'John Doe',
+      paragraph: 'Ceo & Founder',
+    },
+    {
+      image: {
+        src: '/images/avatar-2.jpeg',
+        alt: 'Jane Doe',
+      },
+      heading: 'Jane Doe',
+      paragraph: 'Manager',
+    },
+    {
+      image: {
+        src: '/images/avatar-3.jpeg',
+        alt: 'John Smith',
+      },
+      heading: 'John Smith',
+      paragraph: 'Developer',
+    },
+    {
+      image: {
+        src: '/images/avatar-4.jpeg',
+        alt: 'Jane Smith',
+      },
+      heading: 'Jane Smith',
+      paragraph: 'Developer',
+    },
+  ]}
+/>
+```

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

@@ -0,0 +1,290 @@
+---
+_block: Content8
+title: Content
+---
+
+## Content1
+
+```astro live
+---
+import Content1 from 'fulldev-ui/blocks/Content1.astro'
+---
+
+<Content1
+  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' }}
+  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>
+  `
+/>
+```
+
+## Content2
+
+```astro live
+---
+import Content2 from 'fulldev-ui/blocks/Content2.astro'
+---
+
+<Content2
+  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' }}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content2 block. It demonstrates how you can use HTML to structure your content within the block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+      <li>Fourth item</li>
+      <li>Fifth item</li>
+    </ul>
+    <p>Adding more content to make it longer. You can include various HTML elements such as headings, paragraphs, lists, images, and more to enrich your content.</p>
+    <p>Here is another paragraph to further extend the content. This allows you to provide more information and details within the Content2 block.</p>
+  `
+/>
+```
+
+## Content3
+
+```astro live
+---
+import Content3 from 'fulldev-ui/blocks/Content3.astro'
+---
+
+<Content3
+  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' }}
+  content=`
+    <h3>HTML Content Example</h3>
+    <p>This is an example of HTML content inserted into the Content2 block. It demonstrates how you can use HTML to structure your content within the block.</p>
+    <ul>
+      <li>First item</li>
+      <li>Second item</li>
+      <li>Third item</li>
+      <li>Fourth item</li>
+      <li>Fifth item</li>
+    </ul>
+    <p>Adding more content to make it longer. You can include various HTML elements such as headings, paragraphs, lists, images, and more to enrich your content.</p>
+    <p>Here is another paragraph to further extend the content. This allows you to provide more information and details within the Content2 block.</p>
+  `
+/>
+```
+
+## Content4
+
+```astro live
+---
+import Content4 from 'fulldev-ui/blocks/Content4.astro'
+---
+
+<Content4
+  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' }}
+  content=`
+    <p>
+      This is an example of HTML content inserted into the Content4 block. Lorem
+      ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla!
+      Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum
+      dolor sit amet consectetur adipisicing elit. Praesent sapien massa,
+      convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget
+      malesuada.
+    </p>
+    <p>
+      This is an example of HTML content inserted into the Content4 block. Lorem
+      ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla!
+      Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum
+      dolor sit amet consectetur adipisicing elit. Praesent sapien massa,
+      convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget
+      malesuada.
+    </p>
+  `
+/>
+```
+
+## Content5
+
+```astro live
+---
+import Content5 from 'fulldev-ui/blocks/Content5.astro'
+---
+
+<Content5
+  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' }}
+  content=`
+    <p>
+      This is an example of HTML content inserted into the Content4 block. Lorem
+      ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla!
+      Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum
+      dolor sit amet consectetur adipisicing elit. Praesent sapien massa,
+      convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget
+      malesuada.
+    </p>
+    <p>
+      This is an example of HTML content inserted into the Content4 block. Lorem
+      ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus quia, nulla!
+      Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum
+      dolor sit amet consectetur adipisicing elit. Praesent sapien massa,
+      convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget
+      malesuada.
+    </p>
+  `
+/>
+```
+
+## Content6
+
+```astro live
+---
+import Content6 from 'fulldev-ui/blocks/Content6.astro'
+---
+
+<Content6
+  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' }}
+  toc={{
+    heading: 'On this page',
+    links: [{ text: 'Lorem ipsum' }],
+  }}
+  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
+  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' }}
+  toc={{
+    heading: 'On this page',
+    links: [{ text: 'Lorem ipsum' }],
+  }}
+  sidebar={[
+    {
+      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
+  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' }}
+  sidebar={[
+    {
+      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

@@ -0,0 +1,16 @@
+---
+_block: Content8
+title: Cta
+---
+
+```astro live
+---
+import Cta1 from 'fulldev-ui/blocks/Cta1.astro'
+---
+
+<Cta1
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur ades"
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+/>
+```

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

@@ -0,0 +1,17 @@
+---
+_block: Content8
+title: Feature
+---
+
+```astro live
+---
+import Feature1 from 'fulldev-ui/blocks/Feature1.astro'
+---
+
+<Feature1
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur ades"
+  buttons={[{ text: 'Lorem ipsum' }, { text: 'Lorem ipsum' }]}
+  image={{ src: '/images/placeholder-landscape.webp' }}
+/>
+```

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

@@ -0,0 +1,35 @@
+---
+_block: Content8
+title: Features
+---
+
+```astro live
+---
+import Features1 from 'fulldev-ui/blocks/Features1.astro'
+---
+
+<Features1
+  heading="Lorem ipsum dolor sit"
+  paragraph="Lorem ipsum dolor sit amet consectetur adipisicing elit."
+  cards={[
+    {
+      icon: 'rocket',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'pencil',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+    {
+      icon: 'typography',
+      heading: 'Lorem ipsum',
+      paragraph: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+      button: { text: 'Lorem ipsum', href: '' },
+    },
+  ]}
+/>
+```

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

@@ -0,0 +1,46 @@
+---
+_block: Content8
+title: Footer
+---
+
+```astro live
+---
+import Footer from 'fulldev-ui/blocks/Footer.astro'
+---
+
+<Footer
+  logo={{
+    image: { src: '/favicon/android-chrome-512x512.png' },
+    text: 'Fulldev UI',
+  }}
+  paragraph="Rapidly build content-driven websites."
+  socials={[
+    'https://github.com/fulldotdev/ui',
+    'https://discord.gg/vXZqMbadm8',
+  ]}
+  channels={[
+    { heading: 'Email', icon: 'mail', text: 'contact@full.dev' },
+    { heading: 'Phone', icon: 'phone', text: '+316 83485163' },
+  ]}
+  menus={[
+    {
+      heading: 'Get Started',
+      links: [
+        { href: '/docs/', text: 'Introduction' },
+        { href: '/docs/installation/', text: 'Installation' },
+        { href: '/docs/customization/', text: 'Customization' },
+        { href: '/docs/frameworks/', text: 'Frameworks' },
+      ],
+    },
+    {
+      heading: 'Docs',
+      links: [
+        { href: '/docs/components/badge/', text: 'Components' },
+        { href: '/docs/structures/Container/', text: 'Wrappers' },
+        { href: '/docs/blocks/banner/', text: 'Blocks' },
+        { href: '/docs/layouts/page/', text: 'Layouts' },
+      ],
+    },
+  ]}
+/>
+```

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

@@ -0,0 +1,60 @@
+---
+_block: Content8
+title: Header
+---
+
+```astro live
+---
+import Header from 'fulldev-ui/blocks/Header.astro'
+---
+
+<Header
+  logo={{
+    image: { src: '/favicon/android-chrome-512x512.png' },
+    text: 'Fulldev UI',
+  }}
+  links={[
+    {
+      text: 'Docs',
+      href: '/overview/introduction/',
+    },
+    {
+      text: 'Github',
+      href: 'https://github.com/fulldotdev/ui',
+    },
+  ]}
+  search
+  themer
+  socials={[
+    'https://github.com/fulldotdev/ui',
+    'https://discord.gg/vXZqMbadm8',
+  ]}
+  buttons={[
+    {
+      text: 'Contact',
+      variant: 'outline',
+    },
+  ]}
+  menus={[
+    {
+      links: [
+        { text: 'Docs', href: '/overview/introduction' },
+        { text: 'Components', href: '/typography/heading' },
+        { text: 'Blocks', href: '/blocks' },
+      ],
+    },
+    {
+      heading: 'Overview',
+      links: [
+        { text: 'Installation', href: '/overview/installation' },
+        { text: 'Integration', href: '/overview/integration' },
+        { text: 'Theming', href: '/overview/theming' },
+        { text: 'Frameworks', href: '/overview/frameworks' },
+      ],
+    },
+    { heading: 'Structure', folder: 'structure' },
+    { heading: 'Typography', folder: 'typography' },
+    { heading: 'Base', folder: 'base' },
+  ]}
+/>
+```

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

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