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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (330) hide show
  1. package/.vscode/settings.json +2 -0
  2. package/astro.config.ts +1 -3
  3. package/cloudcannon.config.yml +0 -2
  4. package/package.json +1 -1
  5. package/src/blocks/Banner.astro +3 -3
  6. package/src/blocks/Colleagues1.astro +16 -16
  7. package/src/blocks/Contact1.astro +5 -10
  8. package/src/blocks/Content1.astro +22 -39
  9. package/src/blocks/Content2.astro +21 -45
  10. package/src/blocks/Content3.astro +36 -31
  11. package/src/blocks/Content4.astro +28 -35
  12. package/src/blocks/Content5.astro +72 -0
  13. package/src/blocks/Cta1.astro +6 -6
  14. package/src/blocks/Features1.astro +9 -5
  15. package/src/blocks/Footer.astro +13 -5
  16. package/src/blocks/Header.astro +19 -15
  17. package/src/blocks/Hero1.astro +8 -5
  18. package/src/blocks/Industries1.astro +86 -0
  19. package/src/blocks/Intro1.astro +7 -9
  20. package/src/blocks/Jobs1.astro +28 -24
  21. package/src/blocks/Logos1.astro +4 -4
  22. package/src/blocks/Products1.astro +4 -4
  23. package/src/blocks/Projects1.astro +103 -0
  24. package/src/blocks/Reviews1.astro +9 -7
  25. package/src/{components → blocks}/Subheader.astro +1 -2
  26. package/src/components/Badge.astro +8 -20
  27. package/src/components/Badges.astro +3 -3
  28. package/src/components/Block.astro +1 -1
  29. package/src/components/Button.astro +9 -18
  30. package/src/components/Cart.astro +6 -6
  31. package/src/components/CartSummary.astro +1 -0
  32. package/src/components/Channel.astro +9 -3
  33. package/src/components/Channels.astro +11 -42
  34. package/src/components/Checkbox.astro +8 -14
  35. package/src/components/Element.astro +2 -1
  36. package/src/components/Form.astro +1 -2
  37. package/src/components/Gallery.astro +6 -5
  38. package/src/components/Head.astro +14 -4
  39. package/src/components/Heading.astro +21 -17
  40. package/src/components/Icon.astro +2 -3
  41. package/src/components/Image.astro +6 -2
  42. package/src/components/Input.astro +11 -14
  43. package/src/components/Label.astro +6 -6
  44. package/src/components/Link.astro +13 -16
  45. package/src/components/Links.astro +1 -2
  46. package/src/components/List.astro +3 -5
  47. package/src/components/Logo.astro +9 -16
  48. package/src/components/Menu.astro +7 -3
  49. package/src/components/Paragraph.astro +6 -7
  50. package/src/components/Price.astro +1 -4
  51. package/src/components/Rating.astro +4 -2
  52. package/src/components/Search.astro +1 -6
  53. package/src/components/Select.astro +3 -4
  54. package/src/components/Sidebar.astro +6 -6
  55. package/src/components/Social.astro +3 -1
  56. package/src/components/Socials.astro +18 -34
  57. package/src/components/Switch.astro +4 -69
  58. package/src/components/Table.astro +2 -3
  59. package/src/components/Tagline.astro +6 -7
  60. package/src/components/Textarea.astro +5 -5
  61. package/src/components/Themer.astro +3 -3
  62. package/src/components/Toc.astro +7 -11
  63. package/src/components/Toggle.astro +45 -0
  64. package/src/components/{Breadcrumb.astro → _Breadcrumb.astro} +3 -3
  65. package/src/components/_Image.astro +2 -2
  66. package/src/components/docs/Props.astro +21 -0
  67. package/src/content/layouts/base.yml +131 -19
  68. package/src/content/pages/base/toggle.mdx +28 -0
  69. package/src/content/pages/{blocks → docs/blocks}/banner.mdx +1 -0
  70. package/src/content/pages/docs/blocks/colleagues.mdx +49 -0
  71. package/src/content/pages/docs/blocks/content.mdx +155 -0
  72. package/src/content/pages/docs/blocks/cta.mdx +16 -0
  73. package/src/content/pages/docs/blocks/feature.mdx +17 -0
  74. package/src/content/pages/docs/blocks/features.mdx +35 -0
  75. package/src/content/pages/docs/blocks/footer.mdx +46 -0
  76. package/src/content/pages/docs/blocks/header.mdx +60 -0
  77. package/src/content/pages/docs/blocks/hero.mdx +18 -0
  78. package/src/content/pages/docs/blocks/intro.mdx +16 -0
  79. package/src/content/pages/docs/blocks/logos.mdx +37 -0
  80. package/src/content/pages/docs/blocks/projects.mdx +36 -0
  81. package/src/content/pages/docs/blocks/reviews.mdx +65 -0
  82. package/src/content/pages/docs/blocks.mdx +45 -20
  83. package/src/content/pages/docs/collections/pages.mdx +2 -2
  84. package/src/content/pages/docs/components/{table.mdx → _table.mdx} +2 -4
  85. package/src/content/pages/docs/components/{themer.mdx → _themer.mdx} +2 -4
  86. package/src/content/pages/docs/components/_toggle.mdx +2 -2
  87. package/src/content/pages/docs/components/badge.mdx +2 -4
  88. package/src/content/pages/docs/components/badges.mdx +3 -4
  89. package/src/content/pages/docs/components/button.mdx +2 -4
  90. package/src/content/pages/docs/components/buttons.mdx +3 -4
  91. package/src/content/pages/docs/components/channel.mdx +2 -4
  92. package/src/content/pages/docs/components/channels.mdx +3 -2
  93. package/src/content/pages/docs/components/checkbox.mdx +2 -4
  94. package/src/content/pages/docs/components/heading.mdx +11 -21
  95. package/src/content/pages/docs/components/icon.mdx +2 -4
  96. package/src/content/pages/docs/components/image.mdx +3 -9
  97. package/src/content/pages/docs/components/input.mdx +2 -4
  98. package/src/content/pages/docs/components/label.mdx +2 -4
  99. package/src/content/pages/docs/components/link.mdx +2 -4
  100. package/src/content/pages/docs/components/links.mdx +3 -4
  101. package/src/content/pages/docs/components/list.mdx +2 -4
  102. package/src/content/pages/docs/components/logo.mdx +9 -21
  103. package/src/content/pages/docs/components/menu.mdx +20 -48
  104. package/src/content/pages/docs/components/paragraph.mdx +44 -0
  105. package/src/content/pages/docs/components/rating.mdx +9 -42
  106. package/src/content/pages/docs/components/select.mdx +2 -4
  107. package/src/content/pages/docs/components/social.mdx +2 -4
  108. package/src/content/pages/docs/components/socials.mdx +3 -2
  109. package/src/content/pages/docs/components/switch.mdx +2 -4
  110. package/src/content/pages/docs/components/tagline.mdx +2 -6
  111. package/src/content/pages/docs/components/textarea.mdx +2 -4
  112. package/src/content/pages/docs/components.mdx +3 -4
  113. package/src/content/pages/docs/customization.mdx +52 -20
  114. package/src/content/pages/docs/frameworks.mdx +12 -11
  115. package/src/content/pages/docs/index.mdx +3 -2
  116. package/src/content/pages/docs/installation.mdx +9 -6
  117. package/src/content/pages/docs/layouts/doc.mdx +15 -0
  118. package/src/content/pages/docs/layouts/page.mdx +15 -0
  119. package/src/content/pages/docs/layouts.mdx +66 -19
  120. package/src/content/pages/docs/{generating-pages.mdx → pages.mdx} +1 -0
  121. package/src/content/pages/docs/{components → structures}/_card.mdx +6 -6
  122. package/src/content/pages/docs/{components → structures}/_drawer.mdx +1 -1
  123. package/src/content/pages/docs/structures/card.mdx +15 -0
  124. package/src/content/pages/docs/{components → structures}/code.mdx +4 -7
  125. package/src/content/pages/docs/structures/container.mdx +15 -0
  126. package/src/content/pages/docs/structures/drawer.mdx +15 -0
  127. package/src/content/pages/docs/structures/group.mdx +15 -0
  128. package/src/content/pages/docs/structures/layout.mdx +15 -0
  129. package/src/content/pages/docs/structures/masonry.mdx +15 -0
  130. package/src/content/pages/docs/structures/matrix.mdx +15 -0
  131. package/src/content/pages/docs/structures/panel.mdx +15 -0
  132. package/src/content/pages/docs/{components → structures}/prose.mdx +3 -6
  133. package/src/content/pages/docs/structures/section.mdx +15 -0
  134. package/src/content/pages/docs/structures/stack.mdx +15 -0
  135. package/src/content/pages/docs/structures/writeup.mdx +15 -0
  136. package/src/content/pages/docs/structures.mdx +7 -0
  137. package/src/content/pages/index.mdx +7 -4
  138. package/src/content/pages/showcase.mdx +1 -4
  139. package/src/css/theme.css +9 -42
  140. package/src/integration/index.ts +1 -1
  141. package/src/layouts/Block.astro +81 -0
  142. package/src/layouts/Category.astro +6 -6
  143. package/src/layouts/Doc.astro +50 -24
  144. package/src/layouts/Job.astro +5 -5
  145. package/src/layouts/Jobs.astro +14 -14
  146. package/src/layouts/Page.astro +4 -4
  147. package/src/layouts/Post.astro +7 -6
  148. package/src/layouts/Product.astro +3 -2
  149. package/src/schemas/badge.ts +14 -0
  150. package/src/schemas/block.ts +58 -0
  151. package/src/schemas/{components/button.ts → button.ts} +3 -7
  152. package/src/schemas/channel.ts +14 -0
  153. package/src/schemas/checkbox.ts +13 -0
  154. package/src/schemas/footer.ts +17 -0
  155. package/src/schemas/{components/head.ts → head.ts} +5 -5
  156. package/src/schemas/header.ts +21 -0
  157. package/src/schemas/{components/image.ts → image.ts} +22 -9
  158. package/src/schemas/input.ts +13 -0
  159. package/src/schemas/link.ts +14 -0
  160. package/src/schemas/logo.ts +13 -0
  161. package/src/schemas/menu.ts +11 -0
  162. package/src/schemas/page.ts +11 -14
  163. package/src/schemas/{utils/pathSchema.ts → path.ts} +1 -1
  164. package/src/schemas/textarea.ts +11 -0
  165. package/src/{components → structures}/Card.astro +5 -1
  166. package/src/{components → structures}/Code.astro +7 -6
  167. package/src/{components → structures}/Container.astro +1 -1
  168. package/src/{components → structures}/Drawer.astro +4 -4
  169. package/src/{components → structures}/Layout.astro +2 -3
  170. package/src/structures/Matrix.astro +39 -0
  171. package/src/{components → structures}/Prose.astro +17 -6
  172. package/src/structures/Sidebar.astro +37 -0
  173. package/src/{components → structures}/Stack.astro +1 -1
  174. package/src/{components → structures}/Writeup.astro +9 -1
  175. package/src/structures/_Bento.astro +34 -0
  176. package/src/utils/cart.ts +1 -1
  177. package/tailwind.config.ts +5 -7
  178. package/tsconfig.json +3 -1
  179. package/public/favicon/favicon-16x16-dark.png +0 -0
  180. package/public/favicon/favicon-32x32-dark.png +0 -0
  181. package/public/favicon/favicon-48x48-dark.png +0 -0
  182. package/public/favicon/favicon-dark.ico +0 -0
  183. package/src/blocks/Feature1.astro +0 -61
  184. package/src/components/Avatar.astro +0 -45
  185. package/src/components/Avatars.astro +0 -36
  186. package/src/components/Cards.astro +0 -133
  187. package/src/components/Dialog.astro +0 -67
  188. package/src/components/DrawerOld.astro +0 -143
  189. package/src/components/Grid.astro +0 -39
  190. package/src/components/Header.astro +0 -32
  191. package/src/components/Navigation.astro +0 -39
  192. package/src/components/_Author.astro +0 -90
  193. package/src/components/_Header.astro +0 -129
  194. package/src/components/_Prose copy.astro +0 -172
  195. package/src/components/_Sidebar copy.astro +0 -87
  196. package/src/components/docs/DecorativeBox.astro +0 -15
  197. package/src/components/docs/PropsTable.astro +0 -49
  198. package/src/components/experimental/Video.astro +0 -32
  199. package/src/components/experimental/Window.astro +0 -122
  200. package/src/content/pages/blocks/_footer.mdx +0 -75
  201. package/src/content/pages/blocks/_header.mdx +0 -183
  202. package/src/content/pages/blocks/_prices.mdx +0 -122
  203. package/src/content/pages/blocks/_product.mdx +0 -97
  204. package/src/content/pages/blocks/_products.mdx +0 -52
  205. package/src/content/pages/blocks/colleagues.mdx +0 -37
  206. package/src/content/pages/blocks/content.mdx +0 -77
  207. package/src/content/pages/blocks/cta.mdx +0 -159
  208. package/src/content/pages/blocks/features.mdx +0 -128
  209. package/src/content/pages/blocks/hero.mdx +0 -94
  210. package/src/content/pages/blocks/intro.mdx +0 -124
  211. package/src/content/pages/blocks/reviews.mdx +0 -251
  212. package/src/content/pages/categories/category.md +0 -7
  213. package/src/content/pages/docs/_internationalization.mdx +0 -55
  214. package/src/content/pages/docs/_using-blocks.mdx +0 -33
  215. package/src/content/pages/docs/_using-presets.mdx +0 -49
  216. package/src/content/pages/docs/collections.mdx +0 -42
  217. package/src/content/pages/docs/components/_switch.mdx +0 -31
  218. package/src/content/pages/docs/components/avatar.mdx +0 -34
  219. package/src/content/pages/docs/components/section.mdx +0 -35
  220. package/src/content/pages/docs/components/text.mdx +0 -48
  221. package/src/content/pages/products/product.md +0 -20
  222. package/src/css/color.css +0 -76
  223. package/src/css/size.css +0 -131
  224. package/src/images/favicon/android-chrome-192x192.png +0 -0
  225. package/src/images/favicon/android-chrome-512x512.png +0 -0
  226. package/src/images/favicon/apple-touch-icon.png +0 -0
  227. package/src/images/favicon/browserconfig.xml +0 -9
  228. package/src/images/favicon/favicon-16x16.png +0 -0
  229. package/src/images/favicon/favicon-32x32.png +0 -0
  230. package/src/images/favicon/favicon-48x48.png +0 -0
  231. package/src/images/favicon/favicon.ico +0 -0
  232. package/src/images/favicon/favicon.svg +0 -16
  233. package/src/images/favicon/manifest.webmanifest +0 -30
  234. package/src/images/favicon/mstile-150x150.png +0 -0
  235. package/src/images/favicon/safari-pinned-tab.svg +0 -16
  236. package/src/images/favicon/yandex-browser-50x50.png +0 -0
  237. package/src/images/favicon/yandex-browser-manifest.json +0 -9
  238. package/src/pages/test.astro +0 -35
  239. package/src/schemas/components/avatar.ts +0 -6
  240. package/src/schemas/components/badge.ts +0 -18
  241. package/src/schemas/components/block.ts +0 -61
  242. package/src/schemas/components/channel.ts +0 -19
  243. package/src/schemas/components/footer.ts +0 -19
  244. package/src/schemas/components/header.ts +0 -23
  245. package/src/schemas/components/heading.ts +0 -9
  246. package/src/schemas/components/icon.ts +0 -9
  247. package/src/schemas/components/link.ts +0 -17
  248. package/src/schemas/components/logo.ts +0 -13
  249. package/src/schemas/components/menu.ts +0 -14
  250. package/src/schemas/components/navigation.ts +0 -10
  251. package/src/schemas/components/paragraph.ts +0 -9
  252. package/src/schemas/components/price.ts +0 -9
  253. package/src/schemas/components/rating.ts +0 -10
  254. package/src/schemas/components/sidebar.ts +0 -18
  255. package/src/schemas/components/social.ts +0 -18
  256. package/src/schemas/components/tagline.ts +0 -9
  257. package/src/schemas/imageSchema.ts +0 -41
  258. package/src/schemas/utils/component.ts +0 -17
  259. package/src/types/global-props.ts +0 -7
  260. package/src/utils/_archive/Childmorphic.ts +0 -8
  261. package/src/utils/_archive/getAllCollections.ts +0 -10
  262. package/src/utils/_archive/getCollectionCascade.ts +0 -33
  263. package/src/utils/_archive/getPathname.ts +0 -18
  264. package/src/utils/_archive/mergeEntries.ts +0 -28
  265. package/src/utils/_archive/staticPageSchema.ts +0 -124
  266. package/src/utils/_archive/transform/transform.ts +0 -25
  267. package/src/utils/_archive/transform/transformCasing.ts +0 -24
  268. package/src/utils/_archive/transform/transformReferences.ts +0 -54
  269. package/src/utils/_archive/transform/transformSelfs.ts +0 -20
  270. package/src/utils/_archive/transform/transformUnderscores.ts +0 -19
  271. package/src/utils/formatEntries.ts +0 -8
  272. package/src/utils/formatEntry.ts +0 -29
  273. package/src/utils/getDeepReferenceChildren.ts +0 -14
  274. package/src/utils/getFolderChildren.ts +0 -18
  275. package/src/utils/getReferenceChildren.ts +0 -14
  276. package/src/utils/getSiblingPages.ts +0 -14
  277. package/src/utils/setTheme.ts +0 -18
  278. /package/{src → public}/images/anti-slip-profiles.webp +0 -0
  279. /package/{src → public}/images/avatar-1.jpeg +0 -0
  280. /package/{src → public}/images/avatar-2.jpeg +0 -0
  281. /package/{src → public}/images/avatar-3.jpeg +0 -0
  282. /package/{src → public}/images/avatar-4.jpeg +0 -0
  283. /package/{src → public}/images/avatar-placeholder.jpg +0 -0
  284. /package/{src → public}/images/block-code.png +0 -0
  285. /package/{src → public}/images/component-code.png +0 -0
  286. /package/{src → public}/images/favicon.svg +0 -0
  287. /package/{src → public}/images/fulldev-ui.webp +0 -0
  288. /package/{src → public}/images/lavis-detailing.webp +0 -0
  289. /package/{src → public}/images/leren-trainingsacteren.webp +0 -0
  290. /package/{src → public}/images/logo-1.svg +0 -0
  291. /package/{src → public}/images/logo-2.svg +0 -0
  292. /package/{src → public}/images/logo-basic.svg +0 -0
  293. /package/{src → public}/images/logo-simple.svg +0 -0
  294. /package/{src → public}/images/logo-thin.svg +0 -0
  295. /package/{src → public}/images/logo.svg +0 -0
  296. /package/{src → public}/images/logofat.svg +0 -0
  297. /package/{src → public}/images/miele-witgoedcenter-amsterdam.webp +0 -0
  298. /package/{src → public}/images/og-image.png +0 -0
  299. /package/{src → public}/images/placeholder-center.webp +0 -0
  300. /package/{src → public}/images/placeholder-landscape-dark.png +0 -0
  301. /package/{src → public}/images/placeholder-landscape.webp +0 -0
  302. /package/{src → public}/images/placeholder-portrait.webp +0 -0
  303. /package/{src → public}/images/placeholder-right.webp +0 -0
  304. /package/{src → public}/images/placeholder.webp +0 -0
  305. /package/{src → public}/images/sloepverhuur-bolsward.webp +0 -0
  306. /package/{src → public}/images/stark-vulcanising-products.webp +0 -0
  307. /package/{src → public}/images/the-gym-haren.webp +0 -0
  308. /package/{src → public}/images/van-dillen-antieke-bouwmaterialen.webp +0 -0
  309. /package/src/components/{LocaleSwitcher.astro → _LocaleSwitcher.astro} +0 -0
  310. /package/src/content/pages/{showcase → _showcase}/anti-slip-profiles.md +0 -0
  311. /package/src/content/pages/{showcase → _showcase}/fulldev-ui.md +0 -0
  312. /package/src/content/pages/{showcase → _showcase}/lavis-detailing.md +0 -0
  313. /package/src/content/pages/{showcase → _showcase}/leren-trainingsacteren.md +0 -0
  314. /package/src/content/pages/{showcase → _showcase}/miele-witgoedcenter-amsterdam.md +0 -0
  315. /package/src/content/pages/{showcase → _showcase}/sloepverhuur-bolsward.md +0 -0
  316. /package/src/content/pages/{showcase → _showcase}/stark-vulcanising-products.md +0 -0
  317. /package/src/content/pages/{showcase → _showcase}/the-gym-haren.md +0 -0
  318. /package/src/content/pages/{showcase → _showcase}/van-dillen-antieke-bouwmaterialen.md +0 -0
  319. /package/src/content/pages/{blocks → docs/blocks}/_categories.mdx +0 -0
  320. /package/src/content/pages/{blocks/contact.mdx → docs/blocks/_contact.mdx} +0 -0
  321. /package/src/content/pages/{blocks → docs/blocks}/_jobs.mdx +0 -0
  322. /package/src/content/pages/{blocks/posts.mdx → docs/blocks/_posts.mdx} +0 -0
  323. /package/src/content/pages/{blocks → docs/blocks}/_stats.mdx +0 -0
  324. /package/src/content/pages/docs/{components → structures}/_dialog.mdx +0 -0
  325. /package/src/{components → structures}/Carousel.astro +0 -0
  326. /package/src/{components → structures}/Group.astro +0 -0
  327. /package/src/{components → structures}/Masonry.astro +0 -0
  328. /package/src/{components → structures}/Panel.astro +0 -0
  329. /package/src/{components → structures}/Section.astro +0 -0
  330. /package/{src/types/virtual.d.ts → virtual.d.ts} +0 -0
