@sociallane/elements 1.0.0

package/widgets/pricing-table/data/view.php

@@ -0,0 +1,133 @@
+<?php
+/**
+ * Data Preparation: Pricing Table
+ *
+ * Transforms raw Elementor settings into clean, template-ready data.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Pricing Table widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID for accessibility
+ * @return array Template-ready data
+ */
+function prepare_pricing_table_view( array $settings, string $widget_id ): array {
+	$show_headline    = sociallane_show_field( $settings, 'show_headline' );
+	$show_description = sociallane_show_field( $settings, 'show_description' );
+	$show_toggle      = sociallane_show_field( $settings, 'show_toggle' );
+
+	$headline     = sociallane_sanitize_text( $show_headline, $settings, 'headline' );
+	$description  = sociallane_sanitize_text( $show_description, $settings, 'description' );
+	$headline_tag = sociallane_validate_heading_tag( $settings );
+
+	$billing_period = ( $settings['billing_period'] ?? 'monthly' ) === 'yearly' ? 'yearly' : 'monthly';
+	$monthly_label  = esc_html( $settings['monthly_label'] ?? 'Monthly' );
+	$yearly_label   = esc_html( $settings['yearly_label'] ?? 'Yearly' );
+
+	$plans_raw = $settings['plans'] ?? [];
+	$plans     = [];
+
+	foreach ( $plans_raw as $plan ) {
+		$cta_url_data   = $plan['cta_url'] ?? [];
+		$annual_url_data = $plan['annual_link_url'] ?? [];
+
+		$cta_href = esc_url( $cta_url_data['url'] ?? '#' );
+		$cta_attrs = [];
+		if ( ! empty( $cta_url_data['is_external'] ) ) {
+			$cta_attrs[] = 'target="_blank"';
+			$cta_attrs[] = 'rel="noopener noreferrer"';
+		}
+		if ( ! empty( $cta_url_data['nofollow'] ) ) {
+			$cta_attrs[] = 'rel="nofollow"';
+		}
+
+		$annual_href  = esc_url( $annual_url_data['url'] ?? '#' );
+		$annual_attrs = [];
+		if ( ! empty( $annual_url_data['is_external'] ) ) {
+			$annual_attrs[] = 'target="_blank"';
+			$annual_attrs[] = 'rel="noopener noreferrer"';
+		}
+		if ( ! empty( $annual_url_data['nofollow'] ) ) {
+			$annual_attrs[] = 'rel="nofollow"';
+		}
+
+		$price_monthly = esc_html( $plan['price_monthly'] ?? '' );
+		$price_yearly  = esc_html( $plan['price_yearly'] ?? '' );
+		$price         = $billing_period === 'yearly' ? $price_yearly : $price_monthly;
+
+		$show_annual_link = ( $plan['show_annual_link'] ?? 'yes' ) === 'yes';
+		$is_popular       = ( $plan['is_popular'] ?? 'no' ) === 'yes';
+
+		$features_raw = $plan['features'] ?? [];
+		$features     = [];
+		foreach ( $features_raw as $f ) {
+			$features[] = [
+				'icon' => $f['icon'] ?? null,
+				'text' => esc_html( $f['text'] ?? '' ),
+			];
+		}
+
+		$plans[] = [
+			'plan_name'        => esc_html( $plan['plan_name'] ?? '' ),
+			'price'            => $price,
+			'price_monthly'    => $price_monthly,
+			'price_yearly'     => $price_yearly,
+			'annual_detail'    => esc_html( $plan['annual_detail'] ?? '' ),
+			'show_annual_link' => $show_annual_link,
+			'annual_link_text' => esc_html( $plan['annual_link_text'] ?? '' ),
+			'annual_link_url'  => $annual_href,
+			'annual_link_attrs'=> implode( ' ', $annual_attrs ),
+			'cta_text'         => esc_html( $plan['cta_text'] ?? '' ),
+			'cta_url'          => $cta_href,
+			'cta_attrs'        => implode( ' ', $cta_attrs ),
+			'is_popular'       => $is_popular,
+			'popular_badge'    => esc_html( $plan['popular_badge_text'] ?? __( 'Lorem ipsum', 'sociallane-elements' ) ),
+			'features'         => $features,
+		];
+	}
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
+
+	// Light/dark dual classes for Nav theme switcher
+	$classes = [
+		'section'       => 'bg-neutral-100 dark:bg-zinc-900',
+		'headline'      => 'text-neutral-900 dark:text-white',
+		'description'   => 'text-neutral-600 dark:text-neutral-300',
+		'card'          => 'bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700',
+		'card_popular'  => 'ring-1 ring-primary dark:neutral-100/50',
+		'plan_name'     => 'text-neutral-900 dark:text-white',
+		'price'         => 'text-neutral-900 dark:text-white',
+		'annual_detail' => 'text-neutral-500 dark:text-neutral-400',
+		'annual_link'   => 'text-neutral-600 dark:text-neutral-400 hover:text-primary dark:hover:text-blue-chill-300 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-800',
+		'cta'           => 'bg-neutral-800 dark:bg-neutral-700 text-white hover:bg-neutral-700 dark:hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-800',
+		'feature_text'  => 'text-neutral-600 dark:text-neutral-300',
+		'feature_icon'  => 'text-neutral-500 dark:text-neutral-400',
+		'badge'         => 'bg-white dark:bg-neutral-100 text-neutral-800 dark:text-neutral-900',
+		'toggle_bg'     => 'bg-neutral-200 dark:bg-neutral-700',
+		'toggle_active' => 'bg-neutral-800 dark:bg-neutral-600 text-white',
+		'toggle_inactive'=> 'text-neutral-600 dark:text-neutral-400',
+	];
+
+	return [
+		'show_headline'   => $show_headline,
+		'show_description'=> $show_description,
+		'show_toggle'     => $show_toggle,
+		'headline'        => $headline,
+		'headline_tag'    => $headline_tag,
+		'description'     => $description,
+		'billing_period'  => $billing_period,
+		'monthly_label'   => $monthly_label,
+		'yearly_label'    => $yearly_label,
+		'plans'           => $plans,
+		'classes'         => $classes,
+		'widget_id'       => $widget_id,
+		'animation'       => $animation,
+	];
+}

