@sociallane/elements 1.0.0

package/widgets/social-proof/data/view.php

@@ -0,0 +1,143 @@
+<?php
+/**
+ * Data Preparation: Social Proof
+ *
+ * Transforms raw Elementor settings into clean, template-ready data.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Social Proof widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID for accessibility
+ * @return array Template-ready data
+ */
+function prepare_social_proof_view( array $settings, string $widget_id ): array {
+	$layout          = ( $settings['layout'] ?? 'default' ) === 'trust' ? 'trust' : 'default';
+	$show_eyebrow    = $layout === 'trust' && ( $settings['show_eyebrow'] ?? 'yes' ) === 'yes';
+	$show_headline   = ( $settings['show_headline'] ?? 'yes' ) === 'yes';
+	$show_description = ( $settings['show_description'] ?? 'yes' ) === 'yes';
+	$show_image      = $layout === 'default' && ( $settings['show_image'] ?? '' ) === 'yes';
+
+	$eyebrow     = $show_eyebrow ? esc_html( $settings['eyebrow'] ?? '' ) : '';
+	$headline    = $show_headline ? esc_html( $settings['headline'] ?? '' ) : '';
+	$description = $show_description ? esc_html( $settings['description'] ?? '' ) : '';
+	$headline_tag = in_array( $settings['headline_tag'] ?? 'h2', [ 'h1', 'h2', 'h3' ], true )
+		? $settings['headline_tag']
+		: 'h2';
+
+	// Links for trust layout (primary/secondary or preset styles)
+	$links = [];
+	if ( $layout === 'trust' ) {
+		$presets = [
+			'link_1' => function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['link_1_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ],
+			'link_2' => function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['link_2_style'] ?? 'secondary' ) : [ 'variant' => 'secondary', 'size' => 'md' ],
+		];
+		foreach ( [ 'link_1', 'link_2' ] as $key ) {
+			$text = trim( $settings[ $key . '_text' ] ?? '' );
+			if ( $text === '' ) {
+				continue;
+			}
+			$url_data = $settings[ $key . '_url' ] ?? [];
+			$href     = esc_url( $url_data['url'] ?? '#' );
+			$attrs    = [];
+			if ( ! empty( $url_data['is_external'] ) ) {
+				$attrs[] = 'target="_blank"';
+				$attrs[] = 'rel="noopener noreferrer"';
+			}
+			if ( ! empty( $url_data['nofollow'] ) ) {
+				$attrs[] = 'rel="nofollow"';
+			}
+			$preset = $presets[ $key ];
+			$links[] = [
+				'text'    => esc_html( $text ),
+				'url'     => $href,
+				'variant' => $preset['variant'],
+				'size'    => $preset['size'] ?? 'md',
+				'attrs'   => implode( ' ', $attrs ),
+			];
+		}
+	}
+
+	$buttons_layout = ( $layout === 'trust' && in_array( $settings['buttons_layout'] ?? 'row', [ 'row', 'column' ], true ) )
+		? $settings['buttons_layout']
+		: 'row';
+
+	$stats_raw = $settings['stats'] ?? [];
+	$stats     = [];
+
+	foreach ( $stats_raw as $item ) {
+		$stats[] = [
+			'icon'        => $item['icon'] ?? null,
+			'stat'        => esc_html( $item['stat'] ?? '' ),
+			'description' => esc_html( $item['description'] ?? '' ),
+		];
+	}
+
+	$image_data = $settings['image'] ?? [];
+	$image      = [
+		'src'     => esc_url( $image_data['url'] ?? '' ),
+		'alt'     => esc_attr( $settings['image_alt'] ?? '' ),
+		'id'      => $image_data['id'] ?? 0,
+		'srcset'  => '',
+		'sizes'   => '(max-width: 768px) 100vw, 50vw',
+		'width'   => '',
+		'height'  => '',
+		'loading' => 'lazy',
+	];
+
+	if ( $image['id'] ) {
+		$image_meta = wp_get_attachment_metadata( $image['id'] );
+		if ( $image_meta ) {
+			$image['width']  = $image_meta['width'] ?? '';
+			$image['height'] = $image_meta['height'] ?? '';
+			$image['srcset'] = wp_get_attachment_image_srcset( $image['id'], 'full' ) ?: '';
+		}
+	}
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
+
+	// Default layout: light section. Trust layout: dark blue section, blue accent.
+	$classes = [
+		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
+		'headline'    => 'text-blue-chill-950 dark:text-white',
+		'description' => 'text-blue-chill-950 dark:text-neutral-300',
+		'stat_value'  => 'text-blue-chill-950 dark:text-white',
+		'stat_desc'   => 'text-neutral-600 dark:text-neutral-400',
+		'icon'        => 'text-blue-chill-900 dark:text-blue-chill-300',
+	];
+	if ( $layout === 'trust' ) {
+		$classes['section']     = 'bg-neutral-100 dark:bg-zinc-900';
+		$classes['eyebrow']     = 'text-zinc-900 dark:text-neutral-200';
+		$classes['headline']    = 'text-zinc-900 dark:text-neutral-200';
+		$classes['description'] = 'text-zinc-900 dark:text-neutral-200';
+		$classes['stat_value']  = 'text-zinc-900 dark:text-neutral-200';
+		$classes['stat_desc']   = 'text-zinc-900 dark:text-neutral-200';
+		$classes['icon']        = 'text-zinc-900 dark:text-neutral-200';
+	}
+
+	return [
+		'layout'          => $layout,
+		'show_eyebrow'    => $show_eyebrow,
+		'show_headline'   => $show_headline,
+		'show_description'=> $show_description,
+		'show_image'      => $show_image,
+		'eyebrow'         => $eyebrow,
+		'headline'        => $headline,
+		'headline_tag'    => $headline_tag,
+		'description'     => $description,
+		'links'           => $links,
+		'buttons_layout'  => $buttons_layout,
+		'stats'           => $stats,
+		'image'           => $image,
+		'classes'         => $classes,
+		'widget_id'       => $widget_id,
+		'animation'       => $animation,
+	];
+}

