@sociallane/elements 1.0.0

package/widgets/sales-dashboard/sales-dashboard.php

@@ -0,0 +1,434 @@
+<?php
+/**
+ * Widget: Sales Dashboard
+ *
+ * Dashboard section with headline and bento-style cards: profile (with tabs/summary),
+ * competitors table, and three feature cards (speed, source, global).
+ *
+ * @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;
+}
+
+/**
+ * Sales Dashboard Widget
+ */
+class Sales_Dashboard extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'sales-dashboard';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Sales Dashboard', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-dashboard';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-content' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'sales', 'dashboard', 'bento', 'profile', 'competitors', 'features' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_profile_card_section();
+		$this->register_competitors_card_section();
+		$this->register_speed_card_section();
+		$this->register_source_card_section();
+		$this->register_global_card_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_eyebrow',
+			[
+				'label'   => esc_html__( 'Show Eyebrow', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'SALES',
+				'condition' => [ 'show_eyebrow' => 'yes' ],
+			]
+		);
+		$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__( 'Know more about your customers than they do.', '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'   => 'h2',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_headline' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_profile_card_section(): void {
+		$this->start_controls_section(
+			'section_profile_card',
+			[
+				'label' => esc_html__( 'Profile Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_profile_card',
+			[
+				'label'   => esc_html__( 'Show Profile Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'profile_image',
+			[
+				'label'     => esc_html__( 'Profile Image', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_image_alt',
+			[
+				'label'     => esc_html__( 'Profile Image Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_name',
+			[
+				'label'     => esc_html__( 'Name', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem Ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_title',
+			[
+				'label'     => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Head of Marketing', 'sociallane-elements' ),
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_budget',
+			[
+				'label'     => esc_html__( 'Budget', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Budget: $40,000', 'sociallane-elements' ),
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$tabs = new Repeater();
+		$tabs->add_control( 'label', [ 'label' => esc_html__( 'Tab Label', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Summary' ] );
+		$this->add_control(
+			'profile_tabs',
+			[
+				'label'       => esc_html__( 'Tabs', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $tabs->get_controls(),
+				'default'     => [
+					[ 'label' => 'Summary' ],
+					[ 'label' => 'Finances' ],
+					[ 'label' => 'Work History' ],
+					[ 'label' => 'Medical Records' ],
+					[ 'label' => 'Tax Filings' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$summary = new Repeater();
+		$summary->add_control( 'label', [ 'label' => esc_html__( 'Label', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Lorem' ] );
+		$summary->add_control( 'value', [ 'label' => esc_html__( 'Value', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Lorem' ] );
+		$this->add_control(
+			'profile_summary',
+			[
+				'label'       => esc_html__( 'Summary Items', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $summary->get_controls(),
+				'default'     => [
+					[ 'label' => 'Marital Status', 'value' => 'Divorced' ],
+					[ 'label' => 'Age', 'value' => '34' ],
+					[ 'label' => 'Kids', 'value' => 'Brian (5), Emily (2)' ],
+					[ 'label' => 'SSN', 'value' => '384 218 194' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_insight_eyebrow',
+			[
+				'label'     => esc_html__( 'Insight Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'INSIGHT',
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_insight_heading',
+			[
+				'label'     => esc_html__( 'Insight Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Get perfect clarity', 'sociallane-elements' ),
+				'condition' => [ 'show_profile_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'profile_insight_text',
+			[
+				'label'     => esc_html__( 'Insight Text', '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_profile_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_competitors_card_section(): void {
+		$this->start_controls_section(
+			'section_competitors_card',
+			[
+				'label' => esc_html__( 'Competitors Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_competitors_card',
+			[
+				'label'   => esc_html__( 'Show Competitors Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'competitors_title',
+			[
+				'label'     => esc_html__( 'Card Title', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Competitors', 'sociallane-elements' ),
+				'condition' => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'competitors_dropdown_label',
+			[
+				'label'     => esc_html__( 'Dropdown Label', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'All competitors', 'sociallane-elements' ),
+				'condition' => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'competitors_filter_badge',
+			[
+				'label'     => esc_html__( 'Filter Badge Count', 'sociallane-elements' ),
+				'type'      => Controls_Manager::NUMBER,
+				'default'   => 3,
+				'min'       => 0,
+				'condition' => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$rows = new Repeater();
+		$rows->add_control( 'competitor_name', [ 'label' => esc_html__( 'Competitor', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Lorem' ] );
+		$rows->add_control( 'stage', [ 'label' => esc_html__( 'Stage', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => '—' ] );
+		$rows->add_control( 'next_meeting', [ 'label' => esc_html__( 'Next Meeting', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Tomorrow' ] );
+		$rows->add_control(
+			'next_meeting_style',
+			[
+				'label'   => esc_html__( 'Badge Style', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'tomorrow',
+				'options' => [
+					'tomorrow' => esc_html__( 'Tomorrow (red)', 'sociallane-elements' ),
+					'soon'     => esc_html__( 'Soon (orange)', 'sociallane-elements' ),
+					'later'    => esc_html__( 'Later (neutral)', 'sociallane-elements' ),
+				],
+			]
+		);
+		$this->add_control(
+			'competitors_rows',
+			[
+				'label'       => esc_html__( 'Rows', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $rows->get_controls(),
+				'default'     => [
+					[ 'competitor_name' => 'Ashby', 'stage' => '—', 'next_meeting' => 'Tomorrow', 'next_meeting_style' => 'tomorrow' ],
+					[ 'competitor_name' => 'Breezy HR', 'stage' => '—', 'next_meeting' => 'In 3 days', 'next_meeting_style' => 'soon' ],
+					[ 'competitor_name' => 'Lorem', 'stage' => '—', 'next_meeting' => 'In 2 weeks', 'next_meeting_style' => 'later' ],
+					[ 'competitor_name' => 'Lorem', 'stage' => '—', 'next_meeting' => 'Next month', 'next_meeting_style' => 'later' ],
+				],
+				'title_field' => '{{{ competitor_name }}}',
+				'condition'   => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'competitors_analysis_eyebrow',
+			[
+				'label'     => esc_html__( 'Analysis Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'ANALYSIS',
+				'condition' => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'competitors_analysis_heading',
+			[
+				'label'     => esc_html__( 'Analysis Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Undercut your competitors', 'sociallane-elements' ),
+				'condition' => [ 'show_competitors_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'competitors_analysis_text',
+			[
+				'label'     => esc_html__( 'Analysis Text', '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_competitors_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_feature_card_section( string $key, string $title, string $eyebrow_default, string $heading_default, string $text_default ): void {
+		$this->start_controls_section(
+			'section_' . $key . '_card',
+			[
+				'label' => $title,
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_' . $key . '_card',
+			[
+				'label'   => esc_html__( 'Show Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			$key . '_eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => $eyebrow_default,
+				'condition' => [ 'show_' . $key . '_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			$key . '_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => $heading_default,
+				'condition' => [ 'show_' . $key . '_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			$key . '_text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => $text_default,
+				'rows'      => 3,
+				'condition' => [ 'show_' . $key . '_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_speed_card_section(): void {
+		$this->register_feature_card_section(
+			'speed',
+			'Speed Card',
+			'SPEED',
+			esc_html__( 'Built for power users', 'sociallane-elements' ),
+			esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'sociallane-elements' )
+		);
+	}
+
+	private function register_source_card_section(): void {
+		$this->register_feature_card_section(
+			'source',
+			'Source Card',
+			'SOURCE',
+			esc_html__( 'Get the furthest reach', 'sociallane-elements' ),
+			esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'sociallane-elements' )
+		);
+	}
+
+	private function register_global_card_section(): void {
+		$this->register_feature_card_section(
+			'global',
+			'Global Card',
+			'LIMITLESS',
+			esc_html__( 'Sell globally', 'sociallane-elements' ),
+			esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'sociallane-elements' )
+		);
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_sales_dashboard_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/sales-dashboard/templates/partials/card-competitors.php

@@ -0,0 +1,78 @@
+<?php
+/**
+ * Partial: Sales Dashboard – Competitors Card
+ *
+ * Title, dropdown, filter button with badge, table, analysis block.
+ * Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$co = $view['competitors'];
+$badge_class = [ 'tomorrow' => $c['badge_tomorrow'], 'soon' => $c['badge_soon'], 'later' => $c['badge_later'] ];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> flex flex-col">
+	<div class="px-4 py-4 md:px-6 md:py-5 flex flex-col gap-4">
+		<div class="flex flex-wrap items-center justify-between gap-3">
+			<h3 class="<?php echo esc_attr( $c['table_title'] ); ?> text-lg"><?php echo $co['title']; ?></h3>
+			<div class="flex items-center gap-2">
+				<span class="<?php echo esc_attr( $c['dropdown'] ); ?>"><?php echo $co['dropdown_label']; ?> <span aria-hidden="true">▾</span></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( 'Filter', '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( 'Filter', 'sociallane-elements' ); ?>
+					<?php if ( $co['filter_badge'] > 0 ) : ?>
+						<span class="bg-blue-500 text-white text-xs font-medium rounded-full min-w-[1.25rem] h-5 flex items-center justify-center px-1"><?php echo (int) $co['filter_badge']; ?></span>
+					<?php endif; ?>
+				</button>
+			</div>
+		</div>
+		<?php if ( ! empty( $co['rows'] ) ) : ?>
+			<div class="overflow-x-auto -mx-4 md:mx-0">
+				<table class="w-full min-w-[320px] border-collapse">
+					<thead>
+						<tr class="border-b border-neutral-200 dark:border-neutral-600">
+							<th class="<?php echo esc_attr( $c['table_cell_muted'] ); ?> text-left py-2 pr-4 font-normal"><?php esc_html_e( 'Competitor', 'sociallane-elements' ); ?></th>
+							<th class="<?php echo esc_attr( $c['table_cell_muted'] ); ?> text-left py-2 pr-4 font-normal"><?php esc_html_e( 'Stage', 'sociallane-elements' ); ?></th>
+							<th class="<?php echo esc_attr( $c['table_cell_muted'] ); ?> text-left py-2 font-normal"><?php esc_html_e( 'Next Meeting', 'sociallane-elements' ); ?></th>
+						</tr>
+					</thead>
+					<tbody>
+						<?php foreach ( $co['rows'] as $row ) : ?>
+							<tr class="border-b border-neutral-100 dark:border-neutral-700">
+								<td class="<?php echo esc_attr( $c['table_cell'] ); ?> py-3 pr-4">
+									<span class="inline-flex items-center gap-2">
+										<span class="size-8 rounded bg-neutral-200 dark:bg-neutral-600 flex items-center justify-center text-xs font-bold shrink-0" aria-hidden="true"><?php echo esc_html( mb_substr( $row['competitor_name'], 0, 1 ) ); ?></span>
+										<?php echo $row['competitor_name']; ?>
+									</span>
+								</td>
+								<td class="<?php echo esc_attr( $c['table_cell_muted'] ); ?> py-3 pr-4"><?php echo $row['stage']; ?></td>
+								<td class="py-3">
+									<span class="<?php echo esc_attr( $c['badge'] ); ?> <?php echo esc_attr( $badge_class[ $row['badge_style'] ] ?? $badge_class['later'] ); ?>"><?php echo $row['next_meeting']; ?></span>
+								</td>
+							</tr>
+						<?php endforeach; ?>
+					</tbody>
+				</table>
+			</div>
+		<?php endif; ?>
+		<?php if ( $co['analysis_heading'] !== '' || $co['analysis_text'] !== '' ) : ?>
+			<div class="pt-4 border-t border-neutral-200 dark:border-neutral-600">
+				<?php if ( $co['analysis_eyebrow'] !== '' ) : ?>
+					<p class="<?php echo esc_attr( $c['insight_eyebrow'] ); ?> mb-1"><?php echo $co['analysis_eyebrow']; ?></p>
+				<?php endif; ?>
+				<?php if ( $co['analysis_heading'] !== '' ) : ?>
+					<h4 class="<?php echo esc_attr( $c['insight_heading'] ); ?> text-lg mb-2"><?php echo $co['analysis_heading']; ?></h4>
+				<?php endif; ?>
+				<?php if ( $co['analysis_text'] !== '' ) : ?>
+					<p class="<?php echo esc_attr( $c['insight_text'] ); ?>"><?php echo $co['analysis_text']; ?></p>
+				<?php endif; ?>
+			</div>
+		<?php endif; ?>
+	</div>
+</div>

package/widgets/sales-dashboard/templates/partials/card-feature.php

@@ -0,0 +1,58 @@
+<?php
+/**
+ * Partial: Sales Dashboard – Feature Card (Speed / Source / Global)
+ *
+ * Expects $card (eyebrow, heading, text), $card_key (speed|source|global), $card_placeholder (keyboard|integrations|map).
+ * Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $card ) || empty( $card['show'] ) ) {
+	return;
+}
+
+$c = $view['classes'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> flex flex-col">
+	<div class="px-4 py-4 md:px-6 md:py-5 flex flex-col gap-4">
+		<?php if ( $card_placeholder === 'keyboard' ) : ?>
+			<div class="rounded-lg bg-neutral-100 dark:bg-neutral-700/50 p-4 flex items-center justify-center min-h-[100px]" aria-hidden="true">
+				<div class="flex flex-wrap gap-1 justify-center max-w-[200px]">
+					<span class="px-2 py-1 rounded bg-blue-200/80 dark:bg-blue-900/40 text-xs">shift</span>
+					<span class="px-2 py-1 rounded bg-neutral-200 dark:bg-neutral-600 text-xs">D</span>
+					<span class="px-2 py-1 rounded bg-blue-200/80 dark:bg-blue-900/40 text-xs">option</span>
+					<span class="px-2 py-1 rounded bg-blue-200/80 dark:bg-blue-900/40 text-xs">command</span>
+				</div>
+			</div>
+		<?php elseif ( $card_placeholder === 'integrations' ) : ?>
+			<div class="rounded-full border-2 border-dashed border-neutral-300 dark:border-neutral-600 size-24 mx-auto flex items-center justify-center text-neutral-400 dark:text-neutral-500 text-xs" aria-hidden="true">○</div>
+			<div class="flex justify-center gap-2 -mt-8">
+				<span class="size-8 rounded-full bg-emerald-200 dark:bg-emerald-800 shrink-0" aria-hidden="true"></span>
+				<span class="size-8 rounded-full bg-blue-200 dark:bg-blue-800 shrink-0" aria-hidden="true"></span>
+				<span class="size-8 rounded-full bg-pink-200 dark:bg-pink-800 shrink-0" aria-hidden="true"></span>
+				<span class="size-8 rounded-full bg-neutral-300 dark:bg-neutral-600 shrink-0" aria-hidden="true"></span>
+			</div>
+		<?php elseif ( $card_placeholder === 'map' ) : ?>
+			<div class="rounded-lg border border-neutral-200 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-700/30 p-6 flex items-center justify-center min-h-[100px]" aria-hidden="true">
+				<svg class="w-full h-auto max-w-[160px] text-neutral-300 dark:text-neutral-500" viewBox="0 0 200 120" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
+					<path d="M20 40 Q60 20 100 50 Q140 80 180 30 M40 90 Q80 60 120 95 Q160 70 180 100" stroke-dasharray="4 2"/>
+				</svg>
+			</div>
+		<?php endif; ?>
+		<?php if ( $card['eyebrow'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['feature_eyebrow'] ); ?>"><?php echo $card['eyebrow']; ?></p>
+		<?php endif; ?>
+		<?php if ( $card['heading'] !== '' ) : ?>
+			<h4 class="<?php echo esc_attr( $c['feature_heading'] ); ?> text-lg"><?php echo $card['heading']; ?></h4>
+		<?php endif; ?>
+		<?php if ( $card['text'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['feature_text'] ); ?>"><?php echo $card['text']; ?></p>
+		<?php endif; ?>
+	</div>
+</div>

package/widgets/sales-dashboard/templates/partials/card-profile.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * Partial: Sales Dashboard – Profile Card
+ *
+ * Gradient header, avatar, name, title, budget, tabs, summary list, insight block.
+ * Uses $view from wrapper.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$p = $view['profile'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> flex flex-col">
+	<div class="<?php echo esc_attr( $c['card_profile_gradient'] ); ?> px-4 py-5 md:px-6 md:py-6">
+		<div class="flex items-start gap-4">
+			<?php if ( $p['image_url'] !== '' ) : ?>
+				<img
+					src="<?php echo esc_url( $p['image_url'] ); ?>"
+					alt="<?php echo esc_attr( $p['image_alt'] ); ?>"
+					class="size-14 md:size-16 rounded-full object-cover shrink-0"
+					loading="lazy"
+					decoding="async"
+				/>
+			<?php else : ?>
+				<div class="size-14 md:size-16 rounded-full bg-neutral-300 dark:bg-neutral-600 shrink-0" aria-hidden="true"></div>
+			<?php endif; ?>
+			<div class="min-w-0">
+				<div class="<?php echo esc_attr( $c['profile_name'] ); ?> text-lg"><?php echo $p['name']; ?></div>
+				<div class="<?php echo esc_attr( $c['profile_meta'] ); ?>"><?php echo $p['title']; ?></div>
+				<?php if ( $p['budget'] !== '' ) : ?>
+					<div class="<?php echo esc_attr( $c['profile_meta'] ); ?> mt-0.5"><?php echo $p['budget']; ?></div>
+				<?php endif; ?>
+			</div>
+		</div>
+	</div>
+	<div class="px-4 py-4 md:px-6 md:py-5 flex flex-col gap-4">
+		<?php if ( ! empty( $p['tabs'] ) ) : ?>
+			<nav class="flex flex-wrap gap-4 border-b border-neutral-200 dark:border-neutral-600 -mb-px" aria-label="<?php esc_attr_e( 'Profile sections', 'sociallane-elements' ); ?>">
+				<?php foreach ( $p['tabs'] as $i => $tab ) : ?>
+					<span
+						class="<?php echo esc_attr( $c['profile_tab'] ); ?> <?php echo $i === 0 ? esc_attr( $c['profile_tab_active'] ) : ''; ?>"
+					><?php echo $tab['label']; ?></span>
+				<?php endforeach; ?>
+			</nav>
+		<?php endif; ?>
+		<?php if ( ! empty( $p['summary'] ) ) : ?>
+			<dl class="grid gap-2">
+				<?php foreach ( $p['summary'] as $row ) : ?>
+					<div class="flex justify-between gap-4">
+						<dt class="<?php echo esc_attr( $c['summary_label'] ); ?>"><?php echo $row['label']; ?></dt>
+						<dd class="<?php echo esc_attr( $c['summary_value'] ); ?> text-right"><?php echo $row['value']; ?></dd>
+					</div>
+				<?php endforeach; ?>
+			</dl>
+		<?php endif; ?>
+		<?php if ( $p['insight_heading'] !== '' || $p['insight_text'] !== '' ) : ?>
+			<div class="pt-2 border-t border-neutral-200 dark:border-neutral-600">
+				<?php if ( $p['insight_eyebrow'] !== '' ) : ?>
+					<p class="<?php echo esc_attr( $c['insight_eyebrow'] ); ?> mb-1"><?php echo $p['insight_eyebrow']; ?></p>
+				<?php endif; ?>
+				<?php if ( $p['insight_heading'] !== '' ) : ?>
+					<h4 class="<?php echo esc_attr( $c['insight_heading'] ); ?> text-lg mb-2"><?php echo $p['insight_heading']; ?></h4>
+				<?php endif; ?>
+				<?php if ( $p['insight_text'] !== '' ) : ?>
+					<p class="<?php echo esc_attr( $c['insight_text'] ); ?>"><?php echo $p['insight_text']; ?></p>
+				<?php endif; ?>
+			</div>
+		<?php endif; ?>
+	</div>
+</div>