package/widgets/pricing-table/pricing-table.php

@@ -0,0 +1,376 @@
+<?php
+/**
+ * Widget: Pricing Table
+ *
+ * A pricing table section with header, monthly/yearly toggle, and pricing cards.
+ * Each card has plan name, price, CTA button, and feature list.
+ *
+ * @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;
+}
+
+/**
+ * Pricing Table Widget
+ */
+class Pricing_Table extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'pricing-table';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Pricing Table', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-price-table';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-forms' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'pricing', 'table', 'plans', 'subscription', 'billing' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_toggle_section();
+		$this->register_plans_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__( 'Lorem ipsum dolor sit amet consectetur', '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. Ut enim ad minim veniam.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_toggle_section(): void {
+		$this->start_controls_section(
+			'section_toggle',
+			[
+				'label' => esc_html__( 'Billing Toggle', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_toggle',
+			[
+				'label'   => esc_html__( 'Show Toggle', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'billing_period',
+			[
+				'label'   => esc_html__( 'Billing Period', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'monthly',
+				'options' => [
+					'monthly' => esc_html__( 'Monthly', 'sociallane-elements' ),
+					'yearly'  => esc_html__( 'Yearly', 'sociallane-elements' ),
+				],
+				'condition' => [ 'show_toggle' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'monthly_label',
+			[
+				'label'   => esc_html__( 'Monthly Label', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Monthly', 'sociallane-elements' ),
+				'condition' => [ 'show_toggle' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'yearly_label',
+			[
+				'label'   => esc_html__( 'Yearly Label', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Yearly', 'sociallane-elements' ),
+				'condition' => [ 'show_toggle' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_plans_section(): void {
+		$this->start_controls_section(
+			'section_plans',
+			[
+				'label' => esc_html__( 'Plans', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$repeater = new Repeater();
+
+		$repeater->add_control(
+			'plan_name',
+			[
+				'label'       => esc_html__( 'Plan Name', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'label_block' => true,
+			]
+		);
+
+		$repeater->add_control(
+			'price_monthly',
+			[
+				'label'   => esc_html__( 'Monthly Price', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( '$29', 'sociallane-elements' ),
+			]
+		);
+
+		$repeater->add_control(
+			'price_yearly',
+			[
+				'label'   => esc_html__( 'Yearly Price', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( '$199', 'sociallane-elements' ),
+			]
+		);
+
+		$repeater->add_control(
+			'annual_detail',
+			[
+				'label'   => esc_html__( 'Annual Price Detail', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Lorem ipsum dolor sit amet, paid annually', 'sociallane-elements' ),
+			]
+		);
+
+		$repeater->add_control(
+			'show_annual_link',
+			[
+				'label'   => esc_html__( 'Show Annual Plan Link', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$repeater->add_control(
+			'annual_link_text',
+			[
+				'label'     => esc_html__( 'Annual Link Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem ipsum plan', 'sociallane-elements' ),
+				'condition' => [ 'show_annual_link' => 'yes' ],
+			]
+		);
+
+		$repeater->add_control(
+			'annual_link_url',
+			[
+				'label'     => esc_html__( 'Annual Link URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_annual_link' => 'yes' ],
+			]
+		);
+
+		$repeater->add_control(
+			'cta_text',
+			[
+				'label'   => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+			]
+		);
+
+		$repeater->add_control(
+			'cta_url',
+			[
+				'label' => esc_html__( 'Button URL', 'sociallane-elements' ),
+				'type'  => Controls_Manager::URL,
+			]
+		);
+
+		$repeater->add_control(
+			'is_popular',
+			[
+				'label'   => esc_html__( 'Most Popular Badge', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'no',
+			]
+		);
+
+		$repeater->add_control(
+			'popular_badge_text',
+			[
+				'label'     => esc_html__( 'Badge Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'is_popular' => 'yes' ],
+			]
+		);
+
+		$features_repeater = new Repeater();
+		$features_repeater->add_control(
+			'icon',
+			[
+				'label'   => esc_html__( 'Icon', 'sociallane-elements' ),
+				'type'    => Controls_Manager::ICONS,
+				'default' => [
+					'value'   => 'eicon-check',
+					'library' => 'elementor',
+				],
+			]
+		);
+		$features_repeater->add_control(
+			'text',
+			[
+				'label'   => esc_html__( 'Feature', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ),
+			]
+		);
+
+		$repeater->add_control(
+			'features',
+			[
+				'label'       => esc_html__( 'Features', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $features_repeater->get_controls(),
+				'default'     => [
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet consectetur', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-editor-link', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-smile', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-check-circle', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-upload', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-check-circle', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-bar-chart', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-comments', 'library' => 'elementor' ] ],
+					[ 'text' => esc_html__( 'Lorem ipsum dolor sit amet', 'sociallane-elements' ), 'icon' => [ 'value' => 'eicon-cube', 'library' => 'elementor' ] ],
+				],
+				'title_field' => '{{{ text }}}',
+			]
+		);
+
+		$this->add_control(
+			'plans',
+			[
+				'label'       => esc_html__( 'Plans', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $repeater->get_controls(),
+				'default'     => [
+					[
+						'plan_name'       => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'price_monthly'   => '$29',
+						'price_yearly'    => '$199',
+						'annual_detail'   => esc_html__( 'Lorem ipsum dolor sit amet, paid annually', 'sociallane-elements' ),
+						'annual_link_text' => esc_html__( 'Lorem ipsum plan', 'sociallane-elements' ),
+						'cta_text'        => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'is_popular'      => 'no',
+					],
+					[
+						'plan_name'       => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'price_monthly'   => '$99',
+						'price_yearly'    => '$599',
+						'annual_detail'   => esc_html__( 'Lorem ipsum dolor sit amet, paid annually', 'sociallane-elements' ),
+						'annual_link_text' => esc_html__( 'Lorem ipsum plan', 'sociallane-elements' ),
+						'cta_text'        => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'is_popular'      => 'yes',
+						'popular_badge_text' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+					],
+					[
+						'plan_name'       => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'price_monthly'   => '$299',
+						'price_yearly'    => '$1999',
+						'annual_detail'   => esc_html__( 'Lorem ipsum dolor sit amet, paid annually', 'sociallane-elements' ),
+						'annual_link_text' => esc_html__( 'Lorem ipsum plan', 'sociallane-elements' ),
+						'cta_text'        => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+						'is_popular'      => 'no',
+					],
+				],
+				'title_field' => '{{{ plan_name }}}',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_pricing_table_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/pricing-table/templates/partials/pricing-card.php

@@ -0,0 +1,125 @@
+<?php
+/**
+ * Template Partial: Pricing Card
+ *
+ * AVAILABLE DATA ($card):
+ * - plan_name, price, annual_detail
+ * - show_annual_link, annual_link_text, annual_link_url, annual_link_attrs
+ * - cta_text, cta_url, cta_attrs
+ * - is_popular, popular_badge
+ * - features (array of icon + text)
+ * - classes (from parent $view)
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $card ) ) {
+	return;
+}
+
+$classes = $card['classes'] ?? [];
+$card_classes = $classes['card'] ?? 'bg-white dark:bg-neutral-800 rounded-xl';
+if ( ! empty( $card['is_popular'] ) ) {
+	$card_classes .= ' ' . ( $classes['card_popular'] ?? 'ring-2 ring-primary' );
+}
+?>
+
+<?php
+$billing_period = $card['billing_period'] ?? 'monthly';
+$price_class = $classes['price'] ?? 'text-neutral-900 dark:text-white';
+?>
+<?php // ----- Pricing Card Start ----- ?>
+
+<article class="sl-pricing-card <?php echo esc_attr( $card_classes ); ?> p-6 md:p-8 flex flex-col relative">
+	<?php if ( ! empty( $card['is_popular'] ) && ! empty( $card['popular_badge'] ) ) : ?>
+		<div class="absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2">
+			<span class="inline-block px-3 py-1 text-sm font-medium rounded-lg <?php echo esc_attr( $classes['badge'] ?? '' ); ?>">
+				<?php echo $card['popular_badge']; ?>
+			</span>
+		</div>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['plan_name'] ) ) : ?>
+		<h3 class="<?php echo esc_attr( $classes['plan_name'] ?? '' ); ?> text-xl font-bold text-center <?php echo ! empty( $card['is_popular'] ) ? 'mt-2' : ''; ?>">
+			<?php echo $card['plan_name']; ?>
+		</h3>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['price_monthly'] ) || ! empty( $card['price_yearly'] ) ) : ?>
+		<div class="text-4xl md:text-5xl font-bold text-center mt-4 <?php echo esc_attr( $price_class ); ?>">
+			<?php if ( ! empty( $card['price_monthly'] ) ) : ?>
+				<span class="sl-price-monthly <?php echo $billing_period !== 'monthly' ? 'hidden' : ''; ?>"><?php echo $card['price_monthly']; ?></span>
+			<?php endif; ?>
+			<?php if ( ! empty( $card['price_yearly'] ) ) : ?>
+				<span class="sl-price-yearly <?php echo $billing_period !== 'yearly' ? 'hidden' : ''; ?>"><?php echo $card['price_yearly']; ?></span>
+			<?php endif; ?>
+		</div>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['annual_detail'] ) ) : ?>
+		<p class="sl-annual-detail <?php echo esc_attr( $classes['annual_detail'] ?? '' ); ?> text-sm text-center mt-1 <?php echo $billing_period !== 'yearly' ? 'hidden' : ''; ?>">
+			<?php echo $card['annual_detail']; ?>
+		</p>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['show_annual_link'] ) && ! empty( $card['annual_link_text'] ) ) : ?>
+		<p class="sl-annual-link-wrap text-center mt-2 <?php echo $billing_period !== 'yearly' ? 'hidden' : ''; ?>">
+			<a
+				href="<?php echo esc_url( $card['annual_link_url'] ); ?>"
+				<?php echo $card['annual_link_attrs']; ?>
+				class="inline-flex items-center gap-1 text-sm <?php echo esc_attr( $classes['annual_link'] ?? '' ); ?> focus:rounded"
+			>
+				<?php echo $card['annual_link_text']; ?>
+				<svg class="w-4 h-4 shrink-0" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
+				</svg>
+			</a>
+		</p>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['cta_text'] ) ) : ?>
+		<div class="mt-6">
+			<a
+				href="<?php echo esc_url( $card['cta_url'] ); ?>"
+				<?php echo $card['cta_attrs']; ?>
+				class="block w-full py-3 px-4 text-center font-medium rounded-lg transition-colors <?php echo esc_attr( $classes['cta'] ?? '' ); ?> focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-800"
+			>
+				<?php echo $card['cta_text']; ?>
+			</a>
+		</div>
+	<?php endif; ?>
+
+	<?php if ( ! empty( $card['features'] ) ) : ?>
+		<ul class="mt-6 space-y-3 flex-1" role="list">
+			<?php foreach ( $card['features'] as $feature ) : ?>
+				<?php if ( ! empty( $feature['text'] ) ) : ?>
+					<li class="flex items-start gap-3">
+						<?php if ( ! empty( $feature['icon']['value'] ) ) : ?>
+							<span class="<?php echo esc_attr( $classes['feature_icon'] ?? '' ); ?> shrink-0 mt-0.5 size-5" aria-hidden="true">
+								<?php
+								\Elementor\Icons_Manager::render_icon(
+									$feature['icon'],
+									[ 'aria-hidden' => 'true', 'class' => 'size-5' ]
+								);
+								?>
+							</span>
+						<?php else : ?>
+							<svg class="shrink-0 mt-0.5 size-5 <?php echo esc_attr( $classes['feature_icon'] ?? '' ); ?>" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+							</svg>
+						<?php endif; ?>
+						<span class="<?php echo esc_attr( $classes['feature_text'] ?? '' ); ?> text-sm">
+							<?php echo $feature['text']; ?>
+						</span>
+					</li>
+				<?php endif; ?>
+			<?php endforeach; ?>
+		</ul>
+	<?php endif; ?>
+</article>
+
+<?php // ----- Pricing Card End ----- ?>