package/widgets/social-proof/social-proof.php

@@ -0,0 +1,389 @@
+<?php
+/**
+ * Widget: Social Proof
+ *
+ * A section with a headline, description, and a list of trust-building statistics.
+ * Each stat has an icon, bold number, and descriptive text.
+ * Optional right-side image (e.g. 3D character) for visual balance.
+ *
+ * @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;
+}
+
+/**
+ * Social Proof Widget
+ */
+class Social_Proof extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'social-proof';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Social Proof', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-counter';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-content' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'social proof', 'stats', 'trust', 'statistics', 'numbers' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_content_section();
+		$this->register_stats_section();
+		$this->register_media_section();
+		$this->register_style_icon_section();
+		$this->register_animation_controls( true, true );
+	}
+
+	private function register_content_section(): void {
+		$this->start_controls_section(
+			'section_content',
+			[
+				'label' => esc_html__( 'Content', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'layout',
+			[
+				'label'   => esc_html__( 'Layout', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'default',
+				'options' => [
+					'default' => esc_html__( 'Default (content + optional image)', 'sociallane-elements' ),
+					'trust'   => esc_html__( 'Trust (split: text & links left, 2×2 stats right)', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->add_control(
+			'show_eyebrow',
+			[
+				'label'     => esc_html__( 'Show eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SWITCHER,
+				'default'   => 'yes',
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'eyebrow',
+			[
+				'label'       => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Trusted Worldwide', 'sociallane-elements' ),
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$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__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+				'label_block' => true,
+			]
+		);
+
+		$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',
+				],
+			]
+		);
+
+		$this->add_control(
+			'show_description',
+			[
+				'label'   => esc_html__( 'Show Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXTAREA,
+				'default' => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'link_1_text',
+			[
+				'label'       => esc_html__( 'Link 1 text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Explore Legality Guide', 'sociallane-elements' ),
+				'condition'   => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'link_1_url',
+			[
+				'label'     => esc_html__( 'Link 1 URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'link_2_text',
+			[
+				'label'       => esc_html__( 'Link 2 text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Visit the Trust Center', 'sociallane-elements' ),
+				'condition'   => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'link_2_url',
+			[
+				'label'     => esc_html__( 'Link 2 URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'link_1_style',
+			[
+				'label'     => esc_html__( 'Link 1 style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => function_exists( 'sociallane_get_button_preset_options' ) ? sociallane_get_button_preset_options() : [
+					'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
+					'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
+					'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
+					'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
+				],
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'link_2_style',
+			[
+				'label'     => esc_html__( 'Link 2 style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'secondary',
+				'options'   => function_exists( 'sociallane_get_button_preset_options' ) ? sociallane_get_button_preset_options() : [
+					'primary'   => esc_html__( 'Primary', 'sociallane-elements' ),
+					'secondary' => esc_html__( 'Secondary', 'sociallane-elements' ),
+					'ghost'     => esc_html__( 'Ghost', 'sociallane-elements' ),
+					'outline'   => esc_html__( 'Outline', 'sociallane-elements' ),
+				],
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->add_control(
+			'buttons_layout',
+			[
+				'label'     => esc_html__( 'Buttons layout', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'row',
+				'options'   => [
+					'row'    => esc_html__( 'Row', 'sociallane-elements' ),
+					'column' => esc_html__( 'Column', 'sociallane-elements' ),
+				],
+				'condition' => [ 'layout' => 'trust' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_stats_section(): void {
+		$this->start_controls_section(
+			'section_stats',
+			[
+				'label' => esc_html__( 'Stats', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$repeater = new Repeater();
+
+		$repeater->add_control(
+			'icon',
+			[
+				'label'   => esc_html__( 'Icon', 'sociallane-elements' ),
+				'type'    => Controls_Manager::ICONS,
+				'default' => [
+					'value'   => 'eicon-lock-user',
+					'library' => 'elementor',
+				],
+			]
+		);
+
+		$repeater->add_control(
+			'stat',
+			[
+				'label'       => esc_html__( 'Stat', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Lorem', 'sociallane-elements' ),
+				'label_block' => true,
+			]
+		);
+
+		$repeater->add_control(
+			'description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'stats',
+			[
+				'label'       => esc_html__( 'Stats', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $repeater->get_controls(),
+				'default'     => [
+					[
+						'stat'        => esc_html__( 'Lorem', 'sociallane-elements' ),
+						'description' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+						'icon'        => [ 'value' => 'eicon-lock-user', 'library' => 'elementor' ],
+					],
+					[
+						'stat'        => esc_html__( 'Lorem', 'sociallane-elements' ),
+						'description' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+						'icon'        => [ 'value' => 'eicon-user-circle-o', 'library' => 'elementor' ],
+					],
+					[
+						'stat'        => esc_html__( 'Lorem', 'sociallane-elements' ),
+						'description' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+						'icon'        => [ 'value' => 'eicon-editor-list-ol', 'library' => 'elementor' ],
+					],
+					[
+						'stat'        => esc_html__( 'Lorem', 'sociallane-elements' ),
+						'description' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+						'icon'        => [ 'value' => 'eicon-global', 'library' => 'elementor' ],
+					],
+				],
+				'title_field' => '{{{ stat }}}',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_media_section(): void {
+		$this->start_controls_section(
+			'section_media',
+			[
+				'label' => esc_html__( 'Media', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_image',
+			[
+				'label'   => esc_html__( 'Show Image', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => '',
+			]
+		);
+
+		$this->add_control(
+			'image',
+			[
+				'label'   => esc_html__( 'Image', 'sociallane-elements' ),
+				'type'    => Controls_Manager::MEDIA,
+				'default' => [
+					'url' => \Elementor\Utils::get_placeholder_image_src(),
+				],
+			]
+		);
+
+		$this->add_control(
+			'image_alt',
+			[
+				'label'       => esc_html__( 'Image Alt Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'description' => esc_html__( 'Required for accessibility', 'sociallane-elements' ),
+				'label_block' => true,
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_style_icon_section(): void {
+		$this->start_controls_section(
+			'section_style_icon',
+			[
+				'label' => esc_html__( 'Stat icons', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_STYLE,
+			]
+		);
+
+		$this->add_control(
+			'icon_color',
+			[
+				'label'     => esc_html__( 'Icon color', 'sociallane-elements' ),
+				'type'      => Controls_Manager::COLOR,
+				'selectors' => [
+					'{{WRAPPER}} .social-proof-stat-icon' => 'color: {{VALUE}};',
+					'{{WRAPPER}} .social-proof-stat-icon .e-icon' => 'color: {{VALUE}};',
+					'{{WRAPPER}} .social-proof-stat-icon svg' => 'fill: {{VALUE}}; stroke: {{VALUE}};',
+				],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_social_proof_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/social-proof/templates/partials/layout-trust.php

@@ -0,0 +1,73 @@
+<?php
+/**
+ * Partial: Social Proof – Trust layout
+ *
+ * Two columns: left = eyebrow, headline, description, primary + secondary buttons;
+ * right = 2×2 grid of stat cards.
+ * Expects $view with layout, eyebrow, headline, description, links, buttons_layout, stats, classes, widget_id.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view ) || ( $view['layout'] ?? '' ) !== 'trust' ) {
+	return;
+}
+
+$section_id  = 'social-proof-' . $view['widget_id'];
+$has_heading = ( $view['show_eyebrow'] && $view['eyebrow'] !== '' ) || ( $view['show_headline'] && $view['headline'] !== '' ) || ( $view['show_description'] && $view['description'] !== '' );
+$has_links   = ! empty( $view['links'] );
+$has_stats   = ! empty( $view['stats'] );
+$elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
+$cls = $view['classes'];
+?>
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center">
+	<?php // ----- Left: eyebrow, headline, description, links ----- ?>
+	<div class="lg:max-w-xl">
+		<header class="<?php echo $has_heading ? '' : 'sr-only'; ?>" id="<?php echo esc_attr( $section_id ); ?>">
+			<?php if ( $view['show_eyebrow'] && $view['eyebrow'] !== '' ) : ?>
+				<p class="<?php echo esc_attr( $cls['eyebrow'] ?? '' ); ?> text-sm text-blue-chill-200 font-normal uppercase tracking-wider mb-3">
+					<?php echo $view['eyebrow']; ?>
+				</p>
+			<?php endif; ?>
+
+			<?php if ( $view['show_headline'] && $view['headline'] !== '' ) : ?>
+				<<?php echo $view['headline_tag']; ?>
+					class="<?php echo esc_attr( $cls['headline'] ?? '' ); ?> text-3xl sm:text-4xl md:text-5xl font-bold font-heading"
+					<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>
+				>
+					<?php echo $view['headline']; ?>
+				</<?php echo $view['headline_tag']; ?>>
+			<?php endif; ?>
+
+			<?php if ( $view['show_description'] && $view['description'] !== '' ) : ?>
+				<p class="<?php echo esc_attr( $cls['description'] ?? '' ); ?> mt-4 text-lg md:text-xl text-blue-chill-200 leading-relaxed">
+					<?php echo $view['description']; ?>
+				</p>
+			<?php endif; ?>
+		</header>
+
+		<?php if ( $has_links ) : ?>
+			<?php
+			$buttons_dir = ( $view['buttons_layout'] ?? 'row' ) === 'column' ? 'flex-col' : 'flex-row flex-wrap';
+			?>
+			<div class="mt-8 flex <?php echo esc_attr( $buttons_dir ); ?> gap-4">
+				<?php foreach ( $view['links'] as $button ) : ?>
+					<?php include $elements_path . '/button/templates/render.php'; ?>
+				<?php endforeach; ?>
+			</div>
+		<?php endif; ?>
+	</div>
+
+	<?php // ----- Right: 2×2 stats grid ----- ?>
+	<?php if ( $has_stats ) : ?>
+		<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 md:gap-8"<?php echo ! empty( $stagger_attrs ) ? ' ' . $stagger_attrs : ''; ?>>
+			<?php foreach ( $view['stats'] as $stat ) : ?>
+				<?php include __DIR__ . '/stat-card.php'; ?>
+			<?php endforeach; ?>
+		</div>
+	<?php endif; ?>
+</div>

package/widgets/social-proof/templates/partials/stat-card.php

@@ -0,0 +1,32 @@
+<?php
+/**
+ * Partial: Social Proof – stat card (for trust layout 2×2 grid)
+ *
+ * Expects $stat (icon, stat, description) and $view['classes'] (stat_value, stat_desc, icon).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $stat ) ) {
+	return;
+}
+
+$classes = $view['classes'] ?? [];
+?>
+<div class="flex flex-col gap-3">
+	<?php if ( ! empty( $stat['icon']['value'] ) ) : ?>
+		<div class="social-proof-stat-icon <?php echo esc_attr( $classes['icon'] ?? 'text-blue-chill-600' ); ?> shrink-0 [&_.e-icon]:w-8 [&_.e-icon]:h-8 [&_svg]:fill-current" aria-hidden="true">
+			<?php \Elementor\Icons_Manager::render_icon( $stat['icon'], [ 'aria-hidden' => 'true', 'class' => 'w-8 h-8' ] ); ?>
+		</div>
+	<?php endif; ?>
+	<?php if ( ! empty( $stat['stat'] ) ) : ?>
+		<span class="<?php echo esc_attr( $classes['stat_value'] ?? '' ); ?> font-bold text-lg md:text-2xl"><?php echo $stat['stat']; ?></span>
+	<?php endif; ?>
+	<?php if ( ! empty( $stat['description'] ) ) : ?>
+		<span class="<?php echo esc_attr( $classes['stat_desc'] ?? '' ); ?> text-sm md:text-base"><?php echo $stat['description']; ?></span>
+	<?php endif; ?>
+</div>

package/widgets/social-proof/templates/partials/stat-item.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Partial: Social Proof – single stat item
+ *
+ * Expects $stat (icon, stat, description) and $view['classes'] (stat_value, stat_desc, icon).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $stat ) ) {
+	return;
+}
+
+$classes = $view['classes'] ?? [];
+?>
+<li class="flex gap-4">
+	<?php if ( ! empty( $stat['icon']['value'] ) ) : ?>
+		<div class="social-proof-stat-icon <?php echo esc_attr( $classes['icon'] ?? 'text-primary' ); ?> shrink-0 [&_.e-icon]:w-6 [&_.e-icon]:h-6 mt-0.5 [&_svg]:fill-current" aria-hidden="true">
+			<?php \Elementor\Icons_Manager::render_icon( $stat['icon'], [ 'aria-hidden' => 'true', 'class' => 'w-6 h-6' ] ); ?>
+		</div>
+	<?php endif; ?>
+
+	<div>
+		<?php if ( ! empty( $stat['stat'] ) ) : ?>
+			<span class="<?php echo esc_attr( $classes['stat_value'] ?? '' ); ?> font-bold text-lg md:text-xl"><?php echo $stat['stat']; ?></span><?php echo ! empty( $stat['description'] ) ? ' ' : ''; ?>
+		<?php endif; ?>
+		<?php if ( ! empty( $stat['description'] ) ) : ?>
+			<span class="<?php echo esc_attr( $classes['stat_desc'] ?? '' ); ?> text-base md:text-lg"><?php echo $stat['description']; ?></span>
+		<?php endif; ?>
+	</div>
+</li>