@sociallane/elements 1.0.0

package/widgets/card-hover-reveal/templates/partials/card.php

@@ -0,0 +1,119 @@
+<?php
+/**
+ * Partial: Card Hover Reveal – single card
+ *
+ * Expects: $card (array), $card_id (string), $card_classes (array), $aspect_class (string), $elements_path (string)
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $card ) || ! is_array( $card ) ) {
+	return;
+}
+
+$card_classes = is_array( $card_classes ?? null ) ? $card_classes : [];
+$card         = array_merge(
+	[
+		'image'            => [],
+		'cta'              => null,
+		'link_url'         => '',
+		'link_attrs'       => '',
+		'show_title'       => false,
+		'title'            => '',
+		'title_tag'        => 'h3',
+		'subtitle'         => '',
+		'show_description' => false,
+		'description'      => '',
+		'show_cta'         => false,
+	],
+	$card
+);
+$card['image'] = is_array( $card['image'] ?? null ) ? $card['image'] : [];
+$card['cta']   = is_array( $card['cta'] ?? null ) ? $card['cta'] : null;
+$card['title_tag'] = in_array( $card['title_tag'], [ 'h2', 'h3', 'h4', 'h5', 'h6' ], true )
+	? $card['title_tag']
+	: 'h3';
+$image = array_merge(
+	[
+		'src'     => '',
+		'alt'     => '',
+		'srcset'  => '',
+		'sizes'   => '',
+		'width'   => '',
+		'height'  => '',
+		'loading' => 'lazy',
+	],
+	$card['image']
+);
+?>
+
+<div
+	class="card-hover-reveal__inner relative overflow-hidden <?php echo esc_attr( $aspect_class ); ?>"
+	data-sl-hover-reveal
+>
+	<?php /* Image */ ?>
+<?php if ( ! empty( $image['src'] ) ) : ?>
+		<?php
+		$wrap_tag   = ! empty( $card['link_url'] ) ? 'a' : 'div';
+		$wrap_attrs = $wrap_tag === 'a'
+			? ' href="' . esc_url( $card['link_url'] ) . '" ' . $card['link_attrs']
+			: '';
+		?>
+		<<?php echo $wrap_tag; ?> class="absolute inset-0 block focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 <?php echo $wrap_tag === 'a' ? '' : 'pointer-events-none'; ?>" <?php echo $wrap_attrs; ?>>
+			<img
+			src="<?php echo esc_url( $image['src'] ); ?>"
+			alt="<?php echo esc_attr( $image['alt'] ); ?>"
+			<?php if ( ! empty( $image['srcset'] ) ) : ?>srcset="<?php echo esc_attr( $image['srcset'] ); ?>"<?php endif; ?>
+			<?php if ( ! empty( $image['sizes'] ) ) : ?>sizes="<?php echo esc_attr( $image['sizes'] ); ?>"<?php endif; ?>
+			<?php if ( ! empty( $image['width'] ) ) : ?>width="<?php echo esc_attr( $image['width'] ); ?>"<?php endif; ?>
+			<?php if ( ! empty( $image['height'] ) ) : ?>height="<?php echo esc_attr( $image['height'] ); ?>"<?php endif; ?>
+			loading="<?php echo esc_attr( $image['loading'] ); ?>"
+				decoding="async"
+				class="absolute inset-0 w-full h-full object-cover"
+			/>
+		</<?php echo $wrap_tag; ?>>
+	<?php endif; ?>
+
+	<?php /* Hover bar: dark blur bar, title & subtitle always visible, WYSIWYG content animates in */ ?>
+		<div
+			class="card-hover-reveal__bar absolute bottom-0 left-0 right-0 z-10 flex flex-col justify-end px-4 pb-4 pt-6 <?php echo esc_attr( $card_classes['bar_bg'] ?? '' ); ?>"
+			data-sl-hover-reveal-bar
+		>
+			<div class="card-hover-reveal__content flex flex-col gap-0.5" data-sl-hover-reveal-content>
+				<?php if ( $card['show_title'] && $card['title'] !== '' ) : ?>
+					<<?php echo $card['title_tag']; ?>
+						id="<?php echo esc_attr( $card_id ); ?>-title"
+						class="<?php echo esc_attr( $card_classes['title'] ?? '' ); ?> text-lg sm:text-xl font-bold leading-tight"
+					>
+						<?php echo $card['title']; ?>
+					</<?php echo $card['title_tag']; ?>>
+				<?php endif; ?>
+
+				<?php if ( ! empty( $card['subtitle'] ) ) : ?>
+					<p class="subtitle text-sm leading-relaxed opacity-90">
+						<?php echo esc_html( $card['subtitle'] ); ?>
+					</p>
+				<?php endif; ?>
+
+				<?php if ( $card['show_description'] && $card['description'] !== '' ) : ?>
+					<div class="description-content text-sm leading-relaxed pt-4 <?php echo esc_attr( $card_classes['description'] ?? '' ); ?>" data-sl-hover-reveal-item data-sl-hover-reveal-collapsible>
+						<?php echo $card['description']; ?>
+					</div>
+				<?php endif; ?>
+
+			<?php if ( $card['show_cta'] && $card['cta'] ) : ?>
+				<div class="pt-1" data-sl-hover-reveal-item data-sl-hover-reveal-collapsible>
+					<?php
+					$button         = $card['cta'];
+					$button['class'] = ( $button['class'] ?? '' ) . ' ' . ( $card_classes['cta_focus'] ?? '' );
+					include $elements_path . '/button/templates/render.php';
+					?>
+				</div>
+			<?php endif; ?>
+		</div>
+	</div>
+</div>

