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

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

@@ -1,183 +0,0 @@
----
-title: Header
----
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  links={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      text: 'Github',
-      href: 'https://github.com/fulldotdev/ui',
-    },
-  ]}
-  buttons={[
-    {
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  position="relative"
-  drawer={[
-    {
-      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' },
-  ]}
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  links={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      text: 'Github',
-      href: 'https://github.com/fulldotdev/ui',
-    },
-  ]}
-  buttons={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-    },
-  ]}
-  position="relative"
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  links={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      text: 'Github',
-      href: 'https://github.com/fulldotdev/ui',
-    },
-  ]}
-  buttons={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-      contrast: true,
-    },
-    {
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  panel
-  position="relative"
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  links={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      text: 'Github',
-      href: 'https://github.com/fulldotdev/ui',
-    },
-  ]}
-  buttons={[
-    {
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  position="relative"
-/>
-```
-
-```astro live
----
-import Header from 'fulldev-ui/components/Header.astro'
----
-
-<Header
-  heading="Fulldev UI"
-  links={[
-    {
-      text: 'Docs',
-      href: '/overview/introduction/',
-    },
-    {
-      text: 'Github',
-      href: 'https://github.com/fulldotdev/ui',
-    },
-  ]}
-  buttons={[
-    {
-      title: 'X / Twitter',
-      icon: 'brand-x',
-      href: 'https://x.com/silveltm',
-      target: '_blank',
-      contrast: true,
-    },
-  ]}
-  position="relative"
-/>
-```

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

@@ -1,122 +0,0 @@
----
-title: Prices
----
-
-```astro live
----
-import Prices from 'fulldev-ui/blocks/Prices.astro'
----
-
-<Prices
-  heading="Choose the plan that suits you"
-  text="Our plans are designed to meet the requirements of both beginners and advanced users."
-  cards={[
-    {
-      heading: 'Free',
-      text: 'A free plan to help you get started',
-      price: 10,
-      list: ['1 GB of space', 'Support at $0', '1 email', '1 domain'],
-      buttons: [{ text: 'Get started', variant: 'secondary' }],
-    },
-    {
-      label: 'Best value',
-      color: 'brand',
-      heading: 'Premium',
-      text: 'Suitable for small to medium businesses with a larger team',
-      price: 25,
-      list: ['10 GB of space', 'Support at $29', '10 email', '10 domain'],
-      buttons: [{ text: 'Get started' }],
-    },
-    {
-      heading: 'Enterprise',
-      text: 'Our best plan for large companies with larger teams',
-      price: 100,
-      list: ['100 GB of space', 'Support at $99', '100 email', '100 domain'],
-      buttons: [{ text: 'Get started', variant: 'secondary' }],
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Prices from 'fulldev-ui/blocks/Prices.astro'
----
-
-<Prices
-  rating={{
-    value: 5,
-    label: '100+ happy customers',
-    avatars: [
-      'avatar-1.jpeg',
-      'avatar-2.jpeg',
-      'avatar-3.jpeg',
-      'avatar-4.jpeg',
-    ],
-  }}
-  heading="Flexible Pricing Options"
-  text="Choose between monthly or annual billing. Switch anytime."
-  cards={[
-    {
-      heading: 'Basic',
-      text: 'Essential features for small teams',
-      price: 15,
-      list: ['5 projects', '10 GB storage', 'Basic reporting'],
-      button: { text: 'Get started', variant: 'primary', contrast: true },
-    },
-    {
-      heading: 'Pro',
-      text: 'Advanced features for growing businesses',
-      price: 49,
-      list: [
-        'Unlimited projects',
-        '100 GB storage',
-        'Advanced reporting',
-        'Team collaboration',
-      ],
-      button: { text: 'Get started', variant: 'primary', contrast: true },
-    },
-  ]}
-/>
-```
-
-```astro live
----
-import Prices from 'fulldev-ui/blocks/Prices.astro'
----
-
-<Prices
-  heading="Flexible Pricing Options"
-  text="Choose between monthly or annual billing. Switch anytime."
-  cards={[
-    {
-      heading: 'Basic',
-      text: 'Essential features for small teams',
-      price: 15,
-      list: ['5 projects', '10 GB storage', 'Basic reporting'],
-      button: { text: 'Get started', variant: 'primary', contrast: true },
-    },
-    {
-      heading: 'Pro',
-      text: 'Advanced features for growing businesses',
-      price: 49,
-      list: [
-        'Unlimited projects',
-        '100 GB storage',
-        'Advanced reporting',
-        'Team collaboration',
-      ],
-      button: { text: 'Get started', variant: 'primary', contrast: true },
-    },
-  ]}
-  table={{
-    header: ['Features', 'Basic', 'Pro'],
-    body: [
-      ['Amount of storage', '10 GB', '100 GB'],
-      ['Amount of projects', '5', 'Unlimited'],
-      ['Advanced reporting', 'No', 'Yes'],
-      ['Team collaboration', 'No', 'Yes'],
-    ],
-  }}
-/>
-```

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

@@ -1,97 +0,0 @@
----
-title: Product
----
-
-```astro live
----
-import Product from 'fulldev-ui/blocks/Product.astro'
----
-
-<Product
-  heading="Basic Tee"
-  price={48}
-  rating={5}
-  image="placeholder-landscape.webp"
-  form={{ submit: 'Add to cart' }}
-  description="Oversized white tee made of 100% cotton."
-  list={[
-    'Shortsleeve',
-    'Ribbed collar',
-    'Runs large',
-    'Unisex',
-    'Material: 100% cotton',
-    'Imported',
-  ]}
-/>
-```
-
-```astro live
----
-import Product from 'fulldev-ui/blocks/Product.astro'
----
-
-<Product
-  heading="Basic Tee"
-  price={48}
-  rating={5}
-  images={[
-    '/images/blocks/colleagues.png',
-    '/images/blocks/content.png',
-    '/images/blocks/cta.png',
-    '/images/blocks/features.png',
-    '/images/blocks/footer.png',
-    '/images/blocks/header.png',
-    '/images/blocks/hero.png',
-    '/images/blocks/intro.png',
-    '/images/blocks/posts.png',
-    '/images/blocks/prices.png',
-    '/images/blocks/reviews.png',
-  ]}
-  form={{ submit: 'Add to cart' }}
-  description="Oversized white tee made of 100% cotton."
-  list={[
-    'Shortsleeve',
-    'Ribbed collar',
-    'Runs large',
-    'Unisex',
-    'Material: 100% cotton',
-    'Imported',
-  ]}
-/>
-```
-
-```astro live
----
-import Product from 'fulldev-ui/blocks/Product.astro'
----
-
-<Product
-  heading="Basic Tee"
-  price={48}
-  rating={5}
-  images={[
-    '/images/blocks/colleagues.png',
-    '/images/blocks/content.png',
-    '/images/blocks/cta.png',
-    '/images/blocks/features.png',
-    '/images/blocks/footer.png',
-    '/images/blocks/header.png',
-    '/images/blocks/hero.png',
-    '/images/blocks/intro.png',
-    '/images/blocks/posts.png',
-    '/images/blocks/prices.png',
-    '/images/blocks/reviews.png',
-  ]}
-  gallery="vertical"
-  form={{ submit: 'Add to cart' }}
-  description="Oversized white tee made of 100% cotton."
-  list={[
-    'Shortsleeve',
-    'Ribbed collar',
-    'Runs large',
-    'Unisex',
-    'Material: 100% cotton',
-    'Imported',
-  ]}
-/>
-```

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

@@ -1,52 +0,0 @@
----
-title: Products
----
-
-```astro live
----
-import Products from 'fulldev-ui/blocks/Products.astro'
----
-
-<Products
-  heading="Best selling"
-  text="Our top-rated products loved by customers."
-  cards={[
-    {
-      heading: 'Wireless Noise-Cancelling Headphones',
-      text: 'Premium sound quality with active noise cancellation for immersive listening.',
-      price: 249,
-      image: '/images/placeholder-landscape.webp',
-    },
-    {
-      heading: 'Smart Home Security Camera',
-      text: 'HD video with night vision and two-way audio for 24/7 home monitoring.',
-      price: 129,
-      image: '/images/placeholder-landscape.webp',
-    },
-    {
-      heading: 'Ergonomic Office Chair',
-      text: 'Adjustable lumbar support and breathable mesh for all-day comfort.',
-      price: 199,
-      image: '/images/placeholder-landscape.webp',
-    },
-    {
-      heading: 'Portable Solar Power Bank',
-      text: 'High-capacity battery with solar charging for eco-friendly power on the go.',
-      price: 79,
-      image: '/images/placeholder-landscape.webp',
-    },
-    {
-      heading: 'Multi-Function Air Fryer',
-      text: 'Versatile cooking appliance for healthier, crispy meals with less oil.',
-      price: 149,
-      image: '/images/placeholder-landscape.webp',
-    },
-    {
-      heading: 'Smart Fitness Tracker Watch',
-      text: 'Advanced health monitoring and workout tracking in a sleek design.',
-      price: 179,
-      image: '/images/placeholder-landscape.webp',
-    },
-  ]}
-/>
-```

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

@@ -1,37 +0,0 @@
----
-title: Colleagues
----
-
-```astro live
----
-import Colleagues from 'fulldev-ui/blocks/Colleagues.astro'
----
-
-<Colleagues
-  heading="Meet the team"
-  text="Our team is made up of experienced professionals who are dedicated to helping you achieve your goals."
-  panel
-  cards={[
-    {
-      image: 'avatar-1.jpeg',
-      heading: 'John Doe',
-      text: 'Ceo & Founder of ACME.',
-    },
-    {
-      image: 'avatar-2.jpeg',
-      heading: 'Jane Doe',
-      text: 'Manager of ACME.',
-    },
-    {
-      image: 'avatar-3.jpeg',
-      heading: 'John Smith',
-      text: 'Developer of ACME.',
-    },
-    {
-      image: 'avatar-4.jpeg',
-      heading: 'Jane Smith',
-      text: 'Developer of ACME.',
-    },
-  ]}
-/>
-```

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

@@ -1,77 +0,0 @@
----
-title: Content
----
-
-```astro live
----
-import Content from 'fulldev-ui/blocks/Content.astro'
----
-
-<Content
-  label="Lorem ipsum"
-  heading="Lorem ipsum dolor sit"
-  text="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."
-  buttons={[{ text: 'Lorem ipsum', href: '' }]}
-  image="/images/placeholder-landscape.webp"
-/>
-```
-
-```astro live
----
-import Content from 'fulldev-ui/blocks/Content.astro'
----
-
-<Content
-  size="lg"
-  label="Lorem ipsum"
-  heading="Lorem ipsum dolor sit"
-  text="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."
-  buttons={[{ text: 'Lorem ipsum', href: '' }]}
-  image="/images/placeholder-landscape.webp"
-/>
-```
-
-```astro live
----
-import Content from 'fulldev-ui/blocks/Content.astro'
----
-
-<Content
-  size="sm"
-  label="Lorem ipsum"
-  heading="Lorem ipsum dolor sit"
-  text="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."
-  buttons={[{ text: 'Lorem ipsum', href: '' }]}
-  image="/images/placeholder-landscape.webp"
-/>
-```
-
-```astro live
----
-import Content from 'fulldev-ui/blocks/Content.astro'
----
-
-<Content
-  reverse="odd"
-  label="Lorem ipsum"
-  heading="Lorem ipsum dolor sit"
-  text="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."
-  buttons={[{ text: 'Lorem ipsum', href: '' }]}
-  image="/images/placeholder-landscape.webp"
-/>
-```
-
-```astro live
----
-import Content from 'fulldev-ui/blocks/Content.astro'
----
-
-<Content
-  label="Lorem ipsum dolor"
-  heading="Lorem ipsum dolor sit"
-  text="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."
-  buttons={[{ text: 'Lorem ipsum', href: '' }]}
-  image="/images/placeholder-landscape.webp"
-  structure="column"
-/>
-```