bisheng/blablablocks-slider-block
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/lubusIN/blablablocks-slider-block.git synced 2025-10-04 01:04:17 +08:00
Code Issues Projects Packages Wiki Activity Actions

chore (templates): Update templates to align with new options

Browse source
This commit is contained in:
punitverma123 2025-05-21 12:14:29 +05:30
parent e940a85a1e
commit ce6ee3db24
17 changed files with 351 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

9
build/slider/block.json
View file

@ -153,9 +153,15 @@
"navigationSize": {
"type": "string"
},
"navigationSpacing": {
"type": "object"
},
"navigationOffset": {
"type": "object"
},
"navigationPosition": {
"type": "string"
},
"navigationBorderRadius": {
"type": "string"
},
@ -165,6 +171,9 @@
"paginationOffset": {
"type": "object"
},
"paginationPosition": {
"type": "string"
},
"paginationColor": {
"type": "object",
"properties": {

12
build/slider/index-rtl.css
View file

@ -90,3 +90,15 @@
.responsive_field_control .components-base-control__help {
margin-top: 2px;
}

.bbb-slider-navigation-position > div[role=row]:nth-child(2) > span:not(:nth-child(2)) {
visibility: hidden;
}

.bbb-slider-pagination-position {
grid-template-rows: repeat(2, 1fr) !important;
}

.bbb-slider-pagination-position > div[role=row]:nth-child(2) {
display: none;
}

2
build/slider/index.asset.php
View file

@ -1 +1 @@
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-media-utils', 'wp-notices', 'wp-primitives'), 'version' => 'b4a4ff92940cc4c046c4');
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-media-utils', 'wp-notices', 'wp-primitives'), 'version' => '0c1249425331d31c85f2');

12
build/slider/index.css
View file

@ -91,4 +91,16 @@
margin-top: 2px;
}

.bbb-slider-navigation-position > div[role=row]:nth-child(2) > span:not(:nth-child(2)) {
visibility: hidden;
}

.bbb-slider-pagination-position {
grid-template-rows: repeat(2, 1fr) !important;
}

.bbb-slider-pagination-position > div[role=row]:nth-child(2) {
display: none;
}

/*# sourceMappingURL=index.css.map*/

2
build/slider/index.css.map
View file

@ -1 +1 @@
{"version":3,"file":"slider/index.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAKC;;EAEC;AAFF;;AAQC;EACC;AALF;AAOE;EACC;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;EACA;AANH;AAUC;EACC;EACA;AARF;AAWC;EACC;AATF;AAYC;;EAEC;AAVF;;AAcA;EACC;EACA;EACA;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD,C","sources":["webpack://blablablocks-slider-block/./src/slider/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.slide_effects > .components-base-control {\n\twidth: 100%;\n}\n\n.autoplay-progress {\n\tposition: absolute;\n\tright: 16px;\n\tbottom: 16px;\n\tz-index: 10;\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: 700;\n\tcolor: var(--swiper-theme-color);\n}\n\n.autoplay-progress svg {\n\t--progress: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 10;\n\twidth: 100%;\n\theight: 100%;\n\tstroke-width: 4px;\n\tstroke: var(--swiper-theme-color);\n\tfill: none;\n\tstroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n\tstroke-dasharray: 125.6;\n\ttransform: rotate(-90deg);\n}\n\n.slider_color_popover .components-popover__content > div {\n\tmargin: -8px;\n\twidth: 260px;\n}\n\n.slider_color_popover {\n\n\t.components-tab-panel__tab-content,\n\t.ls-color-pallete-container {\n\t\tpadding: 18px;\n\t}\n}\n\n.slider_color-support-panel {\n\n\t.components-dropdown {\n\t\twidth: 100%;\n\n\t\t&:nth-child(1) {\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-top-left-radius: 2px;\n\t\t\tborder-top-right-radius: 2px;\n\t\t}\n\n\t\t&:nth-child(2) {\n\t\t\tborder-left: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-right: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom-left-radius: 2px;\n\t\t\tborder-bottom-right-radius: 2px;\n\t\t}\n\t}\n\n\tbutton {\n\t\twidth: 100%;\n\t\tpadding: 20px 10px;\n\t}\n\n\t.slider_color_button.isOpen {\n\t\tbackground-color: #f0f0f0;\n\t}\n\n\t.slider_color_button:hover span,\n\t.slider_color_button.isOpen span {\n\t\tcolor: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\t}\n}\n\n.block-editor-block-preview__container::after {\n\tborder-radius: 4px;\n\toutline: 1px solid #0000001a;\n\toutline-offset: -1px;\n}\n\n.slider-pattern-item:hover .block-editor-block-preview__container::after {\n\toutline-color: #0000004d;\n}\n\n.responsive_field_control .components-base-control__help {\n\tmargin-top: 2px;\n}\n"],"names":[],"sourceRoot":""}
{"version":3,"file":"slider/index.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAKC;;EAEC;AAFF;;AAQC;EACC;AALF;AAOE;EACC;EACA;EACA;AALH;AAQE;EACC;EACA;EACA;EACA;EACA;AANH;AAUC;EACC;EACA;AARF;AAWC;EACC;AATF;AAYC;;EAEC;AAVF;;AAcA;EACC;EACA;EACA;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD;;AAcA;EACC;AAXD,C","sources":["webpack://blablablocks-slider-block/./src/slider/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.slide_effects>.components-base-control {\n\twidth: 100%;\n}\n\n.autoplay-progress {\n\tposition: absolute;\n\tright: 16px;\n\tbottom: 16px;\n\tz-index: 10;\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: 700;\n\tcolor: var(--swiper-theme-color);\n}\n\n.autoplay-progress svg {\n\t--progress: 0;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 10;\n\twidth: 100%;\n\theight: 100%;\n\tstroke-width: 4px;\n\tstroke: var(--swiper-theme-color);\n\tfill: none;\n\tstroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n\tstroke-dasharray: 125.6;\n\ttransform: rotate(-90deg);\n}\n\n.slider_color_popover .components-popover__content>div {\n\tmargin: -8px;\n\twidth: 260px;\n}\n\n.slider_color_popover {\n\n\t.components-tab-panel__tab-content,\n\t.ls-color-pallete-container {\n\t\tpadding: 18px;\n\t}\n}\n\n.slider_color-support-panel {\n\n\t.components-dropdown {\n\t\twidth: 100%;\n\n\t\t&:nth-child(1) {\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-top-left-radius: 2px;\n\t\t\tborder-top-right-radius: 2px;\n\t\t}\n\n\t\t&:nth-child(2) {\n\t\t\tborder-left: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-right: 1px solid rgba(0, 0, 0, 0.1);\n\t\t\tborder-bottom-left-radius: 2px;\n\t\t\tborder-bottom-right-radius: 2px;\n\t\t}\n\t}\n\n\tbutton {\n\t\twidth: 100%;\n\t\tpadding: 20px 10px;\n\t}\n\n\t.slider_color_button.isOpen {\n\t\tbackground-color: #f0f0f0;\n\t}\n\n\t.slider_color_button:hover span,\n\t.slider_color_button.isOpen span {\n\t\tcolor: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));\n\t}\n}\n\n.block-editor-block-preview__container::after {\n\tborder-radius: 4px;\n\toutline: 1px solid #0000001a;\n\toutline-offset: -1px;\n}\n\n.slider-pattern-item:hover .block-editor-block-preview__container::after {\n\toutline-color: #0000004d;\n}\n\n.responsive_field_control .components-base-control__help {\n\tmargin-top: 2px;\n}\n\n.bbb-slider-navigation-position>div[role=\"row\"]:nth-child(2)>span:not(:nth-child(2)) {\n\tvisibility: hidden;\n}\n\n.bbb-slider-pagination-position {\n\tgrid-template-rows: repeat(2, 1fr) !important;\n}\n\n.bbb-slider-pagination-position>div[role=\"row\"]:nth-child(2) {\n\tdisplay: none;\n}"],"names":[],"sourceRoot":""}

2
build/slider/index.js
View file

File diff suppressed because one or more lines are too long

2
build/slider/index.js.map
View file

File diff suppressed because one or more lines are too long

29
build/slider/render.php
View file

@ -108,17 +108,20 @@ if (!function_exists('bbb_generate_navigation_styles')) {

// Pagination offset
$pagination_offset = $attributes['paginationOffset'] ?? [];
$add_style('--pagination-offset-top', bbb_resolve_spacing_size_value($pagination_offset['top'] ?? null, 'auto'));
$add_style('--pagination-offset-top', bbb_resolve_spacing_size_value($pagination_offset['top'] ?? null, '0px'));
$add_style('--pagination-offset-right', bbb_resolve_spacing_size_value($pagination_offset['right'] ?? null));
$add_style('--pagination-offset-bottom', bbb_resolve_spacing_size_value($pagination_offset['bottom'] ?? null, '8px'));
$add_style('--pagination-offset-bottom', bbb_resolve_spacing_size_value($pagination_offset['bottom'] ?? null, '0px'));
$add_style('--pagination-offset-left', bbb_resolve_spacing_size_value($pagination_offset['left'] ?? null));

// Navigation offset
$navigation_offset = $attributes['navigationOffset'] ?? [];
$add_style('--navigation-offset-top', bbb_resolve_spacing_size_value($navigation_offset['top'] ?? null, '50%'));
$add_style('--navigation-offset-right', bbb_resolve_spacing_size_value($navigation_offset['right'] ?? null, '10px'));
$navigationSpacing = $attributes['navigationSpacing'] ?? [];
$add_style('--navigation-offset-top', bbb_resolve_spacing_size_value($navigation_offset['top'] ?? null, '0px'));
$add_style('--navigation-offset-right', bbb_resolve_spacing_size_value($navigation_offset['right'] ?? null, '0px'));
$add_style('--navigation-offset-bottom', bbb_resolve_spacing_size_value($navigation_offset['bottom'] ?? null));
$add_style('--navigation-offset-left', bbb_resolve_spacing_size_value($navigation_offset['left'] ?? null, '10px'));
$add_style('--navigation-offset-left', bbb_resolve_spacing_size_value($navigation_offset['left'] ?? null, '0px'));
$add_style('--navigation-spacing', bbb_resolve_spacing_size_value($navigationSpacing['left'] ?? null, '0px'));

return $styles;
}
@ -139,8 +142,17 @@ if ($slide_count >= 2) {
$style_string .= 'padding:100px;';
}

$nav_position = isset($attributes['navigationPosition']) ? str_replace(' ', '-', $attributes['navigationPosition']) : 'center';
$pag_position = isset($attributes['paginationPosition']) ? str_replace(' ', '-', $attributes['paginationPosition']) : 'bottom-center';

$wrapper_classes = [
"bbb-slider-nav-position-$nav_position",
"bbb-slider-pag-position-$pag_position"
];

$wrapper_attributes = get_block_wrapper_attributes(
[
'class' => implode(' ', $wrapper_classes),
'style' => $style_string,
]
);
@ -149,7 +161,12 @@ $wrapper_attributes = get_block_wrapper_attributes(
<div <?php echo wp_kses_data($wrapper_attributes); ?> role="region" aria-roledescription="carousel" aria-label="Slider block">
<div class="swiper" <?php echo 'data-swiper="' . esc_attr(wp_json_encode($attributes)) . '"'; ?>>
<div class="swiper-wrapper">
<?php echo $content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
<?php echo $content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?>
</div>
<div class="bbb-slider-nav-container">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>

105
build/slider/style-index-rtl.css
View file

@ -867,26 +867,108 @@ button.swiper-pagination-bullet {
position: relative;
}

.bbb-slider-nav-position-top-left .bbb-slider-nav-container {
top: 0;
justify-content: flex-start;
}

.bbb-slider-nav-position-bottom-left .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: flex-start;
}

.bbb-slider-nav-position-top-right .bbb-slider-nav-container {
top: 0;
justify-content: flex-end;
}

.bbb-slider-nav-position-bottom-right .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: flex-end;
}