package/widgets/card-hover-reveal/templates/wrapper.php

@@ -0,0 +1,80 @@
+<?php
+/**
+ * Template: Card Hover Reveal Wrapper
+ *
+ * Grid of repeatable cards; each card has image and hover bar (name + role).
+ * GSAP animates bar and content on hover (data-sl-hover-reveal).
+ *
+ * AVAILABLE DATA ($view): cards, aspect_class, grid_class, classes, widget_id, animation
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view ) || empty( $view['cards'] ) ) {
+	return;
+}
+
+$anim          = $view['animation'] ?? [];
+$section_attrs = sociallane_section_animation_attrs( $anim );
+$stagger_attrs = sociallane_stagger_attrs( $anim );
+$block_id      = 'card-hover-reveal-' . $view['widget_id'];
+$elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
+$cards         = $view['cards'];
+$card_classes  = is_array( $view['classes'] ?? null ) ? $view['classes'] : [];
+$aspect_class  = $view['aspect_class'];
+$grid_class    = $view['grid_class'];
+?>
+
+<?php // ========== CARD HOVER REVEAL START ========== ?>
+
+<section
+	class="card-hover-reveal w-full <?php echo esc_attr( $view['classes']['section'] ); ?> py-12 md:py-16 lg:py-20"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	aria-label="<?php esc_attr_e( 'Specialists', 'sociallane-elements' ); ?>"
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+		<?php /* Header: title left, CTA right */ ?>
+		<?php if ( $view['show_headline'] || $view['show_header_cta'] ) : ?>
+			<header class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-8 md:mb-10">
+				<?php if ( $view['show_headline'] && $view['headline'] !== '' ) : ?>
+					<<?php echo $view['headline_tag']; ?> class="<?php echo esc_attr( $view['classes']['headline'] ); ?> text-2xl md:text-3xl lg:text-4xl font-bold font-heading leading-tight">
+						<?php echo $view['headline']; ?>
+					</<?php echo $view['headline_tag']; ?>>
+				<?php endif; ?>
+				<?php if ( $view['show_header_cta'] ) : ?>
+					<a
+						href="<?php echo esc_url( $view['header_cta_href'] ); ?>"
+						class="<?php echo esc_attr( $view['classes']['header_cta'] ); ?> shrink-0"
+						<?php echo $view['header_cta_attrs']; ?>
+					>
+						<?php echo $view['header_cta_text']; ?>
+					</a>
+				<?php endif; ?>
+			</header>
+		<?php endif; ?>
+
+		<div
+			class="grid <?php echo esc_attr( $grid_class ); ?> gap-4 sm:gap-6"
+			<?php echo $stagger_attrs ? ' ' . $stagger_attrs : ''; ?>
+		>
+		<?php foreach ( $cards as $index => $card ) : ?>
+			<?php
+			$card_id = $block_id . '-card-' . $index;
+			$has_title = $card['show_title'] && $card['title'] !== '';
+			?>
+			<article
+				class="card-hover-reveal__card w-full"
+				<?php if ( $has_title ) : ?>aria-labelledby="<?php echo esc_attr( $card_id ); ?>-title"<?php else : ?>aria-label="<?php esc_attr_e( 'Card', 'sociallane-elements' ); ?>"<?php endif; ?>
+			>
+				<?php include __DIR__ . '/partials/card.php'; ?>
+			</article>
+		<?php endforeach; ?>
+		</div>
+	</div>
+</section>
+
+<?php // ========== CARD HOVER REVEAL END ========== ?>

