@sociallane/elements 1.0.0

package/widgets/footer/data/view.php

@@ -0,0 +1,139 @@
+<?php
+/**
+ * Data Preparation: Footer
+ *
+ * Transforms raw Elementor settings into clean, template-ready data.
+ * ALL sanitization, defaults, and data transformation happens here.
+ *
+ * @package SocialLane_Elements
+ * @since   1.0.0
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Footer widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID for accessibility
+ * @return array Template-ready data
+ */
+function prepare_footer_view( array $settings, string $widget_id ): array {
+	$show_cta          = ( $settings['show_cta'] ?? 'yes' ) === 'yes';
+	$show_cta_heading  = ( $settings['show_cta_heading'] ?? 'yes' ) === 'yes';
+	$show_cta_primary  = ( $settings['show_cta_primary'] ?? 'yes' ) === 'yes';
+	$show_cta_secondary = ( $settings['show_cta_secondary'] ?? 'yes' ) === 'yes';
+	$show_columns      = ( $settings['show_columns'] ?? 'yes' ) === 'yes';
+	$show_logo         = ( $settings['show_logo'] ?? 'yes' ) === 'yes';
+	$show_copyright    = ( $settings['show_copyright'] ?? 'yes' ) === 'yes';
+	$show_language     = ( $settings['show_language'] ?? 'yes' ) === 'yes';
+
+	// CTA
+	$cta_heading = $show_cta && $show_cta_heading ? esc_html( $settings['cta_heading'] ?? '' ) : '';
+	$primary_preset   = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cta_primary_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ];
+	$secondary_preset = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cta_secondary_style'] ?? 'outline' ) : [ 'variant' => 'outline', 'size' => 'md' ];
+	$cta_primary  = $show_cta && $show_cta_primary ? sociallane_prepare_button_data( $settings['cta_primary_text'] ?? '', $settings['cta_primary_url'] ?? [], [ 'variant' => $primary_preset['variant'], 'size' => $primary_preset['size'] ] ) : null;
+	$cta_secondary = $show_cta && $show_cta_secondary ? sociallane_prepare_button_data( $settings['cta_secondary_text'] ?? '', $settings['cta_secondary_url'] ?? [], [ 'variant' => $secondary_preset['variant'], 'size' => $secondary_preset['size'] ] ) : null;
+
+	// Link columns from WordPress menu (top-level = heading, children = links)
+	$menu_id = isset( $settings['menu'] ) ? absint( $settings['menu'] ) : 0;
+	if ( ! function_exists( 'sociallane_footer_menu_to_columns' ) ) {
+		require_once SOCIALLANE_ELEMENTS_PATH . 'includes/footer-menu-columns.php';
+	}
+	$columns = sociallane_footer_menu_to_columns( $menu_id );
+
+	// Logo
+	$logo = null;
+	if ( $show_logo ) {
+		$logo_url_data = $settings['logo_url'] ?? [];
+		$logo_href     = esc_url( $logo_url_data['url'] ?? '#' );
+		$logo_attrs    = [];
+		if ( ! empty( $logo_url_data['is_external'] ) ) {
+			$logo_attrs[] = 'target="_blank"';
+			$logo_attrs[] = 'rel="noopener noreferrer"';
+		}
+		if ( ! empty( $logo_url_data['nofollow'] ) ) {
+			$logo_attrs[] = 'rel="nofollow"';
+		}
+		if ( ( $settings['logo_type'] ?? 'text' ) === 'image' ) {
+			$img_data = $settings['logo_image'] ?? [];
+			$logo = [
+				'type'  => 'image',
+				'href'  => $logo_href,
+				'attrs' => implode( ' ', $logo_attrs ),
+				'src'   => esc_url( $img_data['url'] ?? '' ),
+				'alt'   => esc_attr( $settings['logo_alt'] ?? '' ),
+			];
+		} else {
+			$logo = [
+				'type'  => 'text',
+				'href'  => $logo_href,
+				'attrs' => implode( ' ', $logo_attrs ),
+				'text'  => esc_html( $settings['logo_text'] ?? '' ),
+			];
+		}
+	}
+
+	// Copyright
+	$copyright = $show_copyright ? esc_html( $settings['copyright_text'] ?? '' ) : '';
+
+	// Language selector
+	$language_options = [];
+	$default_lang    = sanitize_text_field( $settings['default_language'] ?? 'en-us' );
+	if ( $show_language ) {
+		foreach ( $settings['language_options'] ?? [] as $opt ) {
+			$label = esc_html( $opt['label'] ?? '' );
+			$value = sanitize_text_field( $opt['value'] ?? '' );
+			if ( $value !== '' ) {
+				$language_options[] = [ 'label' => $label, 'value' => $value ];
+			}
+		}
+	}
+
+	$animation = sociallane_animation_view_data( $settings );
+
+	/*
+	|--------------------------------------------------------------------------
+	| Theme Classes (light + dark)
+	|--------------------------------------------------------------------------
+	|
+	| ALL color, background, border-color, and text-color Tailwind classes
+	| are defined HERE — never in templates. Templates only echo these
+	| pre-built strings via $view['classes'].
+	|
+	*/
+	$classes = [
+		'section'           => 'bg-neutral-200 dark:bg-zinc-900',
+		'cta_heading'      => 'text-zinc-900 dark:text-neutral-200',
+		'cta_primary_class'=> 'focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'cta_secondary_class' => 'border-neutral-300 dark:border-neutral-500 text-neutral-900 dark:text-white hover:bg-neutral-900 dark:hover:bg-neutral-100 hover:text-white dark:hover:text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'col_heading'      => 'text-zinc-900 dark:text-neutral-200 font-bold uppercase tracking-wider text-sm',
+		'link'             => 'text-zinc-600 dark:text-neutral-200 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'copyright'        => 'text-neutral-600 dark:text-neutral-400 text-sm',
+		'divider'          => 'border-neutral-200 dark:border-neutral-700',
+		'select_bg'        => 'bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 border-neutral-200 dark:border-neutral-600 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'logo_link'        => 'text-neutral-900 dark:text-white font-semibold no-underline hover:opacity-90 rounded focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+	];
+
+	return [
+		'show_cta'          => $show_cta,
+		'cta_heading'       => $cta_heading,
+		'cta_primary'       => $cta_primary,
+		'cta_secondary'     => $cta_secondary,
+		'show_columns'      => $show_columns,
+		'columns'           => $columns,
+		'show_logo'         => $show_logo,
+		'logo'              => $logo,
+		'show_copyright'    => $show_copyright,
+		'copyright'         => $copyright,
+		'show_language'     => $show_language,
+		'language_options'  => $language_options,
+		'default_language'  => $default_lang,
+		'classes'           => $classes,
+		'widget_id'         => $widget_id,
+		'animation'         => $animation,
+	];
+}
+