@@ -1,97 +0,0 @@
1
- ---
2
- title: Product
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Product from 'fulldev-ui/blocks/Product.astro'
8
- ---
9
-
10
- <Product
11
- heading="Basic Tee"
12
- price={48}
13
- rating={5}
14
- image="placeholder-landscape.webp"
15
- form={{ submit: 'Add to cart' }}
16
- description="Oversized white tee made of 100% cotton."
17
- list={[
18
- 'Shortsleeve',
19
- 'Ribbed collar',
20
- 'Runs large',
21
- 'Unisex',
22
- 'Material: 100% cotton',
23
- 'Imported',
24
- ]}
25
- />
26
- ```
27
-
28
- ```astro live
29
- ---
30
- import Product from 'fulldev-ui/blocks/Product.astro'
31
- ---
32
-
33
- <Product
34
- heading="Basic Tee"
35
- price={48}
36
- rating={5}
37
- images={[
38
- '/images/blocks/colleagues.png',
39
- '/images/blocks/content.png',
40
- '/images/blocks/cta.png',
41
- '/images/blocks/features.png',
42
- '/images/blocks/footer.png',
43
- '/images/blocks/header.png',
44
- '/images/blocks/hero.png',
45
- '/images/blocks/intro.png',
46
- '/images/blocks/posts.png',
47
- '/images/blocks/prices.png',
48
- '/images/blocks/reviews.png',
49
- ]}
50
- form={{ submit: 'Add to cart' }}
51
- description="Oversized white tee made of 100% cotton."
52
- list={[
53
- 'Shortsleeve',
54
- 'Ribbed collar',
55
- 'Runs large',
56
- 'Unisex',
57
- 'Material: 100% cotton',
58
- 'Imported',
59
- ]}
60
- />
61
- ```
62
-
63
- ```astro live
64
- ---
65
- import Product from 'fulldev-ui/blocks/Product.astro'
66
- ---
67
-
68
- <Product
69
- heading="Basic Tee"
70
- price={48}
71
- rating={5}
72
- images={[
73
- '/images/blocks/colleagues.png',
74
- '/images/blocks/content.png',
75
- '/images/blocks/cta.png',
76
- '/images/blocks/features.png',
77
- '/images/blocks/footer.png',
78
- '/images/blocks/header.png',
79
- '/images/blocks/hero.png',
80
- '/images/blocks/intro.png',
81
- '/images/blocks/posts.png',
82
- '/images/blocks/prices.png',
83
- '/images/blocks/reviews.png',
84
- ]}
85
- gallery="vertical"
86
- form={{ submit: 'Add to cart' }}
87
- description="Oversized white tee made of 100% cotton."
88
- list={[
89
- 'Shortsleeve',
90
- 'Ribbed collar',
91
- 'Runs large',
92
- 'Unisex',
93
- 'Material: 100% cotton',
94
- 'Imported',
95
- ]}
96
- />
97
- ```
@@ -1,52 +0,0 @@
1
- ---
2
- title: Products
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Products from 'fulldev-ui/blocks/Products.astro'
8
- ---
9
-
10
- <Products
11
- heading="Best selling"
12
- text="Our top-rated products loved by customers."
13
- cards={[
14
- {
15
- heading: 'Wireless Noise-Cancelling Headphones',
16
- text: 'Premium sound quality with active noise cancellation for immersive listening.',
17
- price: 249,
18
- image: '/images/placeholder-landscape.webp',
19
- },
20
- {
21
- heading: 'Smart Home Security Camera',
22
- text: 'HD video with night vision and two-way audio for 24/7 home monitoring.',
23
- price: 129,
24
- image: '/images/placeholder-landscape.webp',
25
- },
26
- {
27
- heading: 'Ergonomic Office Chair',
28
- text: 'Adjustable lumbar support and breathable mesh for all-day comfort.',
29
- price: 199,
30
- image: '/images/placeholder-landscape.webp',
31
- },
32
- {
33
- heading: 'Portable Solar Power Bank',
34
- text: 'High-capacity battery with solar charging for eco-friendly power on the go.',
35
- price: 79,
36
- image: '/images/placeholder-landscape.webp',
37
- },
38
- {
39
- heading: 'Multi-Function Air Fryer',
40
- text: 'Versatile cooking appliance for healthier, crispy meals with less oil.',
41
- price: 149,
42
- image: '/images/placeholder-landscape.webp',
43
- },
44
- {
45
- heading: 'Smart Fitness Tracker Watch',
46
- text: 'Advanced health monitoring and workout tracking in a sleek design.',
47
- price: 179,
48
- image: '/images/placeholder-landscape.webp',
49
- },
50
- ]}
51
- />
52
- ```
@@ -1,37 +0,0 @@
1
- ---
2
- title: Colleagues
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Colleagues from 'fulldev-ui/blocks/Colleagues.astro'
8
- ---
9
-
10
- <Colleagues
11
- heading="Meet the team"
12
- text="Our team is made up of experienced professionals who are dedicated to helping you achieve your goals."
13
- panel
14
- cards={[
15
- {
16
- image: 'avatar-1.jpeg',
17
- heading: 'John Doe',
18
- text: 'Ceo & Founder of ACME.',
19
- },
20
- {
21
- image: 'avatar-2.jpeg',
22
- heading: 'Jane Doe',
23
- text: 'Manager of ACME.',
24
- },
25
- {
26
- image: 'avatar-3.jpeg',
27
- heading: 'John Smith',
28
- text: 'Developer of ACME.',
29
- },
30
- {
31
- image: 'avatar-4.jpeg',
32
- heading: 'Jane Smith',
33
- text: 'Developer of ACME.',
34
- },
35
- ]}
36
- />
37
- ```
@@ -1,77 +0,0 @@
1
- ---
2
- title: Content
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Content from 'fulldev-ui/blocks/Content.astro'
8
- ---
9
-
10
- <Content
11
- label="Lorem ipsum"
12
- heading="Lorem ipsum dolor sit"
13
- 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."
14
- buttons={[{ text: 'Lorem ipsum', href: '' }]}
15
- image="/images/placeholder-landscape.webp"
16
- />
17
- ```
18
-
19
- ```astro live
20
- ---
21
- import Content from 'fulldev-ui/blocks/Content.astro'
22
- ---
23
-
24
- <Content
25
- size="lg"
26
- label="Lorem ipsum"
27
- heading="Lorem ipsum dolor sit"
28
- 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."
29
- buttons={[{ text: 'Lorem ipsum', href: '' }]}
30
- image="/images/placeholder-landscape.webp"
31
- />
32
- ```
33
-
34
- ```astro live
35
- ---
36
- import Content from 'fulldev-ui/blocks/Content.astro'
37
- ---
38
-
39
- <Content
40
- size="sm"
41
- label="Lorem ipsum"
42
- heading="Lorem ipsum dolor sit"
43
- 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."
44
- buttons={[{ text: 'Lorem ipsum', href: '' }]}
45
- image="/images/placeholder-landscape.webp"
46
- />
47
- ```
48
-
49
- ```astro live
50
- ---
51
- import Content from 'fulldev-ui/blocks/Content.astro'
52
- ---
53
-
54
- <Content
55
- reverse="odd"
56
- label="Lorem ipsum"
57
- heading="Lorem ipsum dolor sit"
58
- 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."
59
- buttons={[{ text: 'Lorem ipsum', href: '' }]}
60
- image="/images/placeholder-landscape.webp"
61
- />
62
- ```
63
-
64
- ```astro live
65
- ---
66
- import Content from 'fulldev-ui/blocks/Content.astro'
67
- ---
68
-
69
- <Content
70
- label="Lorem ipsum dolor"
71
- heading="Lorem ipsum dolor sit"
72
- 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."
73
- buttons={[{ text: 'Lorem ipsum', href: '' }]}
74
- image="/images/placeholder-landscape.webp"
75
- structure="column"
76
- />
77
- ```
@@ -1,159 +0,0 @@
1
- ---
2
- title: CTA
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Cta from 'fulldev-ui/blocks/Cta.astro'
8
- ---
9
-
10
- <Cta
11
- heading="Lorem ipsum dolor sit"
12
- text="Lorem ipsum dolor sit amet consectetur ades"
13
- buttons={[
14
- { text: 'Lorem ipsum', href: '', color: 'brand' },
15
- { text: 'Lorem ipsum', href: '', color: 'brand' },
16
- ]}
17
- />
18
- ```
19
-
20
- ```astro live
21
- ---
22
- import Cta from 'fulldev-ui/blocks/Cta.astro'
23
- ---
24
-
25
- <Cta
26
- heading="Lorem ipsum dolor sit"
27
- text="Lorem ipsum dolor sit amet consectetur ades"
28
- buttons={[
29
- { text: 'Lorem ipsum', href: '', contrast: true },
30
- { text: 'Lorem ipsum', href: '', contrast: true },
31
- ]}
32
- />
33
- ```
34
-
35
- ```astro live
36
- ---
37
- import Cta from 'fulldev-ui/blocks/Cta.astro'
38
- ---
39
-
40
- <Cta
41
- label="Lorem ipsum dolor"
42
- heading="Lorem ipsum dolor sit"
43
- text="Lorem ipsum dolor sit amet consectetur ades"
44
- buttons={[
45
- { text: 'Lorem ipsum', href: '' },
46
- { text: 'Lorem ipsum', href: '' },
47
- ]}
48
- />
49
- ```
50
-
51
- ```astro live
52
- ---
53
- import Cta from 'fulldev-ui/blocks/Cta.astro'
54
- ---
55
-
56
- <Cta
57
- label="Lorem ipsum dolor"
58
- heading="Lorem ipsum dolor sit"
59
- text="Lorem ipsum dolor sit amet consectetur ades"
60
- buttons={[
61
- { text: 'Lorem ipsum', href: '', contrast: true },
62
- { text: 'Lorem ipsum', href: '', contrast: true },
63
- ]}
64
- />
65
- ```
66
-
67
- ```astro live
68
- ---
69
- import Cta from 'fulldev-ui/blocks/Cta.astro'
70
- ---
71
-
72
- <Cta
73
- label="Lorem ipsum dolor"
74
- heading="Lorem ipsum dolor sit"
75
- text="Lorem ipsum dolor sit amet consectetur ades"
76
- buttons={[
77
- { text: 'Lorem ipsum', href: '', color: 'brand' },
78
- { text: 'Lorem ipsum', href: '', color: 'brand' },
79
- ]}
80
- />
81
- ```
82
-
83
- ```astro live
84
- ---
85
- import Cta from 'fulldev-ui/blocks/Cta.astro'
86
- ---
87
-
88
- <Cta
89
- label="Lorem ipsum dolor"
90
- heading="Lorem ipsum dolor sit"
91
- text="Lorem ipsum dolor sit amet consectetur ades"
92
- buttons={[
93
- { text: 'Lorem ipsum', href: '' },
94
- { text: 'Lorem ipsum', href: '' },
95
- ]}
96
- />
97
- ```
98
-
99
- ```astro live
100
- ---
101
- import Cta from 'fulldev-ui/blocks/Cta.astro'
102
- ---
103
-
104
- <Cta
105
- heading="Lorem ipsum dolor sit"
106
- buttons={[
107
- { text: 'Lorem ipsum', href: '' },
108
- { text: 'Lorem ipsum', href: '' },
109
- ]}
110
- structure="spread"
111
- />
112
- ```
113
-
114
- ```astro live
115
- ---
116
- import Cta from 'fulldev-ui/blocks/Cta.astro'
117
- ---
118
-
119
- <Cta
120
- heading="Lorem ipsum dolor sit"
121
- buttons={[
122
- { text: 'Lorem ipsum', href: '' },
123
- { text: 'Lorem ipsum', href: '' },
124
- ]}
125
- structure="spread"
126
- />
127
- ```
128
-
129
- ```astro live
130
- ---
131
- import Cta from 'fulldev-ui/blocks/Cta.astro'
132
- ---
133
-
134
- <Cta
135
- heading="Lorem ipsum dolor sit"
136
- buttons={[
137
- { text: 'Lorem ipsum', href: '' },
138
- { text: 'Lorem ipsum', href: '' },
139
- ]}
140
- structure="spread"
141
- />
142
- ```
143
-
144
- ```astro live
145
- ---
146
- import Cta from 'fulldev-ui/blocks/Cta.astro'
147
- ---
148
-
149
- <Cta
150
- heading="Lorem ipsum dolor sit"
151
- text="Lorem ipsum dolor sit amet consectetur ades"
152
- buttons={[
153
- { text: 'Lorem ipsum', href: '', color: 'brand' },
154
- { text: 'Lorem ipsum', href: '' },
155
- ]}
156
- position="background"
157
- image="/images/placeholder-landscape-dark.png"
158
- />
159
- ```
@@ -1,128 +0,0 @@
1
- ---
2
- title: Features
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Features from 'fulldev-ui/blocks/Features.astro'
8
- ---
9
-
10
- <Features
11
- heading="Lorem ipsum dolor sit"
12
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
13
- cards={[
14
- {
15
- icon: 'rocket',
16
- heading: 'Lorem ipsum',
17
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
18
- button: { text: 'Lorem ipsum', href: '' },
19
- },
20
- {
21
- icon: 'pencil',
22
- heading: 'Lorem ipsum',
23
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
24
- button: { text: 'Lorem ipsum', href: '' },
25
- },
26
- {
27
- icon: 'typography',
28
- heading: 'Lorem ipsum',
29
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
30
- button: { text: 'Lorem ipsum', href: '' },
31
- },
32
- ]}
33
- />
34
- ```
35
-
36
- ```astro live
37
- ---
38
- import Features from 'fulldev-ui/blocks/Features.astro'
39
- ---
40
-
41
- <Features
42
- heading="Lorem ipsum dolor sit"
43
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
44
- cards={[
45
- {
46
- icon: 'rocket',
47
- heading: 'Lorem ipsum',
48
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
49
- },
50
- {
51
- icon: 'pencil',
52
- heading: 'Lorem ipsum',
53
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
54
- },
55
- {
56
- icon: 'typography',
57
- heading: 'Lorem ipsum',
58
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
59
- },
60
- ]}
61
- />
62
- ```
63
-
64
- ```astro live
65
- ---
66
- import Features from 'fulldev-ui/blocks/Features.astro'
67
- ---
68
-
69
- <Features
70
- variant="primary"
71
- heading="Lorem ipsum dolor sit"
72
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
73
- buttons={[
74
- { text: 'Lorem ipsum', href: '' },
75
- { text: 'Lorem ipsum', href: '' },
76
- ]}
77
- cards={[
78
- {
79
- icon: 'rocket',
80
- heading: 'Lorem ipsum',
81
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
82
- },
83
- {
84
- icon: 'pencil',
85
- heading: 'Lorem ipsum',
86
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
87
- },
88
- {
89
- icon: 'typography',
90
- heading: 'Lorem ipsum',
91
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
92
- },
93
- ]}
94
- />
95
- ```
96
-
97
- ```astro live
98
- ---
99
- import Features from 'fulldev-ui/blocks/Features.astro'
100
- ---
101
-
102
- <Features
103
- heading="Lorem ipsum dolor sit"
104
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit."
105
- panel
106
- position="inset"
107
- cards={[
108
- {
109
- image: '/images/placeholder-landscape.webp',
110
- heading: 'Lorem ipsum',
111
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
112
- href: '',
113
- },
114
- {
115
- image: '/images/placeholder-landscape.webp',
116
- heading: 'Lorem ipsum',
117
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
118
- href: '',
119
- },
120
- {
121
- image: '/images/placeholder-landscape.webp',
122
- heading: 'Lorem ipsum',
123
- text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
124
- href: '',
125
- },
126
- ]}
127
- />
128
- ```
@@ -1,94 +0,0 @@
1
- ---
2
- title: Hero
3
- ---
4
-
5
- ```astro live
6
- ---
7
- import Hero from 'fulldev-ui/blocks/Hero.astro'
8
- ---
9
-
10
- <Hero
11
- badge="Lorem ipsum dolor"
12
- heading="Lorem ipsum dolor sit"
13
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
14
- buttons={[
15
- { text: 'Lorem ipsum', href: '' },
16
- { text: 'Lorem ipsum', href: '' },
17
- ]}
18
- position="inset"
19
- image="/images/placeholder-landscape.webp"
20
- />
21
- ```
22
-
23
- ```astro live
24
- ---
25
- import Hero from 'fulldev-ui/blocks/Hero.astro'
26
- ---
27
-
28
- <Hero
29
- heading="Lorem ipsum dolor sit"
30
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
31
- buttons={[
32
- { text: 'Lorem ipsum', href: '' },
33
- { text: 'Lorem ipsum', href: '' },
34
- ]}
35
- structure="spread"
36
- position="inset"
37
- image="/images/placeholder-landscape.webp"
38
- />
39
- ```
40
-
41
- ```astro live
42
- ---
43
- import Hero from 'fulldev-ui/blocks/Hero.astro'
44
- ---
45
-
46
- <Hero
47
- badge="Lorem ipsum dolor"
48
- heading="Lorem ipsum dolor consectetur amet"
49
- text="Lorem ipsum dolor sit amet consectetur aler"
50
- buttons={[
51
- { text: 'Lorem ipsum', href: '' },
52
- { text: 'Lorem ipsum', href: '' },
53
- ]}
54
- structure="split"
55
- image="/images/placeholder-landscape.webp"
56
- />
57
- ```
58
-
59
- ```astro live
60
- ---
61
- import Hero from 'fulldev-ui/blocks/Hero.astro'
62
- ---
63
-
64
- <Hero
65
- badge="Lorem ipsum dolor"
66
- heading="Lorem ipsum dolor consectetur amet"
67
- text="Lorem ipsum dolor sit amet consectetur aler"
68
- buttons={[
69
- { text: 'Lorem ipsum', href: '' },
70
- { text: 'Lorem ipsum', href: '' },
71
- ]}
72
- structure="split"
73
- position="inset"
74
- image="/images/placeholder-landscape.webp"
75
- />
76
- ```
77
-
78
- ```astro live
79
- ---
80
- import Hero from 'fulldev-ui/blocks/Hero.astro'
81
- ---
82
-
83
- <Hero
84
- heading="Lorem ipsum dolor sit"
85
- text="Lorem ipsum dolor sit amet consectetur adipisicing elit"
86
- buttons={[
87
- { text: 'Lorem ipsum', href: '' },
88
- { text: 'Lorem ipsum', href: '' },
89
- ]}
90
- image="/images/placeholder-landscape-dark.png"
91
- position="background"
92
- style={{ minHeight: '100vh', justifyContent: 'center' }}
93
- />
94
- ```