@sociallane/elements 1.0.0

package/widgets/hero-announcement/data/view.php

@@ -0,0 +1,98 @@
+<?php
+/**
+ * Data Preparation: Hero Announcement
+ *
+ * Builds template-ready $view: header (logo, brand, announcement pill),
+ * content (headline, description), CTAs, and theme classes (light + dark).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Hero Announcement widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_hero_announcement_view( array $settings, string $widget_id ): array {
+	$show_logo          = sociallane_show_field( $settings, 'show_logo' );
+	$show_brand         = sociallane_show_field( $settings, 'show_brand' );
+	$show_announcement  = sociallane_show_field( $settings, 'show_announcement' );
+	$show_headline      = sociallane_show_field( $settings, 'show_headline' );
+	$show_description   = sociallane_show_field( $settings, 'show_description' );
+	$show_cta_primary   = sociallane_show_field( $settings, 'show_cta_primary' );
+	$show_cta_secondary = sociallane_show_field( $settings, 'show_cta_secondary' );
+
+	$brand_name = $show_brand ? esc_html( $settings['brand_name'] ?? '' ) : '';
+	$brand_url  = $show_brand ? ( $settings['brand_url']['url'] ?? '' ) : '';
+	$announcement_text = $show_announcement ? esc_html( $settings['announcement_text'] ?? '' ) : '';
+	$announcement_url  = $show_announcement ? ( $settings['announcement_url']['url'] ?? '' ) : '';
+	$headline    = $show_headline ? wp_kses_post( $settings['headline'] ?? '' ) : '';
+	$description = $show_description ? wp_kses_post( $settings['description'] ?? '' ) : '';
+	$headline_tag = sociallane_validate_heading_tag( $settings, 'headline_tag', 'h1' );
+
+	$logo = sociallane_prepare_image_data(
+		$settings['logo'] ?? [],
+		[
+			'alt'     => $settings['logo_alt'] ?? '',
+			'sizes'   => '',
+			'loading' => 'eager',
+		]
+	);
+
+	// Primary = solid black; secondary = white with border (design from screenshot)
+	$cta_primary_class   = '!bg-neutral-900 !text-white border-0 hover:!bg-neutral-800 dark:!bg-white dark:!text-neutral-900 dark:hover:!bg-neutral-100';
+	$cta_secondary_class = '!bg-white !text-neutral-900 border border-neutral-900 hover:!bg-neutral-50 dark:!bg-neutral-800 dark:!text-neutral-100 dark:border-neutral-200 dark:hover:!bg-neutral-700';
+	$cta_primary   = $show_cta_primary
+		? sociallane_prepare_button_data(
+			$settings['cta_primary_text'] ?? '',
+			$settings['cta_primary_url'] ?? [],
+			[ 'variant' => 'primary', 'size' => 'md', 'class' => $cta_primary_class ]
+		)
+		: null;
+	$cta_secondary = $show_cta_secondary
+		? sociallane_prepare_button_data(
+			$settings['cta_secondary_text'] ?? '',
+			$settings['cta_secondary_url'] ?? [],
+			[ 'variant' => 'outline', 'size' => 'md', 'class' => $cta_secondary_class ]
+		)
+		: null;
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
+	$classes = [
+		'section'          => 'bg-gradient-to-br from-amber-50 via-rose-50 to-violet-100 dark:from-neutral-900 dark:via-neutral-800 dark:to-neutral-900 text-neutral-900 dark:text-neutral-100',
+		'brand'            => 'text-neutral-900 dark:text-neutral-100 font-semibold no-underline hover:opacity-80',
+		'announcement_pill' => 'bg-white/80 dark:bg-neutral-800/80 text-neutral-700 dark:text-neutral-300 border border-neutral-200 dark:border-neutral-600 rounded-full px-4 py-1.5 text-sm no-underline hover:bg-white dark:hover:bg-neutral-700/80',
+		'headline'          => 'text-neutral-900 dark:text-white font-bold',
+		'description'      => 'text-neutral-700 dark:text-neutral-300',
+	];
+
+	return [
+		'show_logo'          => $show_logo,
+		'show_brand'         => $show_brand,
+		'show_announcement'  => $show_announcement,
+		'show_headline'      => $show_headline,
+		'show_description'  => $show_description,
+		'show_cta_primary'  => $show_cta_primary,
+		'show_cta_secondary' => $show_cta_secondary,
+		'logo'               => $logo,
+		'brand_name'         => $brand_name,
+		'brand_url'          => $brand_url,
+		'announcement_text'  => $announcement_text,
+		'announcement_url'   => $announcement_url,
+		'headline'           => $headline,
+		'headline_tag'       => $headline_tag,
+		'description'        => $description,
+		'cta_primary'       => $cta_primary,
+		'cta_secondary'     => $cta_secondary,
+		'classes'            => $classes,
+		'widget_id'          => $widget_id,
+		'animation'          => $animation,
+	];
+}
+

package/widgets/hero-announcement/hero-announcement.php

@@ -0,0 +1,270 @@
+<?php
+/**
+ * Widget: Hero Announcement
+ *
+ * Hero with gradient background, top bar (logo, brand, announcement pill),
+ * headline, description, and dual CTAs. Suited for landing pages.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Hero Announcement Widget
+ */
+class Hero_Announcement extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'hero-announcement';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Hero Announcement', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-banner';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-heroes' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'hero', 'announcement', 'landing', 'gradient', 'banner', 'cta' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_content_section();
+		$this->register_cta_section();
+		$this->register_animation_controls( true );
+	}
+
+	private function register_header_section(): void {
+		$this->start_controls_section(
+			'section_header',
+			[
+				'label' => esc_html__( 'Header / Top bar', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_logo',
+			[
+				'label'   => esc_html__( 'Show Logo', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'logo',
+			[
+				'label'     => esc_html__( 'Logo', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'logo_alt',
+			[
+				'label'     => esc_html__( 'Logo Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_brand',
+			[
+				'label'   => esc_html__( 'Show Brand Name', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'brand_name',
+			[
+				'label'       => esc_html__( 'Brand Name', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Lorem', 'sociallane-elements' ),
+				'condition'   => [ 'show_brand' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'brand_url',
+			[
+				'label'     => esc_html__( 'Brand Link URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_brand' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_announcement',
+			[
+				'label'   => esc_html__( 'Show Announcement Pill', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'announcement_text',
+			[
+				'label'       => esc_html__( 'Announcement Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Lorem ipsum dolor sit amet consectetur >', 'sociallane-elements' ),
+				'condition'   => [ 'show_announcement' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'announcement_url',
+			[
+				'label'     => esc_html__( 'Announcement Link URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_announcement' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	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(
+			'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,
+				'condition'   => [ 'show_headline' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'headline_tag',
+			[
+				'label'     => esc_html__( 'Headline Tag', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'h1',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_headline' => 'yes' ],
+			]
+		);
+		$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' ),
+				'rows'      => 3,
+				'condition' => [ 'show_description' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_cta_section(): void {
+		$this->start_controls_section(
+			'section_cta',
+			[
+				'label' => esc_html__( 'Call to Action', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_cta_primary',
+			[
+				'label'   => esc_html__( 'Show Primary Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'cta_primary_text',
+			[
+				'label'     => esc_html__( 'Primary Button Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_cta_primary' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cta_primary_url',
+			[
+				'label'     => esc_html__( 'Primary Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_cta_primary' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_cta_secondary',
+			[
+				'label'   => esc_html__( 'Show Secondary Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'cta_secondary_text',
+			[
+				'label'     => esc_html__( 'Secondary Button Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_cta_secondary' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cta_secondary_url',
+			[
+				'label'     => esc_html__( 'Secondary Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_cta_secondary' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_hero_announcement_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/hero-announcement/templates/wrapper.php

@@ -0,0 +1,111 @@
+<?php
+/**
+ * Template: Hero Announcement Wrapper
+ *
+ * Hero with gradient background, top bar (logo, brand, announcement pill),
+ * headline, description, and dual CTAs.
+ *
+ * AVAILABLE DATA ($view):
+ * - show_logo, show_brand, show_announcement, show_headline, show_description, show_cta_primary, show_cta_secondary
+ * - logo, brand_name, brand_url, announcement_text, announcement_url
+ * - headline, headline_tag, description, cta_primary, cta_secondary
+ * - 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 );
+$elements_path = defined( 'SOCIALLANE_ELEMENTS_PATH' ) ? SOCIALLANE_ELEMENTS_PATH . 'elements' : dirname( __DIR__, 2 ) . '/elements';
+$c             = $view['classes'];
+?>
+
+<section
+	class="<?php echo esc_attr( $c['section'] ); ?> rounded-2xl overflow-hidden py-10 md:py-14 lg:py-20"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( ! empty( $view['show_headline'] ) && ! empty( $view['headline'] ) ) : ?>aria-labelledby="hero-<?php echo esc_attr( $view['widget_id'] ); ?>"<?php endif; ?>
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+
+		<header class="flex flex-wrap items-center gap-3 md:gap-4 mb-12 md:mb-16 lg:mb-20">
+				<?php if ( $view['show_logo'] && ! empty( $view['logo']['src'] ) ) : ?>
+					<?php if ( ! empty( $view['brand_url'] ) ) : ?>
+						<a href="<?php echo esc_url( $view['brand_url'] ); ?>" class="flex items-center shrink-0">
+							<img
+								src="<?php echo esc_url( $view['logo']['src'] ); ?>"
+								alt="<?php echo $view['logo']['alt']; ?>"
+								<?php if ( ! empty( $view['logo']['width'] ) ) : ?>width="<?php echo esc_attr( $view['logo']['width'] ); ?>"<?php endif; ?>
+								<?php if ( ! empty( $view['logo']['height'] ) ) : ?>height="<?php echo esc_attr( $view['logo']['height'] ); ?>"<?php endif; ?>
+								<?php if ( ! empty( $view['logo']['srcset'] ) ) : ?>srcset="<?php echo esc_attr( $view['logo']['srcset'] ); ?>"<?php endif; ?>
+								class="h-8 w-auto"
+								loading="eager"
+								decoding="async"
+							/>
+						</a>
+					<?php else : ?>
+						<img
+							src="<?php echo esc_url( $view['logo']['src'] ); ?>"
+							alt="<?php echo $view['logo']['alt']; ?>"
+							<?php if ( ! empty( $view['logo']['width'] ) ) : ?>width="<?php echo esc_attr( $view['logo']['width'] ); ?>"<?php endif; ?>
+							<?php if ( ! empty( $view['logo']['height'] ) ) : ?>height="<?php echo esc_attr( $view['logo']['height'] ); ?>"<?php endif; ?>
+							<?php if ( ! empty( $view['logo']['srcset'] ) ) : ?>srcset="<?php echo esc_attr( $view['logo']['srcset'] ); ?>"<?php endif; ?>
+							class="h-8 w-auto shrink-0"
+							loading="eager"
+							decoding="async"
+						/>
+					<?php endif; ?>
+				<?php endif; ?>
+				<?php if ( $view['show_brand'] && $view['brand_name'] !== '' ) : ?>
+					<?php if ( $view['brand_url'] !== '' ) : ?>
+						<a href="<?php echo esc_url( $view['brand_url'] ); ?>" class="<?php echo esc_attr( $c['brand'] ); ?>"><?php echo $view['brand_name']; ?></a>
+					<?php else : ?>
+						<span class="<?php echo esc_attr( $c['brand'] ); ?>"><?php echo $view['brand_name']; ?></span>
+					<?php endif; ?>
+				<?php endif; ?>
+				<?php if ( $view['show_announcement'] && $view['announcement_text'] !== '' ) : ?>
+					<?php if ( $view['announcement_url'] !== '' ) : ?>
+						<a href="<?php echo esc_url( $view['announcement_url'] ); ?>" class="<?php echo esc_attr( $c['announcement_pill'] ); ?>"><?php echo $view['announcement_text']; ?></a>
+					<?php else : ?>
+						<span class="<?php echo esc_attr( $c['announcement_pill'] ); ?>"><?php echo $view['announcement_text']; ?></span>
+					<?php endif; ?>
+				<?php endif; ?>
+		</header>
+
+		<div class="max-w-3xl">
+			<?php if ( $view['show_headline'] && $view['headline'] !== '' ) : ?>
+				<<?php echo esc_attr( $view['headline_tag'] ); ?>
+					id="hero-<?php echo esc_attr( $view['widget_id'] ); ?>"
+					class="<?php echo esc_attr( $c['headline'] ); ?> text-3xl sm:text-4xl md:text-5xl lg:text-6xl tracking-tight mb-4"
+					<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>
+				>
+					<?php echo $view['headline']; ?>
+				</<?php echo esc_attr( $view['headline_tag'] ); ?>>
+			<?php endif; ?>
+			<?php if ( $view['show_description'] && $view['description'] !== '' ) : ?>
+				<p class="<?php echo esc_attr( $c['description'] ); ?> text-lg md:text-xl mb-8"><?php echo $view['description']; ?></p>
+			<?php endif; ?>
+			<?php if ( ( $view['show_cta_primary'] && $view['cta_primary'] ) || ( $view['show_cta_secondary'] && $view['cta_secondary'] ) ) : ?>
+				<div class="flex flex-wrap items-center gap-3">
+					<?php if ( $view['show_cta_primary'] && $view['cta_primary'] ) :
+						$button = $view['cta_primary'];
+						include $elements_path . '/button/templates/render.php';
+					endif; ?>
+					<?php if ( $view['show_cta_secondary'] && $view['cta_secondary'] ) :
+						$button = $view['cta_secondary'];
+						include $elements_path . '/button/templates/render.php';
+					endif; ?>
+				</div>
+			<?php endif; ?>
+		</div>
+
+	</div>
+</section>

package/widgets/hero-centered-image/data/view.php

@@ -0,0 +1,128 @@
+<?php
+/**
+ * Data Preparation: Hero Centered Image
+ *
+ * Transforms raw Elementor settings into clean, template-ready data.
+ * ALL sanitization, defaults, and data transformation happens here.
+ *
+ * @package SocialLane_Elements
+ * @since   1.0.0
+ */
+
+// Prevent direct access
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Hero Centered Image widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_hero_centered_image_view( array $settings, string $widget_id ): array {
+
+	/*
+	|--------------------------------------------------------------------------
+	| Visibility
+	|--------------------------------------------------------------------------
+	*/
+
+	$show_announcement  = sociallane_show_field( $settings, 'show_announcement' );
+	$show_headline      = sociallane_show_field( $settings, 'show_headline' );
+	$show_description   = sociallane_show_field( $settings, 'show_description' );
+	$show_cta_primary   = sociallane_show_field( $settings, 'show_cta_primary' );
+	$show_cta_secondary = sociallane_show_field( $settings, 'show_cta_secondary' );
+	$show_background    = sociallane_show_field( $settings, 'show_background' );
+
+	/*
+	|--------------------------------------------------------------------------
+	| Announcement
+	|--------------------------------------------------------------------------
+	*/
+
+	$announcement_text     = $show_announcement ? esc_html( $settings['announcement_text'] ?? '' ) : '';
+	$announcement_link_txt = $show_announcement ? trim( $settings['announcement_link_text'] ?? '' ) : '';
+	$announcement_url      = isset( $settings['announcement_url'] ) && is_array( $settings['announcement_url'] ) ? $settings['announcement_url'] : [];
+	$announcement_href     = esc_url( $announcement_url['url'] ?? '#' );
+	$announcement_attrs    = [];
+	if ( ! empty( $announcement_url['is_external'] ) ) {
+		$announcement_attrs[] = 'target="_blank"';
+		$announcement_attrs[] = 'rel="noopener noreferrer"';
+	}
+	if ( ! empty( $announcement_url['nofollow'] ) ) {
+		$announcement_attrs[] = 'rel="nofollow"';
+	}
+
+	/*
+	|--------------------------------------------------------------------------
+	| Content
+	|--------------------------------------------------------------------------
+	*/
+	$headline     = sociallane_sanitize_text( $show_headline, $settings, 'headline' );
+	$description  = sociallane_sanitize_text( $show_description, $settings, 'description' );
+	$headline_tag = sociallane_validate_heading_tag( $settings, 'headline_tag', 'h1' );
+
+	$primary_preset  = $settings['cta_primary_style'] ?? 'primary';
+	$secondary_preset = $settings['cta_secondary_style'] ?? 'ghost';
+	$cta_primary   = $show_cta_primary
+		? sociallane_prepare_button_data(
+			$settings['cta_primary_text'] ?? '',
+			$settings['cta_primary_url'] ?? [],
+			[ 'preset' => $primary_preset, 'color' => $primary_preset === 'primary' ? 'blue-chill' : 'default' ]
+		)
+		: null;
+	$cta_secondary = $show_cta_secondary
+		? sociallane_prepare_button_data(
+			$settings['cta_secondary_text'] ?? '',
+			$settings['cta_secondary_url'] ?? [],
+			[ 'preset' => $secondary_preset ]
+		)
+		: null;
+
+	/*
+	|--------------------------------------------------------------------------
+	| Background
+	|--------------------------------------------------------------------------
+	*/
+	$background = sociallane_prepare_image_data(
+		isset( $settings['background_image'] ) && is_array( $settings['background_image'] ) ? $settings['background_image'] : [],
+		[
+			'alt'     => $settings['background_image_alt'] ?? '',
+			'sizes'   => '100vw',
+			'loading' => 'eager',
+		]
+	);
+
+	/*
+	|--------------------------------------------------------------------------
+	| Return View Array
+	|--------------------------------------------------------------------------
+	*/
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
+
+	return [
+		'show_announcement'      => $show_announcement,
+		'announcement_text'      => $announcement_text,
+		'announcement_link_text' => $announcement_link_txt,
+		'announcement_href'      => $announcement_href,
+		'announcement_attrs'     => implode( ' ', $announcement_attrs ),
+
+		'show_headline'      => $show_headline,
+		'show_description'   => $show_description,
+		'show_cta_primary'   => $show_cta_primary,
+		'show_cta_secondary' => $show_cta_secondary,
+		'headline'           => $headline,
+		'headline_tag'       => $headline_tag,
+		'description'        => $description,
+		'cta_primary'        => $cta_primary,
+		'cta_secondary'      => $cta_secondary,
+
+		'show_background' => $show_background,
+		'background'      => $background,
+
+		'widget_id'  => $widget_id,
+		'animation'  => $animation,
+	];
+}