package/widgets/footer/footer.php

@@ -0,0 +1,389 @@
+<?php
+/**
+ * Widget: Footer
+ *
+ * Footer with optional CTA (heading + two buttons), multi-column link groups,
+ * and bottom bar (logo, copyright, language selector).
+ *
+ * @package SocialLane_Elements
+ * @since   1.0.0
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use Elementor\Repeater;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Footer Widget
+ */
+class Footer extends Widget_Base {
+
+	use Animation_Controls;
+
+	/*
+	|--------------------------------------------------------------------------
+	| Widget Identity
+	|--------------------------------------------------------------------------
+	*/
+
+	public function get_name(): string {
+		return 'footer';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Footer', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-footer';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-navigation' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'footer', 'links', 'copyright', 'cta', 'newsletter' ];
+	}
+
+	/*
+	|--------------------------------------------------------------------------
+	| Elementor Controls
+	|--------------------------------------------------------------------------
+	*/
+
+	protected function register_controls(): void {
+		$this->register_cta_section();
+		$this->register_columns_section();
+		$this->register_bottom_section();
+		$this->register_animation_controls();
+	}
+
+	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',
+			[
+				'label'   => esc_html__( 'Show CTA Block', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'show_cta_heading',
+			[
+				'label'     => esc_html__( 'Show Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SWITCHER,
+				'default'   => 'yes',
+				'condition' => [ 'show_cta' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'cta_heading',
+			[
+				'label'       => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+				'label_block' => true,
+				'condition'   => [ 'show_cta' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_cta_primary',
+			[
+				'label'     => esc_html__( 'Show Primary Button', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SWITCHER,
+				'default'   => 'yes',
+				'condition' => [ 'show_cta' => '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' => 'yes', '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' => 'yes', 'show_cta_primary' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cta_primary_style',
+			[
+				'label'     => esc_html__( 'Primary button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'show_cta' => 'yes', 'show_cta_primary' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_cta_secondary',
+			[
+				'label'     => esc_html__( 'Show Secondary Button', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SWITCHER,
+				'default'   => 'yes',
+				'condition' => [ 'show_cta' => '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' => 'yes', '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' => 'yes', 'show_cta_secondary' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cta_secondary_style',
+			[
+				'label'     => esc_html__( 'Secondary button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'outline',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'show_cta' => 'yes', 'show_cta_secondary' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_columns_section(): void {
+		$this->start_controls_section(
+			'section_columns',
+			[
+				'label' => esc_html__( 'Link Columns', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_columns',
+			[
+				'label'   => esc_html__( 'Show Link Columns', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$menus   = wp_get_nav_menus();
+		$options = [
+			'' => esc_html__( '— Select a menu —', 'sociallane-elements' ),
+		];
+		foreach ( $menus as $menu ) {
+			$options[ (string) $menu->term_id ] = $menu->name;
+		}
+
+		$this->add_control(
+			'menu',
+			[
+				'label'       => esc_html__( 'WordPress Menu', 'sociallane-elements' ),
+				'type'        => Controls_Manager::SELECT,
+				'options'     => $options,
+				'default'     => '',
+				'description' => esc_html__( 'Use a menu with top-level items as column headings and their children as links. Create menus under Appearance → Menus.', 'sociallane-elements' ),
+				'condition'   => [ 'show_columns' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_bottom_section(): void {
+		$this->start_controls_section(
+			'section_bottom',
+			[
+				'label' => esc_html__( 'Bottom 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_type',
+			[
+				'label'     => esc_html__( 'Logo Type', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'text',
+				'options'   => [
+					'text'  => esc_html__( 'Text', 'sociallane-elements' ),
+					'image' => esc_html__( 'Image', 'sociallane-elements' ),
+				],
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_text',
+			[
+				'label'     => esc_html__( 'Logo Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem', 'sociallane-elements' ),
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'text' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_image',
+			[
+				'label'     => esc_html__( 'Logo Image', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_alt',
+			[
+				'label'     => esc_html__( 'Logo Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_url',
+			[
+				'label'     => esc_html__( 'Logo Link URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_copyright',
+			[
+				'label'   => esc_html__( 'Show Copyright', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'copyright_text',
+			[
+				'label'     => esc_html__( 'Copyright Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( '© 2022 Lorem ipsum. All rights reserved.', 'sociallane-elements' ),
+				'condition' => [ 'show_copyright' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_language',
+			[
+				'label'   => esc_html__( 'Show Language Selector', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$lang_repeater = new Repeater();
+		$lang_repeater->add_control(
+			'label',
+			[
+				'label'   => esc_html__( 'Label', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'English (US)', 'sociallane-elements' ),
+			]
+		);
+		$lang_repeater->add_control(
+			'value',
+			[
+				'label'   => esc_html__( 'Value', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => 'en-us',
+			]
+		);
+
+		$this->add_control(
+			'language_options',
+			[
+				'label'       => esc_html__( 'Languages', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $lang_repeater->get_controls(),
+				'default'     => [
+					[ 'label' => 'English (US)', 'value' => 'en-us' ],
+					[ 'label' => 'Nederlands', 'value' => 'nl' ],
+					[ 'label' => 'Deutsch', 'value' => 'de' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_language' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'default_language',
+			[
+				'label'     => esc_html__( 'Default Language', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'en-us',
+				'condition' => [ 'show_language' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	/*
+	|--------------------------------------------------------------------------
+	| Render
+	|--------------------------------------------------------------------------
+	*/
+
+	protected function render(): void {
+		// 1. Get raw settings
+		$settings = $this->get_settings_for_display();
+
+		// 2. Prepare view data
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_footer_view( $settings, $this->get_id() );
+
+		// 3. Render template
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/footer/templates/partials/bottom.php

@@ -0,0 +1,77 @@
+<?php
+/**
+ * Partial: Footer bottom bar (logo, copyright, language)
+ *
+ * Expects $view (show_logo, logo, show_copyright, copyright, show_language, language_options, default_language, classes.copyright, classes.select_bg, classes.logo_link, widget_id).
+ *
+ * @package SocialLane_Elements
+ * @since   1.0.0
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( ! $view['show_logo'] && ! $view['show_copyright'] && ! $view['show_language'] ) {
+	return;
+}
+
+$classes   = $view['classes'] ?? [];
+$widget_id = $view['widget_id'] ?? '';
+$select_id = 'footer-lang-' . $widget_id;
+?>
+
+<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6 py-6 md:py-8">
+	<?php if ( $view['show_logo'] && $view['logo'] ) : ?>
+		<div class="shrink-0">
+			<a
+				href="<?php echo esc_url( $view['logo']['href'] ); ?>"
+				<?php echo $view['logo']['attrs']; ?>
+				class="<?php echo esc_attr( $classes['logo_link'] ?? '' ); ?> inline-flex items-center gap-2 text-lg"
+			>
+				<?php if ( $view['logo']['type'] === 'image' && ! empty( $view['logo']['src'] ) ) : ?>
+					<img
+						src="<?php echo esc_url( $view['logo']['src'] ); ?>"
+						alt="<?php echo esc_attr( $view['logo']['alt'] ); ?>"
+						class="h-8 w-auto"
+						width=""
+						height="32"
+						loading="lazy"
+						decoding="async"
+					/>
+				<?php endif; ?>
+				<?php if ( $view['logo']['type'] === 'text' ) : ?>
+					<span><?php echo $view['logo']['text']; ?></span>
+				<?php elseif ( $view['logo']['type'] === 'image' && empty( $view['logo']['alt'] ) ) : ?>
+					<span class="sr-only"><?php esc_html_e( 'Home', 'sociallane-elements' ); ?></span>
+				<?php endif; ?>
+			</a>
+		</div>
+	<?php endif; ?>
+
+	<?php if ( $view['show_copyright'] && $view['copyright'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $classes['copyright'] ?? '' ); ?> order-last md:order-0 text-center md:flex-1 md:text-center">
+			<?php echo $view['copyright']; ?>
+		</p>
+	<?php endif; ?>
+
+	<?php if ( $view['show_language'] && ! empty( $view['language_options'] ) ) : ?>
+		<div class="shrink-0 flex justify-center md:justify-end">
+			<label for="<?php echo esc_attr( $select_id ); ?>" class="sr-only">
+				<?php esc_html_e( 'Select language', 'sociallane-elements' ); ?>
+			</label>
+			<select
+				id="<?php echo esc_attr( $select_id ); ?>"
+				name="footer-language"
+				class="<?php echo esc_attr( $classes['select_bg'] ?? '' ); ?> px-4 py-2.5 rounded-lg border text-sm font-medium cursor-pointer"
+				aria-label="<?php esc_attr_e( 'Select language', 'sociallane-elements' ); ?>"
+			>
+				<?php foreach ( $view['language_options'] as $opt ) : ?>
+					<option value="<?php echo esc_attr( $opt['value'] ); ?>" <?php selected( $opt['value'], $view['default_language'] ); ?>>
+						<?php echo $opt['label']; ?>
+					</option>
+				<?php endforeach; ?>
+			</select>
+		</div>
+	<?php endif; ?>
+</div>

package/widgets/footer/templates/partials/cta.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Partial: Footer CTA block
+ *
+ * Expects $view (cta_heading, cta_primary, cta_secondary, classes.cta_heading, cta_primary_class, cta_secondary_class).
+ *
+ * @package SocialLane_Elements
+ * @since   1.0.0
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view['cta_heading'] ) && ! $view['cta_primary'] && ! $view['cta_secondary'] ) {
+	return;
+}
+
+$elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
+?>
+
+<div class="text-center py-10 md:py-12">
+	<?php if ( ! empty( $view['cta_heading'] ) ) : ?>
+		<h2 class="<?php echo esc_attr( $view['classes']['cta_heading'] ); ?> text-2xl sm:text-3xl md:text-4xl font-bold font-heading mb-6">
+			<?php echo $view['cta_heading']; ?>
+		</h2>
+	<?php endif; ?>
+
+	<?php if ( $view['cta_primary'] || $view['cta_secondary'] ) : ?>
+		<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
+			<?php if ( $view['cta_primary'] ) : ?>
+				<?php
+				$button = $view['cta_primary'];
+				$button['class'] = $view['classes']['cta_primary_class'] ?? '';
+				include $elements_path . '/button/templates/render.php';
+				?>
+			<?php endif; ?>
+			<?php if ( $view['cta_secondary'] ) : ?>
+				<?php
+				$button = $view['cta_secondary'];
+				$button['class'] = $view['classes']['cta_secondary_class'] ?? '';
+				include $elements_path . '/button/templates/render.php';
+				?>
+			<?php endif; ?>
+		</div>
+	<?php endif; ?>
+</div>