.bbb-slider-nav-position-top-center .bbb-slider-nav-container {
top: 0;
justify-content: center;
}

.bbb-slider-nav-position-bottom-center .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: center;
}

.bbb-slider-nav-position-center .bbb-slider-nav-container,
.bbb-slider-nav-position-center-center .bbb-slider-nav-container {
transform: translateY(-50%);
top: 50%;
justify-content: space-between;
}

.bbb-slider-pag-position-top-left .swiper-pagination {
top: 0;
justify-content: flex-start;
}

.bbb-slider-pag-position-bottom-left .swiper-pagination {
top: auto;
bottom: 0;
justify-content: flex-start;
}

.bbb-slider-pag-position-top-right .swiper-pagination {
top: 0;
justify-content: flex-end;
}

.bbb-slider-pag-position-bottom-right .swiper-pagination {
top: auto;
bottom: 0;
justify-content: flex-end;
}

.bbb-slider-pag-position-top-center .swiper-pagination {
top: 0;
justify-content: center;
}

.bbb-slider-pag-position-bottom-center .swiper-pagination {
top: auto;
bottom: 0;
justify-content: center;
}

.wp-block-blablablocks-slider .swiper {
position: initial;
}
.wp-block-blablablocks-slider .swiper .swiper-wrapper {
gap: 0;
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev {
right: var(--navigation-offset-left);
}
.wp-block-blablablocks-slider .swiper .swiper-button-next {
left: var(--navigation-offset-right);
.wp-block-blablablocks-slider .swiper .bbb-slider-nav-container {
display: flex;
align-items: center;
width: 100%;
transform: translateX(50%);
right: 50%;
gap: var(--navigation-spacing);
position: absolute;
margin-top: var(--navigation-offset-top);
margin-bottom: var(--navigation-offset-bottom);
margin-right: var(--navigation-offset-left);
margin-left: var(--navigation-offset-right);
z-index: 1000;
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev,
.wp-block-blablablocks-slider .swiper .swiper-button-next {
position: relative;
right: 0;
left: 0;
color: var(--navigation-arrow-color, var(--swiper-theme-color));
background-color: var(--navigation-background-color);
border-radius: var(--navigation-border-radius);
padding: var(--navigation-padding-top) var(--navigation-padding-left) var(--navigation-padding-bottom) var(--navigation-padding-right);
top: var(--navigation-offset-top);
bottom: var(--navigation-offset-bottom);
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev:hover,
.wp-block-blablablocks-slider .swiper .swiper-button-next:hover {
@ -894,10 +976,11 @@ button.swiper-pagination-bullet {
background-color: var(--navigation-background-hover-color);
}
.wp-block-blablablocks-slider .swiper .swiper-pagination {
top: var(--pagination-offset-top);
left: var(--pagination-offset-right);
bottom: var(--pagination-offset-bottom);
right: var(--pagination-offset-left);
margin-top: var(--pagination-offset-top);
margin-left: var(--pagination-offset-right);
margin-bottom: var(--pagination-offset-bottom);
margin-right: var(--pagination-offset-left);
display: flex;
}
.wp-block-blablablocks-slider .swiper .swiper-pagination-bullet {
width: var(--pagination-size);

105
build/slider/style-index.css
View file

@ -867,26 +867,108 @@ button.swiper-pagination-bullet {
position: relative;
}

.bbb-slider-nav-position-top-left .bbb-slider-nav-container {
top: 0;
justify-content: flex-start;
}

.bbb-slider-nav-position-bottom-left .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: flex-start;
}

.bbb-slider-nav-position-top-right .bbb-slider-nav-container {
top: 0;
justify-content: flex-end;
}

.bbb-slider-nav-position-bottom-right .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: flex-end;
}

.bbb-slider-nav-position-top-center .bbb-slider-nav-container {
top: 0;
justify-content: center;
}

.bbb-slider-nav-position-bottom-center .bbb-slider-nav-container {
top: auto;
bottom: 0;
justify-content: center;
}

.bbb-slider-nav-position-center .bbb-slider-nav-container,
.bbb-slider-nav-position-center-center .bbb-slider-nav-container {
transform: translateY(-50%);
top: 50%;
justify-content: space-between;
}

.bbb-slider-pag-position-top-left .swiper-pagination {
top: 0;
justify-content: flex-start;
}

.bbb-slider-pag-position-bottom-left .swiper-pagination {
top: auto;
bottom: 0;
justify-content: flex-start;
}

.bbb-slider-pag-position-top-right .swiper-pagination {
top: 0;
justify-content: flex-end;
}

.bbb-slider-pag-position-bottom-right .swiper-pagination {
top: auto;
bottom: 0;
justify-content: flex-end;
}

.bbb-slider-pag-position-top-center .swiper-pagination {
top: 0;
justify-content: center;
}

.bbb-slider-pag-position-bottom-center .swiper-pagination {
top: auto;
bottom: 0;
justify-content: center;
}

.wp-block-blablablocks-slider .swiper {
position: initial;
}
.wp-block-blablablocks-slider .swiper .swiper-wrapper {
gap: 0;
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev {
left: var(--navigation-offset-left);
}
.wp-block-blablablocks-slider .swiper .swiper-button-next {
right: var(--navigation-offset-right);
.wp-block-blablablocks-slider .swiper .bbb-slider-nav-container {
display: flex;
align-items: center;
width: 100%;
transform: translateX(-50%);
left: 50%;
gap: var(--navigation-spacing);
position: absolute;
margin-top: var(--navigation-offset-top);
margin-bottom: var(--navigation-offset-bottom);
margin-left: var(--navigation-offset-left);
margin-right: var(--navigation-offset-right);
z-index: 1000;
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev,
.wp-block-blablablocks-slider .swiper .swiper-button-next {
position: relative;
left: 0;
right: 0;
color: var(--navigation-arrow-color, var(--swiper-theme-color));
background-color: var(--navigation-background-color);
border-radius: var(--navigation-border-radius);
padding: var(--navigation-padding-top) var(--navigation-padding-right) var(--navigation-padding-bottom) var(--navigation-padding-left);
top: var(--navigation-offset-top);
bottom: var(--navigation-offset-bottom);
}
.wp-block-blablablocks-slider .swiper .swiper-button-prev:hover,
.wp-block-blablablocks-slider .swiper .swiper-button-next:hover {
@ -894,10 +976,11 @@ button.swiper-pagination-bullet {
background-color: var(--navigation-background-hover-color);
}
.wp-block-blablablocks-slider .swiper .swiper-pagination {
top: var(--pagination-offset-top);
right: var(--pagination-offset-right);
bottom: var(--pagination-offset-bottom);
left: var(--pagination-offset-left);
margin-top: var(--pagination-offset-top);
margin-right: var(--pagination-offset-right);
margin-bottom: var(--pagination-offset-bottom);
margin-left: var(--pagination-offset-left);
display: flex;
}
.wp-block-blablablocks-slider .swiper .swiper-pagination-bullet {
width: var(--pagination-size);

2
build/slider/style-index.css.map
View file

File diff suppressed because one or more lines are too long

2
build/slider/view.asset.php
View file

@ -1 +1 @@
<?php return array('dependencies' => array(), 'version' => '636c8df5b984e7ac7dca');
<?php return array('dependencies' => array(), 'version' => 'd368515aec099ce7483d');

2
build/slider/view.js
View file

File diff suppressed because one or more lines are too long

2
build/slider/view.js.map
View file

File diff suppressed because one or more lines are too long

188
src/templates/hero-section.js
View file

@ -7,119 +7,119 @@ const HeroSection = {
name: 'hero-section',
title: __( 'Hero Section', 'blablablocks-slider-block' ),
content: `
<!-- wp:blablablocks/slider {"autoplay":false,"navigation":{"desktop":false,"tablet":false,"mobile":false,"activeDevice":"desktop"},"loop":true,"paginationColor":{"activeColor":{"default":"#ffffff"}},"metadata":{"name":"Hero Section"},"align":"full","className":"wp-block-blablablocks-slider alignfull wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:blablablocks/slider {"navigation":{"desktop":false,"tablet":false,"mobile":false,"activeDevice":"desktop"},"loop":true,"paginationOffset":{"top":"0px","right":"0px","bottom":"30px","left":"0px"},"paginationPosition":"bottom center","paginationColor":{"activeColor":{"default":"#ffffff"}},"metadata":{"name":"Hero Section"},"align":"full","className":"wp-block-blablablocks-slider alignfull wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->
<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->

<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->
<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->

<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->
<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->

<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg","id":13691,"dimRatio":50,"isUserOverlayColor":false,"minHeight":500,"className":"alignfull is-style-default","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:500px"><img class="wp-block-cover__image-background wp-image-13691" alt="" src="https://dotcompatterns.files.wordpress.com/2024/01/paint-wide-3.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","className":"text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontSize":"xx-large"} -->
<h2 class="wp-block-heading has-text-align-center text-balance has-xx-large-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Discover a world of possibilities</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- wp:buttons {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"width":50} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link wp-element-button">Get Started</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->
<!-- /wp:blablablocks/slider -->`,
<!-- wp:spacer {"height":"var:preset|spacing|70"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:blablablocks/slide -->
<!-- /wp:blablablocks/slider -->`,
};

export default HeroSection;

6
src/templates/services.js
View file

@ -7,12 +7,12 @@ const Services = {
name: 'services',
title: __( 'Services', 'blablablocks-slider-block' ),
content: `
<!-- wp:group {"metadata":{"categories":["services"],"name":"Services","patternName":"assembler/services-2"},"align":"full","className":"alignfull is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"align":"wide","style":{"layout":{"selfStretch":"fixed","flexSize":"100%"},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<!-- wp:group {"metadata":{"categories":["services"],"name":"Services","patternName":"assembler/services-2"},"align":"full","className":"alignfull is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|30","padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"15px","right":"15px"}}},"layout":{"type":"constrained","contentSize":"1280px"}} -->
<div class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:15px;padding-bottom:var(--wp--preset--spacing--40);padding-left:15px"><!-- wp:heading {"align":"wide","style":{"layout":{"selfStretch":"fixed","flexSize":"100%"},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<h2 class="wp-block-heading alignwide" style="font-style:normal;font-weight:600">Services</h2>
<!-- /wp:heading -->

<!-- wp:blablablocks/slider {"slidesPerView":{"desktop":3,"tablet":2,"mobile":1,"activeDevice":"desktop"},"pagination":{"desktop":false,"tablet":false,"mobile":false,"activeDevice":"desktop"},"navigationColor":{"arrowColor":{"default":"#000000","hover":"#323232"},"backgroundColor":{"hover":""}},"navigationPadding":{},"navigationSize":"2.3rem","navigationOffset":{"top":"50%","bottom":"0px","left":"-6vw","right":"-6vw"},"navigationBorderRadius":"50%","paginationOffset":{"bottom":"-70px"},"align":"full","className":"wp-block-blablablocks-slider alignfull wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<!-- wp:blablablocks/slider {"slidesPerView":{"desktop":3,"tablet":2,"mobile":1,"activeDevice":"desktop"},"pagination":{"desktop":false,"tablet":false,"mobile":false,"activeDevice":"desktop"},"loop":true,"navigationColor":{"arrowColor":{"default":"#000000","hover":"#323232"},"backgroundColor":{"hover":""}},"navigationSize":"2.3rem","navigationSpacing":{"right":"0px","left":"0px"},"navigationOffset":{"top":"0px","bottom":"0px","left":"0px"},"navigationPosition":"center center","paginationOffset":{"bottom":"0px"},"className":"wp-block-blablablocks-slider alignfull wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"5vw","right":"5vw"}}}} -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:group {"style":{"spacing":{"blockGap":"42px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":16531,"aspectRatio":"4/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"unset"}}} -->

4
src/templates/testimonial.js
View file

@ -12,7 +12,7 @@ const Testimonial = {
<h1 class="wp-block-heading alignwide has-text-align-center has-large-font-size"><strong>WHAT OUR CLIENTS SAY ABOUT US</strong></h1>
<!-- /wp:heading -->

<!-- wp:blablablocks/slider {"className":"wp-block-blablablocks-slider wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"40px","bottom":"80px","right":"10vw","left":"10vw"}}}} -->
<!-- wp:blablablocks/slider {"loop":true,"navigationSize":"2.15rem","navigationSpacing":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30"},"navigationPosition":"center center","paginationOffset":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"className":"wp-block-blablablocks-slider wp-block-lubus-slider","style":{"spacing":{"padding":{"top":"40px","bottom":"80px","right":"10vw","left":"10vw"}}}} -->
<!-- wp:blablablocks/slide {"className":"wp-block-lubus-slide"} -->
<div class="wp-block-blablablocks-slide swiper-slide wp-block-lubus-slide"><!-- wp:group {"style":{"spacing":{"blockGap":"15px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2510,"sizeSlug":"full","linkDestination":"none","align":"center"} -->
@ -109,7 +109,7 @@ const Testimonial = {
<!-- /wp:group --></div>
<!-- /wp:blablablocks/slide -->
<!-- /wp:blablablocks/slider --></div>
<!-- /wp:group -->`,
<!-- /wp:group -->`,
};

export default Testimonial;