@sociallane/elements 1.0.0

package/widgets/pipeline-dashboard/pipeline-dashboard.php

@@ -0,0 +1,407 @@
+<?php
+/**
+ * Widget: Pipeline Dashboard
+ *
+ * Sales pipeline snapshot: title, app-window frame with optional app bar,
+ * pipeline header (breadcrumbs, metrics, filters), and Kanban columns with lead cards.
+ *
+ * @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;
+}
+
+/**
+ * Pipeline Dashboard Widget
+ */
+class Pipeline_Dashboard extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'pipeline-dashboard';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Pipeline Dashboard', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-apps';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-cards' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'pipeline', 'dashboard', 'sales', 'kanban', 'leads', 'crm' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_title_section();
+		$this->register_app_bar_section();
+		$this->register_pipeline_header_section();
+		$this->register_columns_section();
+		$this->register_animation_controls( true, true );
+	}
+
+	private function register_title_section(): void {
+		$this->start_controls_section(
+			'section_title',
+			[
+				'label' => esc_html__( 'Title', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_title',
+			[
+				'label'   => esc_html__( 'Show Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'title',
+			[
+				'label'       => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'A snapshot of your entire sales pipeline.', 'sociallane-elements' ),
+				'label_block' => true,
+				'condition'   => [ 'show_title' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'title_tag',
+			[
+				'label'     => esc_html__( 'Title Tag', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'h2',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_title' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_app_bar_section(): void {
+		$this->start_controls_section(
+			'section_app_bar',
+			[
+				'label' => esc_html__( 'App Bar', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_app_bar',
+			[
+				'label'   => esc_html__( 'Show App Bar', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$tabs = new Repeater();
+		$tabs->add_control( 'label', [
+			'label'   => esc_html__( 'Tab Label', 'sociallane-elements' ),
+			'type'    => Controls_Manager::TEXT,
+			'default' => esc_html__( 'Lorem', 'sociallane-elements' ),
+		] );
+		$tabs->add_control( 'active', [
+			'label'   => esc_html__( 'Active tab', 'sociallane-elements' ),
+			'type'    => Controls_Manager::SWITCHER,
+			'default' => '',
+		] );
+		$this->add_control(
+			'app_tabs',
+			[
+				'label'       => esc_html__( 'Tabs', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $tabs->get_controls(),
+				'default'     => [
+					[ 'label' => 'Opportunities', 'active' => '' ],
+					[ 'label' => 'Leads', 'active' => 'yes' ],
+					[ 'label' => 'Contacts', 'active' => '' ],
+					[ 'label' => 'Tasks', 'active' => '' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_app_bar' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_pipeline_header_section(): void {
+		$this->start_controls_section(
+			'section_pipeline_header',
+			[
+				'label' => esc_html__( 'Pipeline Header', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_breadcrumbs',
+			[
+				'label'   => esc_html__( 'Show Breadcrumbs', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'breadcrumbs',
+			[
+				'label'       => esc_html__( 'Breadcrumbs', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Leads > Pipeline View', 'sociallane-elements' ),
+				'condition'   => [ 'show_breadcrumbs' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_section_title',
+			[
+				'label'   => esc_html__( 'Show Section Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'section_title',
+			[
+				'label'       => esc_html__( 'Section Title', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Pipeline', 'sociallane-elements' ),
+				'condition'   => [ 'show_section_title' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_metrics',
+			[
+				'label'   => esc_html__( 'Show Metrics', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'metric_active',
+			[
+				'label'       => esc_html__( 'Active Leads', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => '13 Active Leads',
+				'condition'   => [ 'show_metrics' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'metric_value',
+			[
+				'label'       => esc_html__( 'Pipeline Value', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => '$140,000',
+				'condition'   => [ 'show_metrics' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'metric_target',
+			[
+				'label'       => esc_html__( 'Target', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => '$175,000',
+				'condition'   => [ 'show_metrics' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'show_filter_bar',
+			[
+				'label'   => esc_html__( 'Show Filter Bar', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'filter_active_label',
+			[
+				'label'       => esc_html__( 'Active Toggle Label', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => 'Active',
+				'condition'   => [ 'show_filter_bar' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'filter_stale_label',
+			[
+				'label'       => esc_html__( 'Stale Toggle Label', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => 'Stale',
+				'condition'   => [ 'show_filter_bar' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'search_placeholder',
+			[
+				'label'       => esc_html__( 'Search Placeholder', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Search leads', 'sociallane-elements' ),
+				'condition'   => [ 'show_filter_bar' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_columns_section(): void {
+		$this->start_controls_section(
+			'section_columns',
+			[
+				'label' => esc_html__( 'Pipeline Columns', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$cards_repeater = new Repeater();
+		$cards_repeater->add_control(
+			'item_type',
+			[
+				'label'   => esc_html__( 'Type', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'card',
+				'options' => [
+					'card'     => esc_html__( 'Lead Card', 'sociallane-elements' ),
+					'add_lead' => esc_html__( 'Add Lead Placeholder', 'sociallane-elements' ),
+				],
+			]
+		);
+		$cards_repeater->add_control(
+			'company_name',
+			[
+				'label'     => esc_html__( 'Company Name', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem', 'sociallane-elements' ),
+				'condition' => [ 'item_type' => 'card' ],
+			]
+		);
+		$cards_repeater->add_control(
+			'value',
+			[
+				'label'     => esc_html__( 'Value', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => '$10,000 USD',
+				'condition' => [ 'item_type' => 'card' ],
+			]
+		);
+		$cards_repeater->add_control(
+			'tag_type',
+			[
+				'label'     => esc_html__( 'Tag', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'inbound',
+				'options'   => [
+					'inbound'  => esc_html__( 'Inbound', 'sociallane-elements' ),
+					'outreach' => esc_html__( 'Outreach', 'sociallane-elements' ),
+					'referral' => esc_html__( 'Referral', 'sociallane-elements' ),
+				],
+				'condition' => [ 'item_type' => 'card' ],
+			]
+		);
+		$cards_repeater->add_control(
+			'logo',
+			[
+				'label'     => esc_html__( 'Company Logo', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'item_type' => 'card' ],
+			]
+		);
+		$cards_repeater->add_control(
+			'logo_alt',
+			[
+				'label'     => esc_html__( 'Logo Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'item_type' => 'card' ],
+			]
+		);
+
+		$columns_repeater = new Repeater();
+		$columns_repeater->add_control(
+			'column_title',
+			[
+				'label'   => esc_html__( 'Column Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Qualified', 'sociallane-elements' ),
+			]
+		);
+		$columns_repeater->add_control(
+			'cards',
+			[
+				'label'       => esc_html__( 'Cards', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $cards_repeater->get_controls(),
+				'default'     => [
+					[ 'item_type' => 'card', 'company_name' => 'OpenAI', 'value' => '$10,000 USD', 'tag_type' => 'inbound' ],
+					[ 'item_type' => 'card', 'company_name' => 'Intercom', 'value' => '$10,500 USD', 'tag_type' => 'outreach' ],
+					[ 'item_type' => 'add_lead' ],
+				],
+				'title_field' => '{{{ company_name }}}',
+			]
+		);
+
+		$this->add_control(
+			'columns',
+			[
+				'label'       => esc_html__( 'Columns', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $columns_repeater->get_controls(),
+				'default'     => [
+					[
+						'column_title' => 'Qualified',
+						'cards' => [
+							[ 'item_type' => 'card', 'company_name' => 'OpenAI', 'value' => '$10,000 USD', 'tag_type' => 'inbound' ],
+							[ 'item_type' => 'card', 'company_name' => 'Intercom', 'value' => '$10,500 USD', 'tag_type' => 'outreach' ],
+							[ 'item_type' => 'add_lead' ],
+						],
+					],
+					[
+						'column_title' => 'Contact Made',
+						'cards' => [
+							[ 'item_type' => 'card', 'company_name' => 'Retool', 'value' => '$10,000 USD', 'tag_type' => 'referral' ],
+							[ 'item_type' => 'add_lead' ],
+						],
+					],
+					[
+						'column_title' => 'Demo Scheduled',
+						'cards' => [
+							[ 'item_type' => 'card', 'company_name' => 'Stripe', 'value' => '$10,000 USD', 'tag_type' => 'inbound' ],
+							[ 'item_type' => 'add_lead' ],
+						],
+					],
+					[
+						'column_title' => 'Proposal Made',
+						'cards' => [],
+					],
+					[
+						'column_title' => 'Negotiation Started',
+						'cards' => [],
+					],
+					[
+						'column_title' => 'Won',
+						'cards' => [],
+					],
+				],
+				'title_field' => '{{{ column_title }}}',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_pipeline_dashboard_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/pipeline-dashboard/templates/partials/app-bar.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * Partial: Pipeline Dashboard App Bar
+ *
+ * Tabs with gradient background. Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+?>
+
+<header class="<?php echo esc_attr( $c['app_bar'] ); ?> px-4 py-3 flex flex-wrap items-center gap-4" role="banner">
+	<div class="flex items-center shrink-0 size-9 rounded-lg bg-neutral-200/80 dark:bg-neutral-600/80" aria-hidden="true"></div>
+	<nav class="flex flex-wrap items-center gap-1 md:gap-2" aria-label="<?php esc_attr_e( 'App navigation', 'sociallane-elements' ); ?>">
+		<?php foreach ( $view['app_tabs'] as $tab ) : ?>
+			<span
+				class="<?php echo $tab['active'] ? esc_attr( $c['tab_active'] ) : esc_attr( $c['tab'] ); ?> px-3 py-2 rounded-md <?php echo $tab['active'] ? 'bg-white/60 dark:bg-neutral-700/60' : ''; ?>"
+			><?php echo $tab['label']; ?></span>
+		<?php endforeach; ?>
+	</nav>
+	<div class="ml-auto flex items-center gap-2 shrink-0">
+		<span class="size-8 rounded-full bg-neutral-300 dark:bg-neutral-600" aria-hidden="true"></span>
+		<span class="size-8 rounded-full bg-neutral-300 dark:bg-neutral-600" aria-hidden="true"></span>
+		<span class="size-8 rounded-full bg-neutral-300 dark:bg-neutral-600" aria-hidden="true"></span>
+	</div>
+</header>

package/widgets/pipeline-dashboard/templates/partials/kanban.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * Partial: Pipeline Dashboard Kanban
+ *
+ * Columns with lead cards and add-lead placeholders. Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view['columns'] ) ) {
+	return;
+}
+
+$c = $view['classes'];
+$tag_class = [
+	'inbound'  => $c['tag_inbound'],
+	'outreach' => $c['tag_outreach'],
+	'referral'  => $c['tag_referral'],
+];
+?>
+
+<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4 overflow-x-auto" role="list"<?php echo ! empty( $stagger_attrs ) ? ' ' . $stagger_attrs : ''; ?>>
+	<?php foreach ( $view['columns'] as $column ) : ?>
+		<div class="flex flex-col min-w-[200px]" role="listitem">
+			<h4 class="<?php echo esc_attr( $c['column_header'] ); ?> mb-3"><?php echo $column['title']; ?></h4>
+			<div class="flex flex-col gap-3">
+				<?php foreach ( $column['cards'] as $card ) : ?>
+					<?php if ( ( $card['type'] ?? '' ) === 'add_lead' ) : ?>
+						<div class="<?php echo esc_attr( $c['add_lead'] ); ?>"><?php esc_html_e( 'Add lead', 'sociallane-elements' ); ?></div>
+					<?php else : ?>
+						<div class="<?php echo esc_attr( $c['card'] ); ?> flex flex-col gap-2 relative">
+							<?php if ( ! empty( $card['logo_src'] ) ) : ?>
+								<img
+									src="<?php echo esc_url( $card['logo_src'] ); ?>"
+									alt="<?php echo $card['logo_alt']; ?>"
+									class="absolute top-2 right-2 size-8 object-contain"
+									loading="lazy"
+									decoding="async"
+								/>
+							<?php endif; ?>
+							<div class="<?php echo esc_attr( $c['card_company'] ); ?> pr-10"><?php echo $card['company_name']; ?></div>
+							<div class="<?php echo esc_attr( $c['card_value'] ); ?>"><?php echo $card['value']; ?></div>
+							<?php if ( ! empty( $card['tag_type'] ) && isset( $tag_class[ $card['tag_type'] ] ) ) : ?>
+								<span class="<?php echo esc_attr( $tag_class[ $card['tag_type'] ] ); ?> self-start"><?php echo esc_html( ucfirst( $card['tag_type'] ) ); ?></span>
+							<?php endif; ?>
+						</div>
+					<?php endif; ?>
+				<?php endforeach; ?>
+			</div>
+		</div>
+	<?php endforeach; ?>
+</div>

package/widgets/pipeline-dashboard/templates/partials/pipeline-header.php

@@ -0,0 +1,66 @@
+<?php
+/**
+ * Partial: Pipeline Dashboard Header
+ *
+ * Breadcrumbs, section title, metrics line, filter bar. Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+?>
+
+<div class="mb-6">
+	<?php if ( $view['show_breadcrumbs'] && $view['breadcrumbs'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['breadcrumbs'] ); ?> mb-1"><?php echo $view['breadcrumbs']; ?></p>
+	<?php endif; ?>
+	<?php if ( $view['show_section_title'] && $view['section_title'] !== '' ) : ?>
+		<h3 class="<?php echo esc_attr( $c['section_title'] ); ?> text-xl md:text-2xl mb-2"><?php echo $view['section_title']; ?></h3>
+	<?php endif; ?>
+	<?php if ( $view['show_metrics'] && ( $view['metric_active'] !== '' || $view['metric_value'] !== '' || $view['metric_target'] !== '' ) ) : ?>
+		<p class="<?php echo esc_attr( $c['metrics'] ); ?>">
+			<?php if ( $view['metric_active'] !== '' ) : ?>
+				<span><?php echo $view['metric_active']; ?></span>
+			<?php endif; ?>
+			<?php if ( $view['metric_value'] !== '' ) : ?>
+				<span class="ml-4"><?php esc_html_e( 'Pipeline Value:', 'sociallane-elements' ); ?> <?php echo $view['metric_value']; ?></span>
+			<?php endif; ?>
+			<?php if ( $view['metric_target'] !== '' ) : ?>
+				<span class="<?php echo esc_attr( $c['metrics_target'] ); ?> ml-4"><?php esc_html_e( 'Target:', 'sociallane-elements' ); ?> <?php echo $view['metric_target']; ?></span>
+			<?php endif; ?>
+		</p>
+	<?php endif; ?>
+
+	<?php if ( $view['show_filter_bar'] ) : ?>
+		<div class="flex flex-wrap items-center gap-2 mt-4">
+			<span class="<?php echo esc_attr( $c['filter_toggle'] ); ?>"><?php echo $view['filter_active_label']; ?></span>
+			<span class="<?php echo esc_attr( $c['filter_toggle_off'] ); ?>"><?php echo $view['filter_stale_label']; ?></span>
+			<button type="button" class="<?php echo esc_attr( $c['filter_btn'] ); ?> inline-flex items-center gap-1.5" aria-label="<?php esc_attr_e( 'Filters', 'sociallane-elements' ); ?>">
+				<svg class="size-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"/></svg>
+				<?php esc_html_e( 'Filters', 'sociallane-elements' ); ?>
+			</button>
+			<button type="button" class="<?php echo esc_attr( $c['filter_btn'] ); ?> inline-flex items-center gap-1.5" aria-label="<?php esc_attr_e( 'Export', 'sociallane-elements' ); ?>">
+				<svg class="size-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
+				<?php esc_html_e( 'Export', 'sociallane-elements' ); ?>
+			</button>
+			<label class="sr-only" for="pipeline-search-<?php echo esc_attr( $view['widget_id'] ); ?>"><?php esc_html_e( 'Search leads', 'sociallane-elements' ); ?></label>
+			<input
+				type="search"
+				id="pipeline-search-<?php echo esc_attr( $view['widget_id'] ); ?>"
+				class="<?php echo esc_attr( $c['search_input'] ); ?> flex-1 min-w-[120px] max-w-[200px] px-3 py-1.5 ml-auto"
+				placeholder="<?php echo $view['search_placeholder']; ?>"
+				aria-label="<?php echo esc_attr( $view['search_placeholder'] ); ?>"
+				disabled
+			/>
+			<div class="flex -space-x-2" aria-hidden="true">
+				<span class="<?php echo esc_attr( $c['avatar'] ); ?>"></span>
+				<span class="<?php echo esc_attr( $c['avatar'] ); ?>"></span>
+				<span class="<?php echo esc_attr( $c['avatar'] ); ?>"></span>
+			</div>
+		</div>
+	<?php endif; ?>
+</div>

package/widgets/pipeline-dashboard/templates/wrapper.php

@@ -0,0 +1,64 @@
+<?php
+/**
+ * Template: Pipeline Dashboard Wrapper
+ *
+ * Sales pipeline snapshot: title above frame, app bar, pipeline header, Kanban columns.
+ *
+ * AVAILABLE DATA ($view):
+ * - show_title, show_app_bar, show_breadcrumbs, show_section_title, show_metrics, show_filter_bar
+ * - title, title_tag, breadcrumbs, section_title, metric_*, filter_*_label, search_placeholder
+ * - app_tabs, columns, 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 );
+$c    = $view['classes'];
+$partials_dir = __DIR__ . '/partials';
+?>
+
+<?php // ========== PIPELINE DASHBOARD START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $c['section'] ); ?> py-12 md:py-16 lg:py-20"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( ! empty( $view['show_title'] ) && $view['title'] !== '' ) : ?>aria-labelledby="pipeline-<?php echo esc_attr( $view['widget_id'] ); ?>"<?php endif; ?>
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+
+		<?php if ( $view['show_title'] && $view['title'] !== '' ) : ?>
+			<<?php echo esc_attr( $view['title_tag'] ); ?>
+				id="pipeline-<?php echo esc_attr( $view['widget_id'] ); ?>"
+				class="<?php echo esc_attr( $c['title'] ); ?> text-2xl md:text-3xl lg:text-4xl mb-8 md:mb-10"
+				<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>
+			>
+				<?php echo $view['title']; ?>
+			</<?php echo esc_attr( $view['title_tag'] ); ?>>
+		<?php endif; ?>
+
+		<?php $stagger_attrs = sociallane_stagger_attrs( $anim ); ?>
+		<div class="<?php echo esc_attr( $c['frame'] ); ?>">
+			<?php if ( $view['show_app_bar'] && ! empty( $view['app_tabs'] ) ) : ?>
+				<?php include $partials_dir . '/app-bar.php'; ?>
+			<?php endif; ?>
+
+			<div class="p-4 md:p-6">
+				<?php include $partials_dir . '/pipeline-header.php'; ?>
+				<?php include $partials_dir . '/kanban.php'; ?>
+			</div>
+		</div>
+
+	</div>
+</section>
+
+<?php // ========== PIPELINE DASHBOARD END ========== ?>