fulldev-ui 0.6.0-beta.6 → 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.
- package/.vscode/settings.json +2 -0
- package/astro.config.ts +1 -3
- package/cloudcannon.config.yml +2 -3
- package/package.json +1 -1
- package/src/blocks/Banner.astro +3 -3
- package/src/blocks/Colleagues1.astro +16 -16
- package/src/blocks/Contact1.astro +5 -10
- package/src/blocks/Content1.astro +22 -39
- package/src/blocks/Content2.astro +21 -45
- package/src/blocks/Content3.astro +36 -31
- package/src/blocks/Content4.astro +28 -35
- package/src/blocks/Content5.astro +72 -0
- package/src/blocks/Cta1.astro +6 -6
- package/src/blocks/Features1.astro +9 -5
- package/src/blocks/Footer.astro +13 -5
- package/src/blocks/Header.astro +19 -15
- package/src/blocks/Hero1.astro +8 -5
- package/src/blocks/Industries1.astro +86 -0
- package/src/blocks/Intro1.astro +7 -9
- package/src/blocks/Jobs1.astro +28 -24
- package/src/blocks/Logos1.astro +4 -4
- package/src/blocks/Products1.astro +4 -4
- package/src/blocks/Projects1.astro +103 -0
- package/src/blocks/Reviews1.astro +9 -7
- package/src/{components → blocks}/Subheader.astro +1 -2
- package/src/components/Badge.astro +8 -20
- package/src/components/Badges.astro +3 -3
- package/src/components/Block.astro +1 -1
- package/src/components/Button.astro +9 -18
- package/src/components/Cart.astro +6 -6
- package/src/components/CartSummary.astro +1 -0
- package/src/components/Channel.astro +9 -3
- package/src/components/Channels.astro +11 -42
- package/src/components/Checkbox.astro +8 -14
- package/src/components/Element.astro +2 -1
- package/src/components/Form.astro +1 -2
- package/src/components/Gallery.astro +6 -5
- package/src/components/Head.astro +14 -4
- package/src/components/Heading.astro +21 -17
- package/src/components/Icon.astro +2 -3
- package/src/components/Image.astro +6 -2
- package/src/components/Input.astro +11 -14
- package/src/components/Label.astro +6 -6
- package/src/components/Link.astro +13 -16
- package/src/components/Links.astro +1 -2
- package/src/components/List.astro +3 -5
- package/src/components/Logo.astro +9 -16
- package/src/components/Menu.astro +7 -3
- package/src/components/Paragraph.astro +6 -7
- package/src/components/Price.astro +1 -4
- package/src/components/Rating.astro +4 -2
- package/src/components/Search.astro +1 -6
- package/src/components/Select.astro +3 -4
- package/src/components/Sidebar.astro +6 -6
- package/src/components/Social.astro +3 -1
- package/src/components/Socials.astro +18 -34
- package/src/components/Switch.astro +4 -69
- package/src/components/Table.astro +2 -3
- package/src/components/Tagline.astro +6 -7
- package/src/components/Textarea.astro +5 -5
- package/src/components/Themer.astro +3 -3
- package/src/components/Toc.astro +7 -11
- package/src/components/Toggle.astro +45 -0
- package/src/components/{Breadcrumb.astro → _Breadcrumb.astro} +3 -3
- package/src/components/_Image.astro +2 -2
- package/src/components/docs/Props.astro +21 -0
- package/src/content/layouts/base.yml +131 -19
- package/src/content/pages/base/toggle.mdx +28 -0
- package/src/content/pages/{blocks → docs/blocks}/banner.mdx +1 -0
- package/src/content/pages/docs/blocks/colleagues.mdx +49 -0
- package/src/content/pages/docs/blocks/content.mdx +155 -0
- package/src/content/pages/docs/blocks/cta.mdx +16 -0
- package/src/content/pages/docs/blocks/feature.mdx +17 -0
- package/src/content/pages/docs/blocks/features.mdx +35 -0
- package/src/content/pages/docs/blocks/footer.mdx +46 -0
- package/src/content/pages/docs/blocks/header.mdx +60 -0
- package/src/content/pages/docs/blocks/hero.mdx +18 -0
- package/src/content/pages/docs/blocks/intro.mdx +16 -0
- package/src/content/pages/docs/blocks/logos.mdx +37 -0
- package/src/content/pages/docs/blocks/projects.mdx +36 -0
- package/src/content/pages/docs/blocks/reviews.mdx +65 -0
- package/src/content/pages/docs/blocks.mdx +45 -20
- package/src/content/pages/docs/collections/pages.mdx +2 -2
- package/src/content/pages/docs/components/{table.mdx → _table.mdx} +2 -4
- package/src/content/pages/docs/components/{themer.mdx → _themer.mdx} +2 -4
- package/src/content/pages/docs/components/_toggle.mdx +2 -2
- package/src/content/pages/docs/components/badge.mdx +2 -4
- package/src/content/pages/docs/components/badges.mdx +3 -4
- package/src/content/pages/docs/components/button.mdx +2 -4
- package/src/content/pages/docs/components/buttons.mdx +3 -4
- package/src/content/pages/docs/components/channel.mdx +2 -4
- package/src/content/pages/docs/components/channels.mdx +3 -2
- package/src/content/pages/docs/components/checkbox.mdx +2 -4
- package/src/content/pages/docs/components/heading.mdx +11 -21
- package/src/content/pages/docs/components/icon.mdx +2 -4
- package/src/content/pages/docs/components/image.mdx +3 -9
- package/src/content/pages/docs/components/input.mdx +2 -4
- package/src/content/pages/docs/components/label.mdx +2 -4
- package/src/content/pages/docs/components/link.mdx +2 -4
- package/src/content/pages/docs/components/links.mdx +3 -4
- package/src/content/pages/docs/components/list.mdx +2 -4
- package/src/content/pages/docs/components/logo.mdx +9 -21
- package/src/content/pages/docs/components/menu.mdx +20 -48
- package/src/content/pages/docs/components/paragraph.mdx +44 -0
- package/src/content/pages/docs/components/rating.mdx +9 -42
- package/src/content/pages/docs/components/select.mdx +2 -4
- package/src/content/pages/docs/components/social.mdx +2 -4
- package/src/content/pages/docs/components/socials.mdx +3 -2
- package/src/content/pages/docs/components/switch.mdx +2 -4
- package/src/content/pages/docs/components/tagline.mdx +2 -6
- package/src/content/pages/docs/components/textarea.mdx +2 -4
- package/src/content/pages/docs/components.mdx +3 -4
- package/src/content/pages/docs/customization.mdx +52 -20
- package/src/content/pages/docs/frameworks.mdx +12 -11
- package/src/content/pages/docs/index.mdx +3 -2
- package/src/content/pages/docs/installation.mdx +9 -6
- package/src/content/pages/docs/layouts/doc.mdx +15 -0
- package/src/content/pages/docs/layouts/page.mdx +15 -0
- package/src/content/pages/docs/layouts.mdx +66 -19
- package/src/content/pages/docs/{generating-pages.mdx → pages.mdx} +1 -0
- package/src/content/pages/docs/{components → structures}/_card.mdx +6 -6
- package/src/content/pages/docs/{components → structures}/_drawer.mdx +1 -1
- package/src/content/pages/docs/structures/card.mdx +15 -0
- package/src/content/pages/docs/{components → structures}/code.mdx +4 -7
- package/src/content/pages/docs/structures/container.mdx +15 -0
- package/src/content/pages/docs/structures/drawer.mdx +15 -0
- package/src/content/pages/docs/structures/group.mdx +15 -0
- package/src/content/pages/docs/structures/layout.mdx +15 -0
- package/src/content/pages/docs/structures/masonry.mdx +15 -0
- package/src/content/pages/docs/structures/matrix.mdx +15 -0
- package/src/content/pages/docs/structures/panel.mdx +15 -0
- package/src/content/pages/docs/{components → structures}/prose.mdx +3 -6
- package/src/content/pages/docs/structures/section.mdx +15 -0
- package/src/content/pages/docs/structures/stack.mdx +15 -0
- package/src/content/pages/docs/structures/writeup.mdx +15 -0
- package/src/content/pages/docs/structures.mdx +7 -0
- package/src/content/pages/index.mdx +7 -4
- package/src/content/pages/showcase.mdx +1 -4
- package/src/css/theme.css +9 -42
- package/src/integration/index.ts +1 -3
- package/src/layouts/Block.astro +81 -0
- package/src/layouts/Category.astro +6 -6
- package/src/layouts/Doc.astro +50 -24
- package/src/layouts/Job.astro +5 -7
- package/src/layouts/Jobs.astro +14 -14
- package/src/layouts/Page.astro +4 -4
- package/src/layouts/Post.astro +7 -6
- package/src/layouts/Product.astro +3 -2
- package/src/schemas/badge.ts +14 -0
- package/src/schemas/block.ts +58 -0
- package/src/schemas/{components/button.ts → button.ts} +3 -7
- package/src/schemas/channel.ts +14 -0
- package/src/schemas/checkbox.ts +13 -0
- package/src/schemas/footer.ts +17 -0
- package/src/schemas/{components/head.ts → head.ts} +5 -5
- package/src/schemas/header.ts +21 -0
- package/src/schemas/{components/image.ts → image.ts} +22 -9
- package/src/schemas/input.ts +13 -0
- package/src/schemas/link.ts +14 -0
- package/src/schemas/logo.ts +13 -0
- package/src/schemas/menu.ts +11 -0
- package/src/schemas/page.ts +11 -14
- package/src/schemas/{utils/pathSchema.ts → path.ts} +1 -1
- package/src/schemas/textarea.ts +11 -0
- package/src/stores/cart.svelte.ts +0 -1
- package/src/{components → structures}/Card.astro +5 -1
- package/src/{components → structures}/Code.astro +7 -6
- package/src/{components → structures}/Container.astro +1 -1
- package/src/{components → structures}/Drawer.astro +4 -4
- package/src/{components → structures}/Layout.astro +2 -3
- package/src/structures/Matrix.astro +39 -0
- package/src/{components → structures}/Prose.astro +17 -6
- package/src/structures/Sidebar.astro +37 -0
- package/src/{components → structures}/Stack.astro +1 -1
- package/src/{components → structures}/Writeup.astro +9 -1
- package/src/structures/_Bento.astro +34 -0
- package/src/utils/cart.ts +1 -1
- package/tailwind.config.ts +5 -7
- package/tsconfig.json +3 -1
- package/public/favicon/favicon-16x16-dark.png +0 -0
- package/public/favicon/favicon-32x32-dark.png +0 -0
- package/public/favicon/favicon-48x48-dark.png +0 -0
- package/public/favicon/favicon-dark.ico +0 -0
- package/src/blocks/Feature1.astro +0 -61
- package/src/components/Avatar.astro +0 -45
- package/src/components/Avatars.astro +0 -36
- package/src/components/Cards.astro +0 -133
- package/src/components/Dialog.astro +0 -67
- package/src/components/DrawerOld.astro +0 -143
- package/src/components/Grid.astro +0 -39
- package/src/components/Header.astro +0 -32
- package/src/components/Navigation.astro +0 -39
- package/src/components/_Author.astro +0 -90
- package/src/components/_Header.astro +0 -129
- package/src/components/_Prose copy.astro +0 -172
- package/src/components/_Sidebar copy.astro +0 -87
- package/src/components/docs/DecorativeBox.astro +0 -15
- package/src/components/docs/PropsTable.astro +0 -49
- package/src/components/experimental/Video.astro +0 -32
- package/src/components/experimental/Window.astro +0 -122
- package/src/content/pages/blocks/_footer.mdx +0 -75
- package/src/content/pages/blocks/_header.mdx +0 -183
- package/src/content/pages/blocks/_prices.mdx +0 -122
- package/src/content/pages/blocks/_product.mdx +0 -97
- package/src/content/pages/blocks/_products.mdx +0 -52
- package/src/content/pages/blocks/colleagues.mdx +0 -37
- package/src/content/pages/blocks/content.mdx +0 -77
- package/src/content/pages/blocks/cta.mdx +0 -159
- package/src/content/pages/blocks/features.mdx +0 -128
- package/src/content/pages/blocks/hero.mdx +0 -94
- package/src/content/pages/blocks/intro.mdx +0 -124
- package/src/content/pages/blocks/reviews.mdx +0 -251
- package/src/content/pages/categories/category.md +0 -7
- package/src/content/pages/docs/_internationalization.mdx +0 -55
- package/src/content/pages/docs/_using-blocks.mdx +0 -33
- package/src/content/pages/docs/_using-presets.mdx +0 -49
- package/src/content/pages/docs/collections.mdx +0 -42
- package/src/content/pages/docs/components/_switch.mdx +0 -31
- package/src/content/pages/docs/components/avatar.mdx +0 -34
- package/src/content/pages/docs/components/section.mdx +0 -35
- package/src/content/pages/docs/components/text.mdx +0 -48
- package/src/content/pages/products/product.md +0 -20
- package/src/css/color.css +0 -76
- package/src/css/size.css +0 -131
- package/src/images/favicon/android-chrome-192x192.png +0 -0
- package/src/images/favicon/android-chrome-512x512.png +0 -0
- package/src/images/favicon/apple-touch-icon.png +0 -0
- package/src/images/favicon/browserconfig.xml +0 -9
- package/src/images/favicon/favicon-16x16.png +0 -0
- package/src/images/favicon/favicon-32x32.png +0 -0
- package/src/images/favicon/favicon-48x48.png +0 -0
- package/src/images/favicon/favicon.ico +0 -0
- package/src/images/favicon/favicon.svg +0 -16
- package/src/images/favicon/manifest.webmanifest +0 -30
- package/src/images/favicon/mstile-150x150.png +0 -0
- package/src/images/favicon/safari-pinned-tab.svg +0 -16
- package/src/images/favicon/yandex-browser-50x50.png +0 -0
- package/src/images/favicon/yandex-browser-manifest.json +0 -9
- package/src/pages/test.astro +0 -35
- package/src/schemas/components/avatar.ts +0 -6
- package/src/schemas/components/badge.ts +0 -18
- package/src/schemas/components/block.ts +0 -61
- package/src/schemas/components/channel.ts +0 -19
- package/src/schemas/components/footer.ts +0 -19
- package/src/schemas/components/header.ts +0 -23
- package/src/schemas/components/heading.ts +0 -9
- package/src/schemas/components/icon.ts +0 -9
- package/src/schemas/components/link.ts +0 -17
- package/src/schemas/components/logo.ts +0 -13
- package/src/schemas/components/menu.ts +0 -14
- package/src/schemas/components/navigation.ts +0 -10
- package/src/schemas/components/paragraph.ts +0 -9
- package/src/schemas/components/price.ts +0 -9
- package/src/schemas/components/rating.ts +0 -10
- package/src/schemas/components/sidebar.ts +0 -18
- package/src/schemas/components/social.ts +0 -18
- package/src/schemas/components/tagline.ts +0 -9
- package/src/schemas/imageSchema.ts +0 -41
- package/src/schemas/utils/component.ts +0 -17
- package/src/types/global-props.ts +0 -7
- package/src/utils/_archive/Childmorphic.ts +0 -8
- package/src/utils/_archive/getAllCollections.ts +0 -10
- package/src/utils/_archive/getCollectionCascade.ts +0 -33
- package/src/utils/_archive/getPathname.ts +0 -18
- package/src/utils/_archive/mergeEntries.ts +0 -28
- package/src/utils/_archive/staticPageSchema.ts +0 -124
- package/src/utils/_archive/transform/transform.ts +0 -25
- package/src/utils/_archive/transform/transformCasing.ts +0 -24
- package/src/utils/_archive/transform/transformReferences.ts +0 -54
- package/src/utils/_archive/transform/transformSelfs.ts +0 -20
- package/src/utils/_archive/transform/transformUnderscores.ts +0 -19
- package/src/utils/formatEntries.ts +0 -8
- package/src/utils/formatEntry.ts +0 -29
- package/src/utils/getDeepReferenceChildren.ts +0 -14
- package/src/utils/getFolderChildren.ts +0 -18
- package/src/utils/getReferenceChildren.ts +0 -14
- package/src/utils/getSiblingPages.ts +0 -14
- package/src/utils/setTheme.ts +0 -18
- /package/{src → public}/images/anti-slip-profiles.webp +0 -0
- /package/{src → public}/images/avatar-1.jpeg +0 -0
- /package/{src → public}/images/avatar-2.jpeg +0 -0
- /package/{src → public}/images/avatar-3.jpeg +0 -0
- /package/{src → public}/images/avatar-4.jpeg +0 -0
- /package/{src → public}/images/avatar-placeholder.jpg +0 -0
- /package/{src → public}/images/block-code.png +0 -0
- /package/{src → public}/images/component-code.png +0 -0
- /package/{src → public}/images/favicon.svg +0 -0
- /package/{src → public}/images/fulldev-ui.webp +0 -0
- /package/{src → public}/images/lavis-detailing.webp +0 -0
- /package/{src → public}/images/leren-trainingsacteren.webp +0 -0
- /package/{src → public}/images/logo-1.svg +0 -0
- /package/{src → public}/images/logo-2.svg +0 -0
- /package/{src → public}/images/logo-basic.svg +0 -0
- /package/{src → public}/images/logo-simple.svg +0 -0
- /package/{src → public}/images/logo-thin.svg +0 -0
- /package/{src → public}/images/logo.svg +0 -0
- /package/{src → public}/images/logofat.svg +0 -0
- /package/{src → public}/images/miele-witgoedcenter-amsterdam.webp +0 -0
- /package/{src → public}/images/og-image.png +0 -0
- /package/{src → public}/images/placeholder-center.webp +0 -0
- /package/{src → public}/images/placeholder-landscape-dark.png +0 -0
- /package/{src → public}/images/placeholder-landscape.webp +0 -0
- /package/{src → public}/images/placeholder-portrait.webp +0 -0
- /package/{src → public}/images/placeholder-right.webp +0 -0
- /package/{src → public}/images/placeholder.webp +0 -0
- /package/{src → public}/images/sloepverhuur-bolsward.webp +0 -0
- /package/{src → public}/images/stark-vulcanising-products.webp +0 -0
- /package/{src → public}/images/the-gym-haren.webp +0 -0
- /package/{src → public}/images/van-dillen-antieke-bouwmaterialen.webp +0 -0
- /package/src/components/{LocaleSwitcher.astro → _LocaleSwitcher.astro} +0 -0
- /package/src/content/pages/{showcase → _showcase}/anti-slip-profiles.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/fulldev-ui.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/lavis-detailing.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/leren-trainingsacteren.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/miele-witgoedcenter-amsterdam.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/sloepverhuur-bolsward.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/stark-vulcanising-products.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/the-gym-haren.md +0 -0
- /package/src/content/pages/{showcase → _showcase}/van-dillen-antieke-bouwmaterialen.md +0 -0
- /package/src/content/pages/{blocks → docs/blocks}/_categories.mdx +0 -0
- /package/src/content/pages/{blocks/contact.mdx → docs/blocks/_contact.mdx} +0 -0
- /package/src/content/pages/{blocks → docs/blocks}/_jobs.mdx +0 -0
- /package/src/content/pages/{blocks/posts.mdx → docs/blocks/_posts.mdx} +0 -0
- /package/src/content/pages/{blocks → docs/blocks}/_stats.mdx +0 -0
- /package/src/content/pages/docs/{components → structures}/_dialog.mdx +0 -0
- /package/src/{components → structures}/Carousel.astro +0 -0
- /package/src/{components → structures}/Group.astro +0 -0
- /package/src/{components → structures}/Masonry.astro +0 -0
- /package/src/{components → structures}/Panel.astro +0 -0
- /package/src/{components → structures}/Section.astro +0 -0
- /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
|
-
```
|