package/widgets/client-logos/client-logos.php

@@ -0,0 +1,214 @@
+<?php
+/**
+ * Widget: Client Logos
+ *
+ * Dark section with headline, short horizontal separator, and a grid of
+ * client logo + name pairs. "We've worked with hundreds of amazing people" style.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use Elementor\Repeater;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Client Logos Widget
+ */
+class Client_Logos extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'client-logos';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Client Logos', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-gallery-grid';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-cards' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'client', 'logo', 'grid', 'social proof', 'partners', 'companies' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_clients_section();
+		$this->register_layout_section();
+		$this->register_animation_controls( true, true );
+	}
+
+	private function register_header_section(): void {
+		$this->start_controls_section(
+			'section_header',
+			[
+				'label' => esc_html__( 'Header', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_headline',
+			[
+				'label'   => esc_html__( 'Show headline', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'headline',
+			[
+				'label'       => esc_html__( 'Headline', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( "We've worked with hundreds of amazing people", 'sociallane-elements' ),
+				'label_block' => true,
+				'condition'   => [ 'show_headline' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'headline_tag',
+			[
+				'label'     => esc_html__( 'Headline tag', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'h2',
+				'options'   => [
+					'h1' => 'H1',
+					'h2' => 'H2',
+					'h3' => 'H3',
+				],
+				'condition' => [ 'show_headline' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_separator',
+			[
+				'label'   => esc_html__( 'Show separator line', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_clients_section(): void {
+		$this->start_controls_section(
+			'section_clients',
+			[
+				'label' => esc_html__( 'Clients', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$repeater = new Repeater();
+
+		$repeater->add_control(
+			'logo_image',
+			[
+				'label'   => esc_html__( 'Logo', 'sociallane-elements' ),
+				'type'    => Controls_Manager::MEDIA,
+				'default' => [
+					'url' => \Elementor\Utils::get_placeholder_image_src(),
+				],
+			]
+		);
+		$repeater->add_control(
+			'logo_alt',
+			[
+				'label'       => esc_html__( 'Logo alt text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'description' => esc_html__( 'Required for accessibility.', 'sociallane-elements' ),
+			]
+		);
+		$repeater->add_control(
+			'name',
+			[
+				'label'   => esc_html__( 'Name', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+			]
+		);
+		$repeater->add_control(
+			'logo_url',
+			[
+				'label' => esc_html__( 'Link URL', 'sociallane-elements' ),
+				'type'  => Controls_Manager::URL,
+			]
+		);
+
+		$default_clients = [
+			[ 'name' => 'Phobia', 'logo_alt' => 'Phobia' ],
+			[ 'name' => 'Family Fund', 'logo_alt' => 'Family Fund' ],
+			[ 'name' => 'Unseal', 'logo_alt' => 'Unseal' ],
+			[ 'name' => 'MAILSMIRK', 'logo_alt' => 'MAILSMIRK' ],
+			[ 'name' => 'Home Work', 'logo_alt' => 'Home Work' ],
+			[ 'name' => 'Green Life', 'logo_alt' => 'Green Life' ],
+			[ 'name' => 'BrightPath', 'logo_alt' => 'BrightPath' ],
+			[ 'name' => 'North Adventures', 'logo_alt' => 'North Adventures' ],
+		];
+		foreach ( $default_clients as $i => $row ) {
+			$default_clients[ $i ]['logo_image'] = [ 'url' => \Elementor\Utils::get_placeholder_image_src() ];
+		}
+
+		$this->add_control(
+			'clients',
+			[
+				'label'       => esc_html__( 'Clients', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $repeater->get_controls(),
+				'default'     => $default_clients,
+				'title_field' => '{{ name }}',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_layout_section(): void {
+		$this->start_controls_section(
+			'section_layout',
+			[
+				'label' => esc_html__( 'Layout', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'columns',
+			[
+				'label'   => esc_html__( 'Columns', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => '4',
+				'options' => [
+					'2' => '2',
+					'3' => '3',
+					'4' => '4',
+				],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_client_logos_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/client-logos/data/view.php

@@ -0,0 +1,105 @@
+<?php
+/**
+ * Data Preparation: Client Logos
+ *
+ * Builds template-ready $view: clients list (logo + name + optional link),
+ * header, layout, and theme classes (light + dark).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Client Logos widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_client_logos_view( array $settings, string $widget_id ): array {
+	$show_headline  = sociallane_show_field( $settings, 'show_headline' );
+	$show_separator = sociallane_show_field( $settings, 'show_separator' );
+	$headline       = sociallane_sanitize_text( $show_headline, $settings, 'headline' );
+	$headline_tag   = sociallane_validate_heading_tag( $settings );
+
+	$columns = in_array( $settings['columns'] ?? '4', [ '2', '3', '4' ], true )
+		? $settings['columns']
+		: '4';
+	$grid_cols = [
+		'2' => 'grid-cols-2',
+		'3' => 'grid-cols-2 md:grid-cols-3',
+		'4' => 'grid-cols-2 md:grid-cols-4',
+	];
+	$grid_class = $grid_cols[ $columns ];
+
+	$clients = [];
+	foreach ( $settings['clients'] ?? [] as $item ) {
+		$img = $item['logo_image'] ?? [];
+		$src = isset( $img['url'] ) ? esc_url( $img['url'] ) : '';
+		if ( $src === '' ) {
+			continue;
+		}
+		$name = trim( $item['name'] ?? '' );
+		$alt  = $item['logo_alt'] ?? $name;
+		$url  = $item['logo_url'] ?? [];
+		$href = isset( $url['url'] ) && $url['url'] !== '' ? esc_url( $url['url'] ) : null;
+		$attrs = [];
+		if ( $href !== null ) {
+			if ( ! empty( $url['is_external'] ) ) {
+				$attrs[] = 'target="_blank"';
+				$attrs[] = 'rel="noopener noreferrer"';
+			}
+			if ( ! empty( $url['nofollow'] ) ) {
+				$attrs[] = 'rel="nofollow"';
+			}
+		}
+		$clients[] = [
+			'src'   => $src,
+			'alt'   => $alt,
+			'name'  => $name !== '' ? esc_html( $name ) : '',
+			'href'  => $href,
+			'attrs' => implode( ' ', $attrs ),
+			'id'    => $img['id'] ?? 0,
+		];
+	}
+
+	// Image srcset/sizes for responsive and CLS
+	foreach ( $clients as $i => $client ) {
+		$clients[ $i ]['srcset']  = '';
+		$clients[ $i ]['sizes']   = '(max-width: 768px) 50vw, 25vw';
+		$clients[ $i ]['width']   = '';
+		$clients[ $i ]['height']  = '';
+		$clients[ $i ]['loading'] = 'lazy';
+		if ( ! empty( $client['id'] ) ) {
+			$meta = wp_get_attachment_metadata( $client['id'] );
+			if ( $meta ) {
+				$clients[ $i ]['width']  = $meta['width'] ?? '';
+				$clients[ $i ]['height'] = $meta['height'] ?? '';
+				$clients[ $i ]['srcset'] = wp_get_attachment_image_srcset( $client['id'], 'medium' ) ?: '';
+			}
+		}
+	}
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
+	$classes = [
+		'section'    => 'bg-neutral-900 dark:bg-neutral-950',
+		'headline'   => 'text-white dark:text-white',
+		'separator'  => 'border-neutral-500 dark:border-neutral-500',
+		'client_name'=> 'text-white dark:text-white',
+	];
+
+	return [
+		'show_headline'     => $show_headline,
+		'show_separator'    => $show_separator,
+		'headline'          => $headline,
+		'headline_tag'      => $headline_tag,
+		'clients'           => $clients,
+		'grid_class'         => $grid_class,
+		'classes'            => $classes,
+		'widget_id'         => $widget_id,
+		'animation'          => $animation,
+	];
+}

package/widgets/client-logos/templates/partials/client-item.php

@@ -0,0 +1,38 @@
+<?php
+/**
+ * Partial: Client Logos – single client item (logo + name)
+ *
+ * Expects $client: src, alt, name, href|null, attrs, srcset, sizes, width, height, loading
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $client ) ) {
+	return;
+}
+
+$tag   = $client['href'] !== null ? 'a' : 'div';
+$extra = $client['href'] !== null ? ' href="' . esc_url( $client['href'] ) . '" ' . $client['attrs'] : '';
+$elements_path = dirname( __DIR__, 4 ) . '/elements';
+$image = [
+	'src'     => $client['src'],
+	'alt'     => $client['alt'],
+	'srcset'  => $client['srcset'] ?? '',
+	'sizes'   => $client['sizes'] ?? '',
+	'width'   => $client['width'] ?? '',
+	'height'  => $client['height'] ?? '',
+	'loading' => $client['loading'] ?? 'lazy',
+	'class'   => 'max-h-10 w-auto max-w-full object-contain',
+];
+?>
+
+<<?php echo $tag; ?> class="flex flex-col items-center justify-center gap-3 text-center"<?php echo $extra; ?>>
+	<?php include $elements_path . '/image/templates/render.php'; ?>
+	<?php if ( $client['name'] !== '' ) : ?>
+		<span class="<?php echo esc_attr( $view['classes']['client_name'] ); ?> text-sm md:text-base font-normal"><?php echo $client['name']; ?></span>
+	<?php endif; ?>
+</<?php echo $tag; ?>>

package/widgets/client-logos/templates/wrapper.php

@@ -0,0 +1,62 @@
+<?php
+/**
+ * Template: Client Logos Wrapper
+ *
+ * Dark section: headline, separator line, grid of logo + name pairs.
+ * AVAILABLE DATA ($view): show_headline, show_separator, headline, headline_tag,
+ * clients, grid_class, classes, widget_id.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view ) ) {
+	return;
+}
+
+$anim          = $view['animation'] ?? [];
+$section_attrs = sociallane_section_animation_attrs( $anim );
+$headline_attrs = sociallane_headline_animation_attrs( $anim );
+$section_id  = 'client-logos-' . $view['widget_id'];
+$has_heading  = $view['show_headline'] && $view['headline'] !== '';
+$has_clients  = ! empty( $view['clients'] );
+?>
+
+<?php // ========== CLIENT LOGOS START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?> rounded-2xl mx-auto py-16 md:py-20 lg:py-24"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( $has_heading ) : ?>aria-labelledby="<?php echo esc_attr( $section_id ); ?>"<?php endif; ?>
+>
+	<div class="spaced w-full px-4 sm:px-6 lg:px-8">
+		<div class="text-center max-w-4xl mx-auto">
+			<?php if ( $has_heading ) : ?>
+				<header id="<?php echo esc_attr( $section_id ); ?>">
+					<<?php echo $view['headline_tag']; ?>
+						class="<?php echo esc_attr( $view['classes']['headline'] ); ?> text-xl sm:text-2xl md:text-3xl font-medium font-heading"
+					>
+						<?php echo $view['headline']; ?>
+					</<?php echo $view['headline_tag']; ?>>
+					<?php if ( $view['show_separator'] ) : ?>
+						<div class="<?php echo esc_attr( $view['classes']['separator'] ); ?> border-b w-24 mt-4 mx-auto"></div>
+					<?php endif; ?>
+				</header>
+			<?php endif; ?>
+
+			<?php if ( $has_clients ) : ?>
+				<?php $stagger_attrs = sociallane_stagger_attrs( $anim ); ?>
+				<div class="grid <?php echo esc_attr( $view['grid_class'] ); ?> gap-8 md:gap-10 lg:gap-12 mt-12 md:mt-16" <?php echo $stagger_attrs ? ' ' . $stagger_attrs : ''; ?>>
+					<?php foreach ( $view['clients'] as $client ) : ?>
+						<?php include __DIR__ . '/partials/client-item.php'; ?>
+					<?php endforeach; ?>
+				</div>
+			<?php endif; ?>
+		</div>
+	</div>
+</section>
+
+<?php // ========== CLIENT LOGOS END ========== ?>