Plugin Tabs noticias

This commit is contained in:
root
2026-04-14 13:50:04 -06:00
parent 299099d006
commit 19d08e5694
2334 changed files with 628926 additions and 113 deletions

View File

@@ -0,0 +1,22 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/call-to-action",
"title": "Call to Action",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,25 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'alignment', 'center' ) ?>">
<div class="col-md-10 col-lg-8 col-xl-6">
<?php lightspeed_content( 2, 'center', 'col' ) ?>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,68 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/contact",
"title": "Contact",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"form_id": {
"type": "string",
"default": ""
},
"company_address": {
"type": "string",
"default": ""
},
"company_phone": {
"type": "string",
"default": ""
},
"company_email": {
"type": "string",
"default": ""
},
"social_facebook": {
"type": "string",
"default": ""
},
"social_twitter": {
"type": "string",
"default": ""
},
"social_instagram": {
"type": "string",
"default": ""
},
"social_youtube": {
"type": "string",
"default": ""
},
"social_linkedin": {
"type": "string",
"default": ""
},
"social_tiktok": {
"type": "string",
"default": ""
},
"social_pinterest": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,39 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center justify-content-between">
<div class="col-lg-6 col-xxl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
<?php lightspeed_contact( lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) ), 'mb-2' ) ?>
<?php lightspeed_social( lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) ) ) ?>
</div>
<div class="col-lg-6 areoi-hero-media areoi-form <?php lightspeed_attribute( 'heading_color', lightspeed_get_default_color( 'text' ) ) ?>">
<?php if ( lightspeed_get_attribute( 'form_id', null ) && function_exists('Ninja_Forms' ) ) : ?>
<div class="h1 d-lg-none"></div>
<?php if ( !empty( $_GET['context'] ) && $_GET['context'] == 'edit' ) : ?>
<div class="areoi-form-placeholder <?php echo lightspeed_get_default_color( 'bg' ) ?>">
<?php lightspeed_square_spacer() ?>
<p class="<?php echo lightspeed_get_default_color( 'text', lightspeed_get_default_color( 'bg' ) ) ?>">Your form will be displayed here.<br>
Preview your page to view the live form.</p>
</div>
<?php else : ?>
<?php Ninja_Forms()->display( absint( lightspeed_get_attribute( 'form_id', null ) ), true ); ?>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,32 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/content-with-items",
"title": "Content with Items",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"media_shape": {
"type": "string",
"default": ""
},
"media_fit": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true,
"lightspeed_items": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,35 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item, false, false, true ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,35 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,35 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item, false, false, true ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,35 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,55 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-item {
background: none;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button {
background: none;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:not(.collapsed,:focus) {
box-shadow: none;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-body :last-of-type {
margin-bottom: 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:after {
display: none;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button .bi-chevron-down {
flex-shrink: 0;
font-size: 22px;
margin-left: auto !important;
transition: transform 0.2s ease-in-out;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .accordion-button:not(.collapsed) .bi-chevron-down {
transform: rotate( 180deg );
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center <?php echo lightspeed_has_content() ? 'justify-content-between' : 'justify-content-center' ?>">
<?php if ( lightspeed_has_content() ) : ?>
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php echo $attributes['content_alignment'] ?>
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<?php endif; ?>
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
<div class="col-lg-6">
<?php lightspeed_accordion( lightspeed_get_attribute( 'items', array() ) ) ?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,37 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item, false, false, true ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,37 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,37 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row">
<?php if ( lightspeed_has_content() ) : ?>
<div class="align-self-start col-lg-6 col-xl-5 areoi-col-content <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-xxl-1 order-lg-1' : '' ?> position-sticky" style="top: 100px;">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<?php endif; ?>
<div class="<?php echo lightspeed_has_content() ? 'col-lg-6' : 'col' ?> <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xl-1' ?>">
<div class="row row-cols-1 row-cols-md-2 <?php echo lightspeed_has_content() ? '' : 'row-cols-lg-4' ?> areoi-parallax-component">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( $item ) ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,43 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: absolute;
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-lg-6 col-xl-5 position-relative <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-lg-6 offset-xxl-7' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<div class="col-12 col-lg-6 p-0 areoi-hero-media <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xxl-1' ?>">
<div class="areoi-drag-container">
<ul>
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<li class=" position-relative">
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
<?php lightspeed_item_with_background( $item ) ?>
<?php else : ?>
<?php lightspeed_item( $item ) ?>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,31 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
border-bottom-color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'background_utility', null ) ) . ' !important;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'center' ) == 'center' ? 'text-center' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
<div class="col-12">
<?php lightspeed_tabs( lightspeed_get_attribute( 'items', array() ), 'square', 'full' ) ?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,31 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
text-decoration: underline;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="<?php echo lightspeed_get_attribute( 'alignment', 'center' ) == 'center' ? 'text-center' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
<div class="col-12">
<?php lightspeed_tabs_vertical( lightspeed_get_attribute( 'items', array() ) ) ?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,30 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .nav-link.active {
border-bottom-color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'background_utility', null ) ) . ' !important;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center justify-content-between">
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<?php if ( lightspeed_get_attribute( 'items', array() ) ) : ?>
<div class="col-lg-6">
<?php lightspeed_tabs( lightspeed_get_attribute( 'items', array() ) ) ?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,79 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline {
position: relative;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline:before {
content: "";
background: ' . lightspeed_get_default_color( 'hex' ) . ';
width: 3px;
border-radius: 50px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate( -50%, 0 );
opacity: 0.1;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline-row {
position: relative;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-timeline-row:before {
content: "";
background: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'heading_color', lightspeed_get_default_color( 'hex' ) ) ) . ';
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'content_alignment' ) ?>">
<div class="col-lg-6 col-xl-5">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
</div>
<div class="areoi-timeline">
<?php foreach ( lightspeed_get_attribute( 'items', array() ) as $item_key => $item ) : ?>
<div class="areoi-timeline-row row row-cols-1 align-items-center position-relative">
<div class="col col-md-4 <?php echo $item_key % 2 == 0 ? 'order-md-1 offset-md-2' : 'text-md-end offset-md-1' ?>">
<?php lightspeed_heading( 3, $item ) ?>
<?php lightspeed_introduction( $item ) ?>
<?php lightspeed_cta( $item ) ?>
</div>
<div class="col col-md-5 <?php echo $item_key % 2 == 0 ? '' : 'offset-md-2' ?>">
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
<div class="areoi-media-col-content">
<?php lightspeed_square_spacer() ?>
<?php echo lightspeed_get_media( $item ) ?>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,32 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/content-with-media",
"title": "Content with Media",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"media_shape": {
"type": "string",
"default": ""
},
"media_fit": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true,
"lightspeed_gallery": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,73 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center justify-content-between">
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<div class="col-lg-6 areoi-hero-media">
<div id="<?php lightspeed_block_id() ?>-media-carousel" class="carousel slide" data-bs-ride="carousel">
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
<div class="carousel-indicators">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<button
type="button"
data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel"
data-bs-slide-to="<?php echo $gallery_key ?>"
class="<?php echo $gallery_key == 0 ? 'active' : '' ?>"
aria-current="true"
aria-label="Slide <?php echo $gallery_key + 1 ?>"
></button>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="carousel-inner <?php echo lightspeed_get_attribute( 'media_fit', 'cover' ) != 'contain' ? 'areoi-has-mask' : '' ?> rounded overflow-hidden">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<div class="carousel-item <?php echo $gallery_key == 0 ? 'active' : '' ?>">
<div class="<?php lightspeed_media_col_class() ?>">
<div class="areoi-media-col-content">
<?php lightspeed_spacer( lightspeed_get_attribute( 'media_shape', 'square' ) ) ?>
<?php if ( $media['type'] == 'image' ) : ?>
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
<button class="carousel-control-prev" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,60 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
height: 100%;
position: absolute;
top: 0;
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel {
height: 100%;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-inner,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col-content,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col svg {
height: 100%;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video {
width: 100%;
height: 100%;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-indicators {
bottom: 75px;
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
<div class="col-lg-6 col-xl-5 text-center text-lg-start <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?> position-relative">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
<div class="col-lg-6 areoi-hero-media areoi-parallax-none areoi-transition-none">
<div class="h1 d-lg-none"></div>
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), 'square', false ) ?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,58 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: absolute;
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
<div class="h1"></div>
<?php endif; ?>
</div>
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
<div class="col-lg-6 areoi-hero-media p-0">
<div class="h1 d-lg-none"></div>
<div class="areoi-drag-container">
<ul>
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
<li>
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
<div class="areoi-media-col-content">
<?php lightspeed_square_spacer() ?>
<?php if ( $media['type'] == 'image' ) : ?>
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
<?php endif; ?>
</div>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php //lightspeed_stretched_link() ?>

View File

@@ -0,0 +1,79 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media video {
width: 100%;
height: auto;
display: block;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content > .row {
height: auto;
min-height: unset !important;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin: 0 0 -100px 0;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin: -' . $padding . 'px 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-col-content {
position: sticky;
top: 100px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content {
position: absolute;
left: 50%;
transform: translate( -50%, 0 );
z-index: 1;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-container-content > .row {
height: calc( 100% - ' . $padding * 2 . 'px );
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 areoi-container-content areoi-resize-container">
<div class="row <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-end' : 'justify-content-start' ?> align-items-start ">
<div class="col-lg-6 col-xl-5 text-center text-lg-start areoi-col-content areoi-resize-content">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
</div>
</div>
<div class="container-fluid h-100 position-relative">
<div class="row h-100 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-start' : 'justify-content-end' ?> align-items-start">
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
<div class="col-lg-6 areoi-hero-media p-0 areoi-resize-media">
<div class="rounded overflow-hidden">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<div class="">
<div>
<div class="areoi-media-col-content">
<?php if ( $media['type'] == 'image' ) : ?>
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,55 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-col-content {
position: sticky;
top: 100px;
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 justify-content-between align-items-start">
<div class="col-lg-6 col-xl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?> text-center text-lg-start areoi-col-content">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
<div class="h1"></div>
<?php endif; ?>
</div>
<?php if ( !empty( lightspeed_get_attribute( 'gallery', array() ) ) ) : ?>
<div class="col-lg-6 areoi-hero-media">
<div class="h1 d-lg-none"></div>
<div class="rounded overflow-hidden">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<div class="">
<div>
<div class="areoi-media-col-content">
<?php if ( $media['type'] == 'image' ) : ?>
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php //lightspeed_stretched_link() ?>

View File

@@ -0,0 +1,21 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/footer",
"title": "Footer",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_footer": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,138 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-footer-container {
padding-top: ' . $first_padding . 'px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown-menu {
background: ' . lightspeed_get_theme_color( 'bg-light' ) . ';
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown-menu a {
color: ' . lightspeed_get_theme_color( 'bg-dark' ) . ';
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown button {
transition: all 0.25s ease-in-out;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .dropdown button.show {
transform: rotate(180deg);
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-bottom-bar {
padding: ' . $padding . 'px 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar {
padding: ' . ( $padding * 2 ) . 'px 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul:not(.sub-menu, .dropdown-menu) {
display: flex;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer ul:not(.sub-menu, .dropdown-menu) li {
padding: 0 15px 5px 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer button {
background: none;
border: none;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-top-bar svg {
max-height: ' . lightspeed_get_attribute( 'logo_height', '50' ) . 'px;
max-width: 180px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer a:not(.dropdown-menu a),
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer button {
color: ' . lightspeed_get_theme_color( lightspeed_get_attribute( 'main_text', lightspeed_get_default_color( 'bg', lightspeed_get_attribute( 'main_background', 'bg-body' ) ) ) ) . ';
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar ul li:not(.sub-menu li) {
margin-bottom: 20px;
padding: 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-menu-bar ul a:not(.sub-menu a) {
font-size: 1.4em;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-footer .areoi-bottom-bar ul li:not(.dropdown-menu li) {
padding: 0 10px;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="areoi-footer-container <?php lightspeed_attribute( 'main_background' ) ?>">
<?php if ( !lightspeed_get_attribute( 'exclude_top_bar', false ) ) : ?>
<div class="areoi-top-bar">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row row-cols-1 row-cols-md-2 text-center text-md-start align-items-center justify-content-center justify-content-md-between">
<div class="col">
<a class="h-100" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
<?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?>
<?php if ( !lightspeed_get_attribute( 'exclude_social', false ) ) : ?>
<div class="h1 d-block d-md-none"></div>
<?php endif; ?>
</a>
</div>
<?php if ( !lightspeed_get_attribute( 'exclude_social', false ) ) : ?>
<div class="col d-flex justify-content-center justify-content-md-end">
<?php lightspeed_social( null, 'end' ) ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
<div class="areoi-menu-bar">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row row-cols-1 row-cols-md-2">
<?php if ( has_nav_menu( 'footer-menu' ) ) : ?>
<div class="col flex-grow-1">
<?php wp_nav_menu( array( 'theme_location' => 'footer-menu', 'menu_class' => 'row row-cols-1 text-center row-cols-md-2 text-md-start row-cols-lg-3' ) ); ?>
</div>
<?php endif; ?>
<?php if ( !lightspeed_get_attribute( 'exclude_company', false ) && lightspeed_has_contact() ) : ?>
<div class="col text-center <?php echo has_nav_menu( 'footer-menu' ) ? 'text-md-end col-lg-3' : 'text-md-start' ?>">
<div class="h1 d-block d-md-none"></div>
<p class="h3 mb-2"><?php _e( 'Contact Details' ) ?></p>
<?php lightspeed_contact( '', 'mb-2', true, ( has_nav_menu( 'footer-menu' ) ? true : false ), true ) ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<div class="areoi-bottom-bar">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row row-cols-1 row-cols-md-2 align-items-center justify-content-center justify-content-md-between small">
<div class="col text-center text-md-start">
<p class="mb-2 mb-md-0">
<?php _e( 'Copyright ' ) ?>&copy; <?php echo date( 'Y' ) ?> <?php echo areoi2_get_option( 'areoi-lightspeed-company-name', get_bloginfo( 'name' ) ) ?>
<?php if ( areoi2_get_option( 'areoi-lightspeed-company-number', null ) ) : ?>
<br>Company No. <?php echo areoi2_get_option( 'areoi-lightspeed-company-number', null ) ?>
<?php endif; ?>
<?php if ( areoi2_get_option( 'areoi-lightspeed-company-vat-number', null ) ) : ?>
<br>VAT No. <?php echo areoi2_get_option( 'areoi-lightspeed-company-vat-number', null ) ?>
<?php endif; ?>
</p>
</div>
<div class="col text-center text-md-end">
<?php if ( has_nav_menu( 'bottom-menu' ) ) : ?>
<?php wp_nav_menu( array( 'theme_location' => 'bottom-menu', 'walker' => new AREOI_HAF_Walker_Nav_Menu_Primary, 'menu_class' => 'justify-content-center justify-content-md-end' ) ); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,21 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/header",
"title": "Header",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_header": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,65 @@
<?php
$styles = '';
$scripts = '';
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
$styles .= '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
<?php lightspeed_header_top_bar() ?>
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row align-items-center justify-content-between">
<div class="col">
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
<button data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
<span class="d-none d-sm-inline"><?php _e( 'Menu' ) ?></span>
</button>
<?php endif; ?>
</div>
<div class="col text-center justify-self-center">
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
</span>
</a>
</div>
<div class="col text-end">
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<span class="d-none d-sm-inline"><?php _e( 'Search' ) ?></span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php lightspeed_header_basic_modal( 'menu' ); ?>
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<?php lightspeed_header_basic_modal( 'search' ); ?>
<?php endif; ?>
<?php if ( $scripts ) : ?>
<script><?php echo areoi_minify_js( $scripts ) ?></script>
<?php endif; ?>

View File

@@ -0,0 +1,73 @@
<?php
$styles = '';
$scripts = '';
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
$styles .= '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
<?php lightspeed_header_top_bar() ?>
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row align-items-center justify-content-between">
<div class="col">
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
</span>
</a>
</div>
<div class="d-none d-md-block col justify-self-center flex-grow-1">
<?php wp_nav_menu( array(
'theme_location' => 'primary-menu',
'walker' => new AREOI_HAF_Walker_Nav_Menu_Primary,
'menu_class' => 'areoi-more-menu'
) ); ?>
</div>
<div class="col text-end">
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<span class="d-none d-sm-inline"></span>
</button>
<?php endif; ?>
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
<button class="ms-2" data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
<span class="d-none d-sm-inline"></span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php lightspeed_header_basic_modal( 'menu' ); ?>
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<?php lightspeed_header_basic_modal( 'search' ); ?>
<?php endif; ?>
<?php if ( $scripts ) : ?>
<script><?php echo areoi_minify_js( $scripts ) ?></script>
<?php endif; ?>

View File

@@ -0,0 +1,65 @@
<?php
$styles = '';
$scripts = '';
include( AREOI__PLUGIN_LIGHTSPEED_DIR . 'partials/header.php' );
$styles .= '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="areoi-header-container <?php lightspeed_attribute( 'position' ) ?> top-0 w-100">
<?php lightspeed_header_top_bar() ?>
<div class="areoi-menu-bar <?php lightspeed_attribute( 'main_background' ) ?> <?php lightspeed_attribute( 'main_border' ) ?>">
<div class="<?php lightspeed_attribute( 'container', 'container' ) ?>">
<div class="row align-items-center justify-content-between">
<div class="col">
<a class="h-100 d-block position-relative" href="<?php echo home_url() ?>" title="<?php echo get_bloginfo( 'name' ) ?>">
<span class="areoi-menu-logo-default w-100 h-100 d-block"><?php lightspeed_logo( lightspeed_get_default_color( 'logo', lightspeed_get_attribute( 'main_background' ) ) ) ?></span>
<span class="areoi-menu-logo-dark position-absolute top-0 start-0 w-100 h-100 d-block">
<?php echo lightspeed_get_logo( lightspeed_get_attribute( 'logo', null ), 'dark' ) ?>
</span>
</a>
</div>
<div class="col text-end">
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<button data-bs-target="#modal-search-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Search' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<span class="d-none d-sm-inline"></span>
</button>
<?php endif; ?>
<?php if ( has_nav_menu( 'primary-menu' ) || has_nav_menu( 'more-menu' ) ) : ?>
<button class="ms-2" data-bs-target="#modal-menu-<?php echo lightspeed_get_block_id() ?>" data-bs-toggle="modal" aria-label="<?php _e( 'Open Full Menu' ) ?>">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
<span class="d-none d-sm-inline"></span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php lightspeed_header_basic_modal( 'menu' ); ?>
<?php if ( !lightspeed_get_attribute( 'exclude_search', false ) ) : ?>
<?php lightspeed_header_basic_modal( 'search' ); ?>
<?php endif; ?>
<?php if ( $scripts ) : ?>
<script><?php echo areoi_minify_js( $scripts ) ?></script>
<?php endif; ?>

View File

@@ -0,0 +1,23 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/hero",
"title": "Hero",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true,
"lightspeed_media": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,86 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: -' . $mobile_padding . 'px;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: 0px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
height: 100%;
position: absolute;
top: 0;
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col-content,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .areoi-media-col svg {
height: 100%;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media video {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
<?php lightspeed_content( 1, 'start', 'col' ) ?>
</div>
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
<div class="col-lg-6 areoi-hero-media p-0 rounded overflow-hidden">
<div class="h1 d-lg-none"></div>
<div class="<?php lightspeed_media_col_class() ?>">
<div class="areoi-media-col-content">
<?php lightspeed_spacer( 'square' ) ?>
<?php lightspeed_media() ?>
</div>
</div>
<?php
$primary = lightspeed_get_theme_color( 'primary' );
$rgb = lightspeed_hex_to_rgb( $primary );
$contrast = lightspeed_get_default_color( 'bg' );
$attributes['background_display'] = true;
$attributes['background_utility'] = !empty( $attributes['background_utility'] ) ? $attributes['background_utility'] : $contrast;
$attributes['background_image'] = lightspeed_get_attribute( 'image', null );
$attributes['background_video'] = lightspeed_get_attribute( 'video', null );
$attributes['background_overlay'] = ( !empty( $attributes['background_overlay'] ) && $attributes['background_display_overlay'] ) ? $attributes['background_overlay'] : array('rgb' => array( 'r'=> $rgb['r'], 'g'=> $rgb['g'], 'b'=> $rgb['b'], 'a'=> '0.4' ) );
$attributes['background_display_overlay'] = true;
$attributes['exclude_pattern'] = true;
lightspeed_set_attribute( 'background_display', $attributes['background_display'] );
lightspeed_set_attribute( 'background_utility', $attributes['background_utility'] );
lightspeed_set_attribute( 'background_image', $attributes['background_image'] );
lightspeed_set_attribute( 'background_video', $attributes['background_video'] );
lightspeed_set_attribute( 'background_display_overlay', $attributes['background_display_overlay'] );
lightspeed_set_attribute( 'background_overlay', $attributes['background_overlay'] );
echo include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
?>
</div>
<?php endif; ?>
</div>
</div>
<?php //lightspeed_stretched_link() ?>

View File

@@ -0,0 +1,40 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: -' . $mobile_padding . 'px;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: 0;
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center justify-content-between">
<div class="col-lg-6 col-xl-5 text-center text-lg-start <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php lightspeed_content( 1, 'start', 'col' ) ?>
</div>
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
<div class="col-lg-6 areoi-hero-media">
<div class="h1 d-lg-none"></div>
<div class="<?php lightspeed_media_col_class() ?> areoi-has-mask rounded overflow-hidden">
<div class="areoi-media-col-content">
<?php lightspeed_spacer( 'square' ) ?>
<?php lightspeed_media() ?>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php //lightspeed_stretched_link() ?>

View File

@@ -0,0 +1,49 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block ul {
display: inline-block;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<?php
$primary = lightspeed_get_theme_color( 'primary' );
$rgb = lightspeed_hex_to_rgb( $primary );
$contrast = lightspeed_get_default_color( 'bg' );
$attributes['background_display'] = true;
$attributes['background_utility'] = !empty( $attributes['background_utility'] ) ? $attributes['background_utility'] : $contrast;
$attributes['background_image'] = lightspeed_get_attribute( 'image', null );
$attributes['background_video'] = lightspeed_get_attribute( 'video', null );
$attributes['background_overlay'] = ( !empty( $attributes['background_overlay'] ) && $attributes['background_display_overlay'] ) ? $attributes['background_overlay'] : array('rgb' => array( 'r'=> $rgb['r'], 'g'=> $rgb['g'], 'b'=> $rgb['b'], 'a'=> '0.8' ) );
$attributes['background_display_overlay'] = true;
lightspeed_set_attribute( 'background_display', $attributes['background_display'] );
lightspeed_set_attribute( 'background_utility', $attributes['background_utility'] );
lightspeed_set_attribute( 'background_image', $attributes['background_image'] );
lightspeed_set_attribute( 'background_video', $attributes['background_video'] );
lightspeed_set_attribute( 'background_display_overlay', $attributes['background_display_overlay'] );
lightspeed_set_attribute( 'background_overlay', $attributes['background_overlay'] );
echo include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-8 col-xl-6">
<?php lightspeed_content( 1, 'center', 'col' ) ?>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,50 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: -' . $mobile_padding . 'px;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block ul {
display: inline-block;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
margin-bottom: -' . $padding . 'px;
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-8 col-xl-6">
<?php lightspeed_content( 1, 'center', 'col' ) ?>
</div>
</div>
<?php if ( lightspeed_get_attribute( 'video', null ) || lightspeed_get_attribute( 'image', null ) || ( lightspeed_get_attribute( 'is_post_image', null ) && get_post_thumbnail_id() ) ) : ?>
<div class="row justify-content-center areoi-hero-media">
<div class="col-md-12 col-lg-10">
<div class="h1"></div>
<div class="<?php lightspeed_media_col_class() ?> rounded overflow-hidden">
<div class="areoi-media-col-content">
<div class="d-none d-lg-block"><?php lightspeed_spacer( 'rectangle' ) ?></div>
<div class="d-lg-none"><?php lightspeed_spacer( 'square' ) ?></div>
<?php lightspeed_media() ?>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,898 @@
<?php
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-primary.php' );
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-feature.php' );
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-feature-carousel.php' );
require_once( AREOI__PLUGIN_LIGHTSPEED_DIR . 'classes/class.areoi.walker-nav-more.php' );
function lightspeed_render_block( $block_type, $attributes, $content )
{
$attributes['block_type'] = $block_type;
if ( areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
if ( isset( $attributes['image'] ) && empty( $attributes['image'] ) && empty( $attributes['video'] ) ) {
$attributes['video'] = lightspeed_get_placeholder_videos( 'rand' );
}
if ( isset( $attributes['gallery'] ) && empty( $attributes['gallery'] ) ) {
$images = lightspeed_get_placeholder_images( 'rand' );
$videos = lightspeed_get_placeholder_videos( 'rand' );
$medias = [ $images, $videos ];
shuffle( $medias );
$attributes['gallery'] = $medias;
}
}
global $lightspeed_block_order;
$is_editor = isset( $_GET['context'] ) && $_GET['context'] == 'edit';
if ( $is_editor ) {
$post_id = sanitize_text_field( $_GET['post_id'] );
$post_content = get_the_content( $post_id );
$post_blocks = parse_blocks( $post_content );
$block_order = 1;
$post_order = 1;
foreach ( $post_blocks as $block_key => $block ) {
if ( !empty( $block['attrs']['block_id'] ) && $block['attrs']['block_id'] == $attributes['block_id'] ) {
$block_order = $post_order;
}
if ( !empty( $block['blockName'] ) ) {
$post_order++;
}
}
} else {
$block_order = $lightspeed_block_order;
}
if ( !isset( $attributes['background_display'] ) || !$attributes['background_display'] ) {
$attributes['background_display'] = true;
$attributes['background_color'] = array();
$attributes['background_utility'] = '';
}
if ( areoi2_get_option( 'areoi-lightspeed-styles-strip-background', false ) ) {
if ( $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
if ( $block_order % 3 == 0 && $block_order > 0 ) {
$attributes['background_utility'] = 'bg-light';
} elseif ( $block_order % 4 == 0 ) {
$attributes['background_utility'] = 'bg-dark';
} else {
$attributes['background_utility'] = 'bg-body';
}
if ( in_array( $block_type, array( 'hero' ) ) ) {
$attributes['background_utility'] = 'bg-primary';
}
if ( in_array( $block_type, array( 'call-to-action' ) ) ) {
$attributes['background_utility'] = 'bg-secondary';
}
}
} else {
if ( $block_type == 'hero' && $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
$attributes['background_utility'] = 'bg-primary';
} elseif ( $attributes['background_utility'] == '' && empty( $attributes['background_color']['rgb'] ) ) {
$attributes['background_utility'] = 'bg-body';
if ( in_array( $block_type, array( 'call-to-action' ) ) ) {
$attributes['background_utility'] = 'bg-secondary';
}
}
}
$pattern_align = !empty( $attributes['alignment'] ) ? $attributes['alignment'] : 'start';
if ( areoi2_get_option( 'areoi-lightspeed-styles-strip-alignment', false ) ) {
if ( empty( $attributes['alignment'] ) ) {
if ( $block_order % 2 == 0 ) {
$pattern_align = 'end';
} else {
$pattern_align = 'start';
}
}
if ( empty( $attributes['alignment'] ) && in_array( $block_type, array( 'content-with-media', 'content-with-items', 'contact', 'search' ) ) ) {
if ( $block_order % 2 == 0 ) {
$attributes['alignment'] = 'end';
} else {
$attributes['alignment'] = 'start';
}
}
}
if ( !in_array( $block_type, array( 'header' ) ) ) {
$lightspeed_block_order++;
}
global $lightspeed_attributes;
$lightspeed_attributes = $attributes;
if ( in_array( $block_type, [ 'content-with-items', 'posts' ] ) && empty( $attributes['content_filename'] ) ) {
switch ( lightspeed_get_template( $block_type, $block_order, false ) ) {
case '3-column.php':
case '3-column-alt.php':
case 'tabs-full-width.php':
case 'timeline.php':
$attributes['content_filename'] = 'basic.php';
if ( empty( $attributes['content_alignment'] ) ) $attributes['content_alignment'] = 'center';
break;
case 'accordion.php':
case 'content-with-grid.php':
case 'scrollable.php':
case 'tabs.php':
$attributes['content_filename'] = 'basic.php';
break;
default:
$attributes['content_filename'] = '2-column.php';
break;
}
}
$lightspeed_attributes = $attributes;
$allow_pattern = true;
$divider_styles = lightspeed_get_divider_styles( $block_order );
$template = lightspeed_get_template( $block_type, $block_order );
switch ( $block_type ) {
case 'header':
$padding = 20;
switch ( lightspeed_get_attribute( 'padding', null ) ) {
case 'xs':
$padding = 10;
break;
case 'sm':
$padding = 15;
break;
case 'lg':
$padding = 25;
break;
case 'none':
$padding = 0;
break;
}
$content = '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_id() . ' areoi-lightspeed-block areoi-lightspeed-' . $block_type . '">';
ob_start(); include( $template ); $content .= ob_get_clean();
$content .= '</div>';
break;
case 'footer':
$padding = 20;
switch ( lightspeed_get_attribute( 'padding', null ) ) {
case 'xs':
$padding = 10;
break;
case 'sm':
$padding = 15;
break;
case 'lg':
$padding = 25;
break;
case 'none':
$padding = 0;
break;
}
$first_padding = 85;
$content = '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_classes( $block_type ) . ' position-relative" style="' . $divider_styles . '">';
ob_start(); include( $template ); $content .= ob_get_clean();
$content .= '</div>';
break;
default:
$divider = lightspeed_get_divider( $block_order );
$is_first_strip = $block_type == 'hero' ? true : false;
$padding = areoi2_get_option( 'areoi-lightspeed-styles-strip-padding', '150' );
switch ( lightspeed_get_attribute( 'padding', null ) ) {
case 'xs':
$padding = $padding / 4;
break;
case 'sm':
$padding = $padding / 2;
break;
case 'lg':
$padding = $padding * 2;
break;
case 'none':
$padding = 0;
break;
}
$padding_top = $padding;
$mobile_padding = $padding / 2;
$mobile_padding_top = $mobile_padding;
if ( $is_first_strip ) {
$next_divider = lightspeed_get_divider( 2 );
$padding = 85;
$padding_top = 180;
if ( $next_divider && $next_divider != 'none.svg' ) $padding += 85;
$mobile_padding = 85;
$mobile_padding_top = 85;
if ( $next_divider && $next_divider != 'none.svg' ) $mobile_padding += 85;
} else {
if ( $divider && $divider != 'none.svg' && $padding < 85 ) $padding = 85;
if ( $divider && $divider != 'none.svg' && $mobile_padding < 85 ) $mobile_padding = 85;
}
$block_styles = lightspeed_get_block_styles( $is_first_strip, $padding, $padding_top, $mobile_padding, $mobile_padding_top );
$content = '<style>' . areoi_minify_css( $block_styles ) . '</style>';
$background = include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
$content .= '<div id="' . lightspeed_get_attribute( 'anchor', lightspeed_get_block_id() ) . '" class="' . lightspeed_get_block_classes( $block_type ) . ' position-relative ' . ( $block_order == 1 ? 'areoi-is-first-strip' : '' ) . '" style="' . $divider_styles . '">';
$content .= $background;
ob_start(); include( $template ); $content .= ob_get_clean();
$content .= '</div>';
break;
}
return $content;
}
function lightspeed_register_blocks()
{
$plugin_directory = AREOI__PLUGIN_LIGHTSPEED_DIR . 'blocks/';
$plugin_templates = lightspeed_list_files_with_dir( $plugin_directory );
$custom_theme_directory = lightspeed_get_custom_directory();
$custom_theme_templates = lightspeed_list_files_with_dir( $custom_theme_directory );
$child_templates = array();
if ( is_child_theme() ) {
$child_directory = lightspeed_get_custom_directory( true );
$child_templates = lightspeed_list_files_with_dir( $child_directory );
}
$block_folders = array_merge( $plugin_templates, $custom_theme_templates, $child_templates );
foreach ( $block_folders as $block_key => $block_folder ) {
if ( file_exists( $block_folder . '/block.json' ) ) {
$meta = json_decode( file_get_contents( $block_folder . '/block.json' ), true );
$meta = lightspeed_get_extra_metas( $meta, $block_key );
register_block_type( $meta['name'], $meta );
}
}
}
lightspeed_register_blocks();
function lightspeed_get_extra_metas( $meta, $block_key )
{
$images = lightspeed_get_placeholder_images();
$videos = lightspeed_get_placeholder_videos();
$logos = lightspeed_get_placeholder_logos();
$items_with_images = lightspeed_get_placeholder_items_with_images();
$items_without_images = lightspeed_get_placeholder_items_without_images();
if ( in_array( $block_key, array( 'logos' ) ) ) {
$medias = $logos;
} else {
$medias = array_merge( $images, $videos );
shuffle( $medias );
}
if ( in_array( $block_key, array( '' ) ) ) {
$items = $items_without_images;
} else {
$items = $items_without_images;
}
$meta['attributes']['block_id'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['block_order'] = array(
'type' => 'number',
'default' => 1
);
$meta['attributes']['anchor'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['align'] = array(
'type' => 'string',
'default' => 'full'
);
$meta['attributes']['alignment'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['size'] = array(
'type' => 'string',
'default' => '100vh'
);
$meta['attributes']['padding'] = array(
'type' => 'string',
'default' => 'md'
);
$meta['attributes']['filename'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['divider'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['pattern'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['mask'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['exclude_transition'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_parallax'] = array(
'type' => 'boolean',
'default' => false
);
if ( !empty( $meta['supports']['lightspeed_header'] ) ) {
$meta['attributes']['container'] = array(
'type' => 'string',
'default' => 'container'
);
$meta['attributes']['position'] = array(
'type' => 'string',
'default' => 'position-fixed'
);
$meta['attributes']['exclude_top_bar'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_search'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_company'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_social'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['top_bar_background'] = array(
'type' => 'string',
'default' => 'bg-dark'
);
$meta['attributes']['top_bar_text'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['top_bar_border'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['main_background'] = array(
'type' => 'string',
'default' => 'bg-light'
);
$meta['attributes']['main_text'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['main_border'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo_height'] = array(
'type' => 'string',
'default' => '40'
);
}
if ( !empty( $meta['supports']['lightspeed_footer'] ) ) {
$meta['attributes']['container'] = array(
'type' => 'string',
'default' => 'container'
);
$meta['attributes']['exclude_top_bar'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_company'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['exclude_social'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['main_background'] = array(
'type' => 'string',
'default' => 'bg-light'
);
$meta['attributes']['main_text'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['logo_height'] = array(
'type' => 'string',
'default' => '50'
);
}
if ( !empty( $meta['supports']['lightspeed_content'] ) ) {
$meta['attributes']['content_filename'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['content_alignment'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['sub_heading'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['is_post_title'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['heading'] = array(
'type' => 'string',
'default' => 'An interesting title that passes the blink test.'
);
$meta['attributes']['is_post_excerpt'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['introduction'] = array(
'type' => 'string',
'default' => '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lobortis eros eget erat finibus, sed eleifend augue ultricies. Etiam imperdiet malesuada imperdiet. Mauris libero mauris.</p>'
);
$meta['attributes']['include_read_more'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['active_column'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['columns'] = array(
'type' => 'array',
'default' => array()
);
$meta['attributes']['include_cta'] = array(
'type' => 'boolean',
'default' => true
);
$meta['attributes']['cta'] = array(
'type' => 'string',
'default' => 'Call to Action'
);
$meta['attributes']['cta_size'] = array(
'type' => 'string',
'default' => 'btn-lg'
);
$meta['attributes']['url'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['opensInNewTab'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['heading_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['sub_heading_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['introduction_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['cta_color'] = array(
'type' => 'string',
'default' => ''
);
}
if ( !empty( $meta['supports']['lightspeed_posts'] ) ) {
$meta['attributes']['post_background_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['post_title_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['post_excerpt_color'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['is_post_query'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['post_type'] = array(
'type' => 'string',
'default' => 'post'
);
$meta['attributes']['display_posts'] = array(
'type' => 'string',
'default' => 'selected'
);
$meta['attributes']['posts_per_page'] = array(
'type' => 'string',
'default' => '8'
);
$meta['attributes']['orderby'] = array(
'type' => 'string',
'default' => 'title'
);
$meta['attributes']['order'] = array(
'type' => 'string',
'default' => 'asc'
);
$meta['attributes']['post_ids'] = array(
'type' => 'array',
'default' => []
);
$meta['attributes']['include_pagination'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['pagination_color'] = array(
'type' => 'string',
'default' => 'btn-primary'
);
$meta['attributes']['include_media'] = array(
'type' => 'boolean',
'default' => true
);
$meta['attributes']['include_title'] = array(
'type' => 'boolean',
'default' => true
);
$meta['attributes']['include_excerpt'] = array(
'type' => 'boolean',
'default' => true
);
$meta['attributes']['include_permalink'] = array(
'type' => 'boolean',
'default' => true
);
}
if ( !empty( $meta['supports']['lightspeed_media'] ) ) {
$meta['attributes']['media_shape'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['media_fit'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['is_post_image'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['image'] = array(
'type' => 'object',
'default' => []
);
$meta['attributes']['video'] = array(
'type' => 'object',
'default' => []
);
}
if ( !empty( $meta['supports']['lightspeed_gallery'] ) && !in_array( $block_key, ['logos'] ) ) {
$meta['attributes']['gallery'] = array(
'type' => 'array',
'default' => []
);
}
if ( !empty( $meta['supports']['lightspeed_gallery'] ) && in_array( $block_key, ['logos'] ) ) {
$meta['attributes']['gallery'] = array(
'type' => 'array',
'default' => $medias,
);
}
if ( !empty( $meta['supports']['lightspeed_items'] ) ) {
$meta['attributes']['active_item'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['items'] = array(
'type' => 'array',
'default' => $items
);
}
if ( !empty( $meta['supports']['lightspeed_background'] ) ) {
$meta['attributes']['background_display'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['background_utility'] = array(
'type' => 'string',
'default' => ''
);
$meta['attributes']['background_color'] = array(
'type' => 'object',
'default' => []
);
$meta['attributes']['background_image'] = array(
'type' => 'object',
'default' => []
);
$meta['attributes']['background_video'] = array(
'type' => 'object',
'default' => []
);
$meta['attributes']['background_display_overlay'] = array(
'type' => 'boolean',
'default' => false
);
$meta['attributes']['background_overlay'] = array(
'type' => 'object',
'default' => array(
'rgb' => array(
'r' => 0,
'g' => 0,
'b' => 0,
'a' => 1
)
)
);
}
$meta['render_callback'] = function( $attributes, $content ) use ( $block_key ) {
return lightspeed_render_block( $block_key, $attributes, $content );
};
return $meta;
}
function lightspeed_get_placeholder_introduction()
{
return '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lobortis eros eget erat finibus, sed eleifend augue ultricies. Etiam imperdiet malesuada imperdiet. Mauris libero mauris.</p>';
}
function lightspeed_get_placeholder_items_with_images()
{
$items = array(
array(
'id' => 1,
'heading' => 'Item 1',
'introduction' => lightspeed_get_placeholder_introduction(),
'include_cta' => false,
'cta' => null,
'cta_size' => null,
'url' => null,
'opensInNewTab' => null,
'heading_color' => null,
'introduction_color' => null,
'cta_color' => null,
'background_color' => null,
'video' => null,
'image' => lightspeed_get_placeholder_images( 0 )
),
);
return $items;
}
function lightspeed_get_placeholder_items_without_images()
{
$items = array(
array(
'id' => 1,
'heading' => 'Item 1',
'introduction' => lightspeed_get_placeholder_introduction(),
'include_cta' => false,
'cta' => null,
'cta_size' => null,
'url' => null,
'opensInNewTab' => null,
'heading_color' => null,
'introduction_color' => null,
'cta_color' => null,
'background_color' => null,
'video' => null,
'image' => null
),
);
return $items;
}
function lightspeed_get_placeholder_images( $key = null )
{
$directory = lightspeed_get_placeholder_path();
$files = array_diff( scandir( $directory ), array( '.', '..' ) );
$filenames = array();
if ( count( $files ) ) {
foreach ( $files as $file_key => $file ) {
$ext = pathinfo( $file, PATHINFO_EXTENSION );
if ( in_array( strtolower( $ext ), array( 'webp', 'jpg', 'jpeg', 'gif', 'png' ) ) ) $filenames[] = $file;
}
}
if ( $key == 'rand' ) $key = rand( 0, (count( $filenames ) - 1) );
$images = array();
if ( !empty( $filenames ) ) {
foreach ( $filenames as $file_key => $file ) {
$images[] = array(
'id' => $file_key,
'title' => 'image-' . $file_key,
'filename' => 'image-' . $file_key,
'url' => '' . lightspeed_get_placeholder_uri() . '/' . $file,
'mime' => 'image/' . $ext,
'type' => 'image',
'subtype' => $ext,
'height' => 750,
'width' => 1125,
'alt' => 'Placeholder Image'
);
}
}
if ( $key !== null ) return $images[$key];
return $images;
}
function lightspeed_get_placeholder_videos( $key = null )
{
$directory = lightspeed_get_placeholder_path();
$files = array_diff( scandir( $directory ), array( '.', '..' ) );
$filenames = array();
if ( count( $files ) ) {
foreach ( $files as $file_key => $file ) {
$ext = pathinfo( $file, PATHINFO_EXTENSION );
if ( in_array( strtolower( $ext ), array( 'mov', 'mp4', 'webm' ) ) ) $filenames[] = $file;
}
}
if ( $key == 'rand' ) $key = rand( 0, (count( $filenames ) - 1) );
$videos = array();
if ( !empty( $filenames ) ) {
foreach ( $filenames as $file_key => $file ) {
$ext = pathinfo( $file, PATHINFO_EXTENSION );
$videos[] = array(
'id' => $file_key,
'title' => 'image-' . $file_key,
'filename' => 'image-' . $file_key,
'url' => '' . lightspeed_get_placeholder_uri() . '/' . $file,
'mime' => 'video/' . $ext,
'type' => 'video',
'subtype' => $ext,
'height' => 750,
'width' => 1125,
'alt' => 'Placeholder Video'
);
}
}
if ( $key !== null ) return $videos[$key];
return $videos;
}
function lightspeed_get_placeholder_logos()
{
$logos = array(
array(
'id' => 1,
'title' => '3d-square',
'filename' => '3d-square.svg',
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/3d-square.svg',
'mime' => 'image/svg',
'type' => 'image',
'subtype' => 'svg',
'height' => 1280,
'width' => 1920,
'alt' => 'Placeholder Image'
),
array(
'id' => 2,
'title' => 'shapey',
'filename' => 'shapey.svg',
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/shapey.svg',
'mime' => 'image/svg',
'type' => 'image',
'subtype' => 'svg',
'height' => 1280,
'width' => 1920,
'alt' => 'Placeholder Image'
),
array(
'id' => 3,
'title' => 'speech',
'filename' => 'speech.svg',
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/speech.svg',
'mime' => 'image/svg',
'type' => 'image',
'subtype' => 'svg',
'height' => 1280,
'width' => 1920,
'alt' => 'Placeholder Image'
),
array(
'id' => 4,
'title' => 'triangle-creative',
'filename' => 'triangle-creative.svg',
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/triangle-creative.svg',
'mime' => 'image/svg',
'type' => 'image',
'subtype' => 'svg',
'height' => 1280,
'width' => 1920,
'alt' => 'Placeholder Image'
),
array(
'id' => 5,
'title' => 'waves',
'filename' => 'waves.svg',
'url' => '' . AREOI__PLUGIN_LIGHTSPEED_URI . 'placeholders/default/waves.svg',
'mime' => 'image/svg',
'type' => 'image',
'subtype' => 'svg',
'height' => 1280,
'width' => 1920,
'alt' => 'Placeholder Image'
),
);
return $logos;
}

View File

@@ -0,0 +1,32 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/logos",
"title": "Logos",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"max_width": {
"type": "string",
"default": "90"
},
"max_height": {
"type": "string",
"default": "60"
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true,
"lightspeed_gallery": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,59 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-lightspeed-block-logos img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-lightspeed-block-logos video {
width: auto;
height: auto;
max-width: ' . lightspeed_get_attribute( 'max_width', '80' ) . '%;
max-height: ' . lightspeed_get_attribute( 'max_height', '90' ) . 'px;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'center' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col-lg-6">
<?php lightspeed_content( 2, 'center', 'col' ) ?>
<?php if ( lightspeed_get_attribute( 'include_cta', false ) ) : ?>
<div class="h1"></div>
<?php endif; ?>
</div>
</div>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-6 justify-content-center areoi-lightspeed-block-logos">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
<div class="col mb-4 mt-4 d-flex align-items-center justify-content-center">
<?php if ( $media['type'] == 'image' ) : ?>
<img
src="<?php echo $media['url'] ?>"
alt="<?php echo !empty( $media['alt'] ) ? $media['alt'] : '' ?>"
width="<?php echo !empty( $media['width'] ) ? $media['width'] : '' ?>"
height="<?php echo !empty( $media['height'] ) ? $media['height'] : '' ?>"
>
<?php else : ?>
<video
src="<?php echo $media['url'] ?>"
muted
playsinline
autoplay
loop
></video>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,31 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/media",
"title": "Media",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"media_shape": {
"type": "string",
"default": ""
},
"media_fit": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_gallery": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,46 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
margin-top: calc(var(--bs-gutter-x) * .5);
margin-bottom: calc(var(--bs-gutter-x) * .5);
position: relative;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row align-items-center">
<div class="col">
<div class="row align-items-start areoi-parallax-component areoi-transition-none">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
<div class="col-6 col-lg-3 <?php lightspeed_media_col_class() ?>">
<div class="areoi-media-col-content rounded overflow-hidden">
<?php lightspeed_spacer( 'square' ) ?>
<?php if ( $media['type'] == 'image' ) : ?>
<img
src="<?php echo $media['url'] ?>"
class="d-block"
alt="<<?php echo !empty( $media['alt'] ) ? $media['alt'] : '' ?>"
width="<?php echo !empty( $media['width'] ) ? $media['width'] : '' ?>"
height="<?php echo !empty( $media['height'] ) ? $media['height'] : '' ?>"
>
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop></video>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,31 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col-content {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container > .row {
height: calc( ' . lightspeed_get_attribute( 'size', '100vh' ) . ' - ' . areoi2_get_option( 'areoi-lightspeed-styles-strip-padding', '0' ) * 2 . 'px );
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container areoi-parallax-none">
<div class="row align-items-center">
<div class="col areoi-hero-media position-relative areoi-transition-none">
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), lightspeed_get_attribute( 'media_shape', 'rectangle' ), false ) ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,37 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
position: relative;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
padding: 0;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container-fluid h-100">
<div class="row align-items-center">
<div class="col">
<div class="row align-items-start">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
<div class="col-6 col-lg-3 <?php lightspeed_media_col_class() ?> p-0">
<div class="areoi-media-col-content">
<?php lightspeed_spacer( 'square' ) ?>
<?php lightspeed_gallery_media( $media ) ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,44 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel {
height: 100%;
width: 100%;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-indicators {
bottom: 75px !important;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-inner,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item .areoi-media-col-content {
height: 100%;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item img,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media .carousel-item video {
width: 100%;
height: 100%;
object-fit: cover;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
padding: 0;
}
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container > .row,
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block > div.container-fluid > .row {
height: ' . lightspeed_get_attribute( 'size', '100vh' ) . ';
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container-fluid h-100 areoi-parallax-none">
<div class="row">
<div class="col areoi-hero-media h-100 p-0 areoi-transition-none">
<?php lightspeed_media_carousel( lightspeed_get_attribute( 'gallery', array() ), lightspeed_get_attribute( 'media_shape', 'rectangle' ), false ) ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,43 @@
<?php
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-media-col {
margin-top: calc(var(--bs-gutter-x) * .5);
margin-bottom: calc(var(--bs-gutter-x) * .5);
position: relative;
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row align-items-center">
<div class="col">
<div class="row d-block areoi-parallax-component">
<?php
$counter = 1;
foreach ( lightspeed_get_attribute( 'gallery', array() ) as $media_key => $media ) : ?>
<div style="float: <?php echo $counter == 8 ? 'right' : 'left' ?>" class="col-6 <?php echo ( in_array( $counter, array( 1, 8 ) ) ) ? 'col-lg-6' : 'col-lg-3' ?> <?php lightspeed_media_col_class() ?>">
<div class="areoi-media-col-content rounded overflow-hidden">
<?php lightspeed_spacer( 'square' ) ?>
<?php lightspeed_gallery_media( $media ) ?>
</div>
</div>
<?php
$counter++;
if ( $counter == 11 ) $counter = 1;
endforeach; ?>
<div style="clear: both;"></div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,21 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/next-and-previous",
"title": "Next and Previous",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,81 @@
<?php
$prev_post = get_previous_post();
$next_post = get_next_post();
$items = array(
'prev' => array(
'heading' => $prev_post ? $prev_post->post_title : '',
'media' => $prev_post ? wp_get_attachment_image_url( get_post_thumbnail_id( $prev_post->ID ), 'single-post-thumbnail' ) : '',
'permalink' => $prev_post ? get_the_permalink( $prev_post->ID ) : ''
),
'next' => array(
'heading' => $next_post ? $next_post->post_title : '',
'media' => $next_post ? wp_get_attachment_image_url( get_post_thumbnail_id( $next_post->ID ), 'single-post-thumbnail' ) : '',
'permalink' => $next_post ? get_the_permalink( $next_post->ID ) : ''
),
);
if ( !empty( $_GET['context'] ) && $_GET['context'] == 'edit' ) {
$items = array(
'prev' => array(
'heading' => 'Previous post',
'media' => lightspeed_get_placeholder_images( 1 )['url'],
'permalink' => ''
),
'next' => array(
'heading' => 'Next post',
'media' => lightspeed_get_placeholder_images( 3 )['url'],
'permalink' => ''
),
);
}
if ( empty( $items['prev']['media'] ) && areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
$items['prev']['media'] = lightspeed_get_placeholder_images( 1 )['url'];
}
if ( empty( $items['next']['media'] ) && areoi2_get_option( 'areoi-lightspeed-company-include-lightspeed', false ) ) {
$items['next']['media'] = lightspeed_get_placeholder_images( 3 )['url'];
}
$styles = '';
if ( !$next_post && !$prev_post ) {
$styles .= '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block {
display: none;
}
';
}
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<?php foreach ( $items as $item_key => $item ) : ?>
<div class="col-md-6 position-relative areoi-has-url">
<?php if ( !empty( $item['heading'] ) ) : ?>
<div class="row align-items-center">
<div class="col-6 <?php echo $item_key == 'next' ? 'order-1' : ' text-end' ?>">
<?php lightspeed_heading( 2, $item, 'h3' ) ?>
</div>
<div class="col-6">
<div class="<?php lightspeed_media_col_class() ?> h-100">
<div class="areoi-media-col-content h-100 rounded overflow-hidden">
<?php lightspeed_square_spacer() ?>
<?php if ( $item['media'] ) : ?>
<img src="<?php echo $item['media'] ?>" alt="<?php echo $item['heading'] ?>" />
<?php endif; ?>
</div>
</div>
</div>
</div>
<a href="<?php echo $item['permalink'] ?>" class="stretched-link" aria-label="View <?php echo $item['heading'] ?>"></a>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>

View File

@@ -0,0 +1,40 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/post-details",
"title": "Post Details",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"include_post_author": {
"type": "boolean",
"default": true
},
"include_post_date": {
"type": "boolean",
"default": true
},
"include_post_categories": {
"type": "boolean",
"default": true
},
"introduction_color": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,41 @@
<?php
$color = lightspeed_get_attribute( 'introduction_color', lightspeed_get_default_color( 'text' ) );
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row row-cols-1 row-cols-md-3 text-center <?php echo $color; ?>">
<?php
if ( lightspeed_get_attribute( 'include_post_author', null ) ) :
?>
<div class="col">
<?php lightspeed_author_url( $color ) ?>
</div>
<?php endif; ?>
<?php if ( lightspeed_get_attribute( 'include_post_date', null ) ) : ?>
<div class="col">
<?php echo get_the_date() ? get_the_date() : date( 'd/M/Y' ) ?>
</div>
<?php endif; ?>
<?php if ( lightspeed_get_attribute( 'include_post_categories', null ) ) : ?>
<div class="col">
<?php
$categories = get_categories();
if ( ! empty( $categories ) ) {
echo '<a href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '" class="' . $color . '">' . esc_html( $categories[0]->name ) . '</a>';
}
?>
</div>
<?php endif; ?>
</div>
</div>

View File

@@ -0,0 +1,32 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/posts",
"title": "Posts",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {
"media_shape": {
"type": "string",
"default": ""
},
"media_fit": {
"type": "string",
"default": ""
}
},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_content": true,
"lightspeed_posts": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true, false, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true, false, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true, false, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?> <?php echo 'text-' . lightspeed_get_attribute( 'content_alignment', 'start' ) ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative">
<?php lightspeed_item( null, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,41 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row">
<div class="align-self-start col-lg-6 col-xxl-5 areoi-col-content <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'offset-xxl-1 order-lg-1' : '' ?> position-sticky" style="top: 100px;">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
<div class="col-lg-6 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? '' : 'offset-xxl-1' ?>">
<div class="row row-cols-1 row-cols-md-2 areoi-parallax-component">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col mb-4 position-relative areoi-has-url">
<?php lightspeed_item( null, true ) ?>
</div>
<?php $post_count++; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,46 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center">
<div class="col">
<div class="row justify-content-<?php echo lightspeed_get_attribute( 'content_alignment', 'start' ) == 'center' ? 'center' : lightspeed_get_attribute( 'alignment' ) ?>">
<div class="col">
<?php lightspeed_content( 2, 'start', 'col-lg-6 col-xl-5' ) ?>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-end' : '' ?>">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col <?php echo in_array( $post_count, array( 0, 5) ) ? 'col-lg-6' : '' ?> mb-4 position-relative areoi-has-url">
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
<?php lightspeed_item_with_background( null, true ) ?>
<?php else : ?>
<?php lightspeed_item( null, true ) ?>
<?php endif; ?>
</div>
<?php $post_count++; if ( $post_count == 6 ) $post_count = 0; endwhile; ?>
</div>
<?php lightspeed_post_pagination( $the_query ) ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>

View File

@@ -0,0 +1,49 @@
<?php
$the_query = lightspeed_get_posts();
$styles = '
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: relative;
}
@media only screen and (min-width: ' . areoi2_get_option( 'areoi-layout-grid-grid-breakpoint-lg', '992px' ) . ') {
.' . lightspeed_get_block_id() . '.areoi-lightspeed-block .areoi-hero-media {
position: absolute;
' . (lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'left' : 'right') . ': 0
}
}
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-between <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'justify-content-lg-end' : '' ?>">
<div class="col-lg-6 col-xl-5 text-center text-lg-start position-relative">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
</div>
<div class="col-lg-6 areoi-hero-media p-0">
<div class="h1 d-lg-none"></div>
<div class="areoi-drag-container">
<ul class="align-items-start">
<?php $post_count = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<li class="position-relative areoi-has-url">
<?php if ( !empty( lightspeed_get_attribute( 'media_position', null ) ) && lightspeed_get_attribute( 'media_position', null ) == 'background' ) : ?>
<?php lightspeed_item_with_background( null, true ) ?>
<?php else : ?>
<?php lightspeed_item( null, true ) ?>
<?php endif; ?>
</li>
<?php $post_count++; endwhile; ?>
<?php wp_reset_postdata(); ?>
</ul>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,23 @@
{
"apiVersion": 2,
"name": "areoi-lightspeed/search",
"title": "Search",
"parent": null,
"category": "areoi-lightspeed",
"description": "",
"textdomain": "default",
"keywords": [ "areoi", "lightspeed" ],
"example": {},
"attributes": {},
"supports": {
"anchor": true,
"align": false,
"html": false,
"lightspeed_background": true,
"lightspeed_gallery": true,
"lightspeed_content": true
},
"editorScript": "",
"editorStyle": "",
"style": ""
}

View File

@@ -0,0 +1,75 @@
<?php
$styles = '
';
?>
<?php if ( $styles ) : ?>
<style><?php echo areoi_minify_css( $styles ) ?></style>
<?php endif; ?>
<div class="container h-100 position-relative">
<div class="row h-100 align-items-center justify-content-between">
<div class="col-lg-6 col-xxl-5 <?php echo lightspeed_get_attribute( 'alignment', 'start' ) == 'end' ? 'order-lg-1' : '' ?>">
<?php lightspeed_content( 2, 'start', 'col' ) ?>
<?php lightspeed_search() ?>
</div>
<div class="col-lg-6 areoi-hero-media">
<div class="h1 d-lg-none"></div>
<div id="<?php lightspeed_block_id() ?>-media-carousel" class="carousel slide" data-bs-ride="carousel">
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
<div class="carousel-indicators">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<button
type="button"
data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel"
data-bs-slide-to="<?php echo $gallery_key ?>"
class="<?php echo $gallery_key == 0 ? 'active' : '' ?>"
aria-current="true"
aria-label="Slide <?php echo $gallery_key + 1 ?>"
></button>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="carousel-inner areoi-has-mask">
<?php foreach ( lightspeed_get_attribute( 'gallery', array() ) as $gallery_key => $media ) : ?>
<div class="carousel-item <?php echo $gallery_key == 0 ? 'active' : '' ?>">
<div class="<?php lightspeed_media_col_class() ?>">
<div class="areoi-media-col-content">
<?php lightspeed_spacer( lightspeed_get_attribute( 'media_shape', 'square' ) ) ?>
<?php if ( $media['type'] == 'image' ) : ?>
<img src="<?php echo $media['url'] ?>" class="d-block img-fluid" alt="<?php echo $media['alt'] ?>" width="<?php echo $media['width'] ?>" height="<?php echo $media['height'] ?>">
<?php else : ?>
<video src="<?php echo $media['url'] ?>" muted playsinline autoplay loop class="img-fluid"></video>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php if ( count( lightspeed_get_attribute( 'gallery', array() ) ) > 1 ) : ?>
<button class="carousel-control-prev" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#<?php lightspeed_block_id() ?>-media-carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>