@sociallane/elements 1.0.0

package/widgets/outreach-dashboard/outreach-dashboard.php

@@ -0,0 +1,504 @@
+<?php
+/**
+ * Widget: Outreach Dashboard
+ *
+ * Dark-themed dashboard: header (eyebrow + headline) and two-column bento of cards —
+ * chat preview, networking, meetings, integrations, engagement (suggestions + generate post).
+ *
+ * @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;
+}
+
+/**
+ * Outreach Dashboard Widget
+ */
+class Outreach_Dashboard extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'outreach-dashboard';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Outreach Dashboard', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-conversation';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-content' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'outreach', 'dashboard', 'chat', 'integrations', 'engagement' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_chat_card_section();
+		$this->register_networking_card_section();
+		$this->register_meetings_card_section();
+		$this->register_integrations_card_section();
+		$this->register_engagement_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'   => 'OUTREACH',
+				'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__( 'Customer outreach has never been easier.', '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_chat_card_section(): void {
+		$this->start_controls_section(
+			'section_chat_card',
+			[
+				'label' => esc_html__( 'Chat Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_chat_card',
+			[
+				'label'   => esc_html__( 'Show Chat Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'chat_system_message',
+			[
+				'label'     => esc_html__( 'System Message', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'I got your details from Megan Dunfold and she mentioned Vandelay was looking for an AST. I think we\'ve got the best AST on the market right now and would love to chat about it. Are you free for a call this week?', 'sociallane-elements' ),
+				'rows'      => 4,
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_user_avatar',
+			[
+				'label'     => esc_html__( 'User Avatar', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_user_name',
+			[
+				'label'     => esc_html__( 'User Name', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Doug Jacobs, CSO at Vandelay Industries', 'sociallane-elements' ),
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_user_message',
+			[
+				'label'     => esc_html__( 'User Message', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Hey Enrique, I\'m actually on vacation this week and I\'m not sure what my availability is like when I get back to the office.', 'sociallane-elements' ),
+				'rows'      => 3,
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_user_time',
+			[
+				'label'     => esc_html__( 'Message Time', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => '2:35 PM',
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$tags = new Repeater();
+		$tags->add_control( 'label', [ 'label' => esc_html__( 'Tag Label', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'lie detected' ] );
+		$tags->add_control(
+			'style',
+			[
+				'label'   => esc_html__( 'Style', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'red',
+				'options' => [
+					'red'    => esc_html__( 'Red', 'sociallane-elements' ),
+					'yellow' => esc_html__( 'Yellow', 'sociallane-elements' ),
+				],
+			]
+		);
+		$this->add_control(
+			'chat_user_tags',
+			[
+				'label'       => esc_html__( 'Message Tags', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $tags->get_controls(),
+				'default'     => [
+					[ 'label' => 'lie detected', 'style' => 'red' ],
+					[ 'label' => 'unlikely', 'style' => 'yellow' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_input_placeholder',
+			[
+				'label'     => esc_html__( 'Input Placeholder', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Write message...', 'sociallane-elements' ),
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_typing_text',
+			[
+				'label'     => esc_html__( 'Typing Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Your bot is typing...', 'sociallane-elements' ),
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'chat_send_text',
+			[
+				'label'     => esc_html__( 'Send Button Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Send', 'sociallane-elements' ),
+				'condition' => [ 'show_chat_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_networking_card_section(): void {
+		$this->start_controls_section(
+			'section_networking_card',
+			[
+				'label' => esc_html__( 'Networking Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_networking_card',
+			[
+				'label'   => esc_html__( 'Show Networking Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'networking_eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'NETWORKING',
+				'condition' => [ 'show_networking_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'networking_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Sell at the speed of light', 'sociallane-elements' ),
+				'condition' => [ 'show_networking_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'networking_text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Our RadiantAI chat assistants analyze the sentiment of your conversations in real time, ensuring you\'re always one step ahead.', 'sociallane-elements' ),
+				'rows'      => 3,
+				'condition' => [ 'show_networking_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_meetings_card_section(): void {
+		$this->start_controls_section(
+			'section_meetings_card',
+			[
+				'label' => esc_html__( 'Meetings Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_meetings_card',
+			[
+				'label'   => esc_html__( 'Show Meetings Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'meetings_eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'MEETINGS',
+				'condition' => [ 'show_meetings_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'meetings_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Smart call scheduling', 'sociallane-elements' ),
+				'condition' => [ 'show_meetings_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'meetings_text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Automatically insert intro calls into your leads\' calendars without their consent.', 'sociallane-elements' ),
+				'rows'      => 2,
+				'condition' => [ 'show_meetings_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_integrations_card_section(): void {
+		$this->start_controls_section(
+			'section_integrations_card',
+			[
+				'label' => esc_html__( 'Integrations Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_integrations_card',
+			[
+				'label'   => esc_html__( 'Show Integrations Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'integrations_eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'INTEGRATIONS',
+				'condition' => [ 'show_integrations_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'integrations_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Meet leads where they are', 'sociallane-elements' ),
+				'condition' => [ 'show_integrations_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'integrations_text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'With thousands of integrations, no one will be able to escape your cold outreach.', 'sociallane-elements' ),
+				'rows'      => 2,
+				'condition' => [ 'show_integrations_card' => 'yes' ],
+			]
+		);
+		$icons = new Repeater();
+		$icons->add_control( 'label', [ 'label' => esc_html__( 'Integration Name', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Gmail' ] );
+		$this->add_control(
+			'integrations_icons',
+			[
+				'label'       => esc_html__( 'Integration Icons', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $icons->get_controls(),
+				'default'     => [
+					[ 'label' => 'Gmail' ],
+					[ 'label' => 'Calendar' ],
+					[ 'label' => 'Slack' ],
+					[ 'label' => 'Adobe' ],
+					[ 'label' => 'Teams' ],
+					[ 'label' => 'Discord' ],
+					[ 'label' => 'Zoom' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_integrations_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	private function register_engagement_card_section(): void {
+		$this->start_controls_section(
+			'section_engagement_card',
+			[
+				'label' => esc_html__( 'Engagement Card', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+		$this->add_control(
+			'show_engagement_card',
+			[
+				'label'   => esc_html__( 'Show Engagement Card', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'engagement_instruction',
+			[
+				'label'     => esc_html__( 'Instruction Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Automatically generate posts relating current events to B2B sales and share them on relevant social media platforms.', 'sociallane-elements' ),
+				'rows'      => 2,
+				'condition' => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$suggestions = new Repeater();
+		$suggestions->add_control( 'title', [ 'label' => esc_html__( 'Title', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'Lorem' ] );
+		$suggestions->add_control( 'description', [ 'label' => esc_html__( 'Description', 'sociallane-elements' ), 'type' => Controls_Manager::TEXTAREA, 'default' => 'Lorem ipsum.', 'rows' => 2 ] );
+		$suggestions->add_control( 'highlighted', [ 'label' => esc_html__( 'Highlighted', 'sociallane-elements' ), 'type' => Controls_Manager::SWITCHER, 'default' => '' ] );
+		$this->add_control(
+			'engagement_suggestions',
+			[
+				'label'       => esc_html__( 'Suggestion Cards', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $suggestions->get_controls(),
+				'default'     => [
+					[ 'title' => "I'm feeling lucky", 'description' => "I don't really want to think right now — just generate the bloody article.", 'highlighted' => 'yes' ],
+					[ 'title' => 'Cryptocurrency', 'description' => "It may seem like old news but it's making a come back in 2025.", 'highlighted' => '' ],
+					[ 'title' => 'AI tooling', 'description' => "This topic is a goldmine for clicks right now. Really can't go wrong.", 'highlighted' => '' ],
+				],
+				'title_field' => '{{{ title }}}',
+				'condition'   => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$platforms = new Repeater();
+		$platforms->add_control( 'label', [ 'label' => esc_html__( 'Platform', 'sociallane-elements' ), 'type' => Controls_Manager::TEXT, 'default' => 'LinkedIn' ] );
+		$this->add_control(
+			'engagement_platforms',
+			[
+				'label'       => esc_html__( 'Platform Tags', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $platforms->get_controls(),
+				'default'     => [
+					[ 'label' => 'LinkedIn' ],
+					[ 'label' => 'Substack' ],
+				],
+				'title_field' => '{{{ label }}}',
+				'condition'   => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'engagement_eyebrow',
+			[
+				'label'     => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => 'ENGAGEMENT',
+				'condition' => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'engagement_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Become a thought leader', 'sociallane-elements' ),
+				'condition' => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'engagement_text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'RadiantAI automatically writes LinkedIn posts that relate current events to B2B sales, helping you build a reputation as a thought leader.', 'sociallane-elements' ),
+				'rows'      => 2,
+				'condition' => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'engagement_button_text',
+			[
+				'label'     => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Generate Post', 'sociallane-elements' ),
+				'condition' => [ 'show_engagement_card' => 'yes' ],
+			]
+		);
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_outreach_dashboard_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets/outreach-dashboard/templates/partials/card-chat.php

@@ -0,0 +1,69 @@
+<?php
+/**
+ * Partial: Outreach Dashboard – Chat Card
+ *
+ * System message, user message with avatar and tags, input, typing text, send button.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$ch = $view['chat'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> flex flex-col">
+	<div class="p-4 md:p-5 flex flex-col gap-4">
+		<?php if ( $ch['system_msg'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['chat_system'] ); ?>"><?php echo $ch['system_msg']; ?></p>
+		<?php endif; ?>
+		<div class="flex gap-3">
+			<?php if ( $ch['avatar_url'] !== '' ) : ?>
+				<img src="<?php echo esc_url( $ch['avatar_url'] ); ?>" alt="" class="size-10 rounded-full object-cover shrink-0" loading="lazy" decoding="async" />
+			<?php else : ?>
+				<div class="size-10 rounded-full bg-neutral-600 shrink-0" aria-hidden="true"></div>
+			<?php endif; ?>
+			<div class="min-w-0 flex-1">
+				<div class="<?php echo esc_attr( $c['chat_user_meta'] ); ?> mb-1"><?php echo $ch['user_name']; ?></div>
+				<div class="<?php echo esc_attr( $c['chat_bubble'] ); ?>">
+					<p class="<?php echo esc_attr( $c['chat_user_msg'] ); ?>"><?php echo $ch['user_msg']; ?></p>
+					<?php if ( ! empty( $ch['tags'] ) ) : ?>
+						<div class="flex flex-wrap gap-1.5 mt-2">
+							<?php foreach ( $ch['tags'] as $tag ) : ?>
+								<span class="<?php echo $tag['style'] === 'yellow' ? esc_attr( $c['chat_tag_yellow'] ) : esc_attr( $c['chat_tag_red'] ); ?>"><?php echo $tag['label']; ?></span>
+							<?php endforeach; ?>
+						</div>
+					<?php endif; ?>
+				</div>
+				<?php if ( $ch['user_time'] !== '' ) : ?>
+					<p class="<?php echo esc_attr( $c['chat_typing'] ); ?> mt-1"><?php echo $ch['user_time']; ?></p>
+				<?php endif; ?>
+			</div>
+		</div>
+		<div class="border-t border-neutral-600 pt-4 space-y-3">
+			<label class="sr-only" for="outreach-chat-<?php echo esc_attr( $view['widget_id'] ); ?>"><?php esc_html_e( 'Write message', 'sociallane-elements' ); ?></label>
+			<input
+				type="text"
+				id="outreach-chat-<?php echo esc_attr( $view['widget_id'] ); ?>"
+				class="<?php echo esc_attr( $c['chat_input'] ); ?> w-full"
+				placeholder="<?php echo $ch['placeholder']; ?>"
+				disabled
+			/>
+			<div class="flex items-center justify-between gap-2">
+				<div class="flex items-center gap-2">
+					<span class="<?php echo esc_attr( $c['chat_typing'] ); ?>"><?php echo $ch['typing_text']; ?></span>
+					<button type="button" class="p-1.5 text-neutral-500 rounded hover:bg-neutral-700 focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-800 focus:ring-neutral-500" aria-label="<?php esc_attr_e( 'Attach image', '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 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
+					</button>
+					<button type="button" class="p-1.5 text-neutral-500 rounded hover:bg-neutral-700 focus:ring-2 focus:ring-offset-2 focus:ring-offset-neutral-800 focus:ring-neutral-500" aria-label="<?php esc_attr_e( 'Attach link', '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="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/></svg>
+					</button>
+				</div>
+				<button type="button" class="<?php echo esc_attr( $c['chat_send'] ); ?>"><?php echo $ch['send_text']; ?></button>
+			</div>
+		</div>
+	</div>
+</div>

package/widgets/outreach-dashboard/templates/partials/card-engagement.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * Partial: Outreach Dashboard – Engagement Card
+ *
+ * Instruction text, suggestion cards, platform tags, eyebrow, heading, text, Generate Post button.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$e = $view['engagement'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> p-4 md:p-5 flex flex-col gap-4">
+	<?php if ( $e['instruction'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['engagement_instruction'] ); ?>"><?php echo $e['instruction']; ?></p>
+	<?php endif; ?>
+	<?php if ( ! empty( $e['suggestions'] ) ) : ?>
+		<div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
+			<?php foreach ( $e['suggestions'] as $s ) : ?>
+				<div class="<?php echo esc_attr( $c['suggestion_card'] ); ?> <?php echo $s['highlighted'] ? esc_attr( $c['suggestion_highlight'] ) : ''; ?>">
+					<div class="font-medium mb-1"><?php echo $s['title']; ?></div>
+					<p class="text-neutral-500 dark:text-neutral-500 text-xs"><?php echo $s['description']; ?></p>
+				</div>
+			<?php endforeach; ?>
+		</div>
+	<?php endif; ?>
+	<?php if ( ! empty( $e['platforms'] ) ) : ?>
+		<div class="flex flex-wrap items-center gap-2">
+			<?php foreach ( $e['platforms'] as $p ) : ?>
+				<span class="<?php echo esc_attr( $c['platform_tag'] ); ?>">
+					in <?php echo $p['label']; ?>
+					<span aria-hidden="true">×</span>
+				</span>
+			<?php endforeach; ?>
+			<button type="button" class="<?php echo esc_attr( $c['platform_tag'] ); ?> border-dashed" aria-label="<?php esc_attr_e( 'Add platform', 'sociallane-elements' ); ?>">+</button>
+		</div>
+	<?php endif; ?>
+	<?php if ( $e['eyebrow'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['feature_eyebrow'] ); ?> mb-1"><?php echo $e['eyebrow']; ?></p>
+	<?php endif; ?>
+	<?php if ( $e['heading'] !== '' ) : ?>
+		<h3 class="<?php echo esc_attr( $c['feature_heading'] ); ?> text-lg mb-2"><?php echo $e['heading']; ?></h3>
+	<?php endif; ?>
+	<?php if ( $e['text'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['feature_text'] ); ?> mb-4"><?php echo $e['text']; ?></p>
+	<?php endif; ?>
+	<?php if ( $e['button_text'] !== '' ) : ?>
+		<div class="mt-auto flex justify-end">
+			<button type="button" class="<?php echo esc_attr( $c['engage_btn'] ); ?>">
+				<svg class="size-4" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
+				<?php echo $e['button_text']; ?>
+			</button>
+		</div>
+	<?php endif; ?>
+</div>

package/widgets/outreach-dashboard/templates/partials/card-integrations.php

@@ -0,0 +1,39 @@
+<?php
+/**
+ * Partial: Outreach Dashboard – Integrations Card
+ *
+ * Dotted grid visual, integration icon placeholders, eyebrow, heading, text.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$i = $view['integrations'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> p-4 md:p-5 relative overflow-hidden">
+	<div class="absolute inset-0 opacity-30 pointer-events-none" aria-hidden="true" style="background-image: radial-gradient(circle, currentColor 1px, transparent 1px); background-size: 16px 16px;"></div>
+	<div class="relative flex flex-col gap-4">
+		<?php if ( ! empty( $i['icons'] ) ) : ?>
+			<div class="flex flex-wrap gap-2 items-center">
+				<div class="size-10 rounded-full bg-neutral-700 border-2 border-neutral-600 flex items-center justify-center animate-pulse" aria-hidden="true"></div>
+				<?php foreach ( array_slice( $i['icons'], 0, 7 ) as $icon ) : ?>
+					<span class="size-9 rounded-lg bg-neutral-700 border border-neutral-600 flex items-center justify-center text-neutral-400 text-xs font-medium shrink-0" title="<?php echo esc_attr( $icon['label'] ); ?>"><?php echo esc_html( mb_substr( $icon['label'], 0, 1 ) ); ?></span>
+				<?php endforeach; ?>
+			</div>
+		<?php endif; ?>
+		<?php if ( $i['eyebrow'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['feature_eyebrow'] ); ?> mb-1"><?php echo $i['eyebrow']; ?></p>
+		<?php endif; ?>
+		<?php if ( $i['heading'] !== '' ) : ?>
+			<h3 class="<?php echo esc_attr( $c['feature_heading'] ); ?> text-lg mb-2"><?php echo $i['heading']; ?></h3>
+		<?php endif; ?>
+		<?php if ( $i['text'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['feature_text'] ); ?>"><?php echo $i['text']; ?></p>
+		<?php endif; ?>
+	</div>
+</div>