@sociallane/elements 1.0.0

package/packages/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>

package/packages/widgets/outreach-dashboard/templates/partials/card-meetings.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Partial: Outreach Dashboard – Meetings Card
+ *
+ * Eyebrow, heading, text, ripple-style visual with avatar placeholders.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$m = $view['meetings'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> p-4 md:p-5 relative overflow-hidden">
+	<div class="absolute inset-0 flex items-center justify-center pointer-events-none" aria-hidden="true">
+		<div class="rounded-full border-2 border-dashed border-neutral-600/50 size-32"></div>
+		<div class="absolute rounded-full border-2 border-dashed border-neutral-600/30 size-48"></div>
+		<div class="absolute rounded-full border-2 border-dashed border-neutral-600/20 size-64"></div>
+	</div>
+	<div class="relative flex items-start justify-between gap-4">
+		<div class="min-w-0">
+			<?php if ( $m['eyebrow'] !== '' ) : ?>
+				<p class="<?php echo esc_attr( $c['feature_eyebrow'] ); ?> mb-1"><?php echo $m['eyebrow']; ?></p>
+			<?php endif; ?>
+			<?php if ( $m['heading'] !== '' ) : ?>
+				<h3 class="<?php echo esc_attr( $c['feature_heading'] ); ?> text-lg mb-2"><?php echo $m['heading']; ?></h3>
+			<?php endif; ?>
+			<?php if ( $m['text'] !== '' ) : ?>
+				<p class="<?php echo esc_attr( $c['feature_text'] ); ?>"><?php echo $m['text']; ?></p>
+			<?php endif; ?>
+		</div>
+		<div class="flex -space-x-3 shrink-0">
+			<div class="size-10 rounded-full bg-neutral-600 border-2 border-neutral-800 flex items-center justify-center" aria-hidden="true">
+				<svg class="size-5 text-emerald-400" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
+			</div>
+			<div class="size-10 rounded-full bg-neutral-600 border-2 border-neutral-800" aria-hidden="true"></div>
+		</div>
+	</div>
+</div>

package/packages/widgets/outreach-dashboard/templates/partials/card-networking.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Partial: Outreach Dashboard – Networking Card
+ *
+ * Eyebrow, heading, text.
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$c = $view['classes'];
+$n = $view['networking'];
+?>
+
+<div class="<?php echo esc_attr( $c['card'] ); ?> p-4 md:p-5">
+	<?php if ( $n['eyebrow'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['feature_eyebrow'] ); ?> mb-1"><?php echo $n['eyebrow']; ?></p>
+	<?php endif; ?>
+	<?php if ( $n['heading'] !== '' ) : ?>
+		<h3 class="<?php echo esc_attr( $c['feature_heading'] ); ?> text-lg mb-2"><?php echo $n['heading']; ?></h3>
+	<?php endif; ?>
+	<?php if ( $n['text'] !== '' ) : ?>
+		<p class="<?php echo esc_attr( $c['feature_text'] ); ?>"><?php echo $n['text']; ?></p>
+	<?php endif; ?>
+</div>

package/packages/widgets/outreach-dashboard/templates/wrapper.php

@@ -0,0 +1,76 @@
+<?php
+/**
+ * Template: Outreach Dashboard Wrapper
+ *
+ * Dark header + two-column bento: chat, networking, meetings (left);
+ * integrations, engagement (right).
+ *
+ * AVAILABLE DATA ($view): show_eyebrow, show_headline, eyebrow, headline, headline_tag,
+ * chat, networking, meetings, integrations, engagement, 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 // ========== OUTREACH 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_headline'] ) && $view['headline'] !== '' ) : ?>aria-labelledby="outreach-dash-<?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_eyebrow'] && $view['eyebrow'] !== '' ) : ?>
+			<p class="<?php echo esc_attr( $c['eyebrow'] ); ?> mb-2"><?php echo $view['eyebrow']; ?></p>
+		<?php endif; ?>
+		<?php if ( $view['show_headline'] && $view['headline'] !== '' ) : ?>
+			<<?php echo esc_attr( $view['headline_tag'] ); ?>
+				id="outreach-dash-<?php echo esc_attr( $view['widget_id'] ); ?>"
+				class="<?php echo esc_attr( $c['headline'] ); ?> text-2xl md:text-3xl lg:text-4xl mb-8 md:mb-10"
+			>
+				<?php echo $view['headline']; ?>
+			</<?php echo esc_attr( $view['headline_tag'] ); ?>>
+		<?php endif; ?>
+
+		<?php $stagger_attrs = sociallane_stagger_attrs( $anim ); ?>
+		<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 md:gap-6" <?php echo $stagger_attrs ? ' ' . $stagger_attrs : ''; ?>>
+			<div class="flex flex-col gap-4 md:gap-6">
+				<?php if ( $view['chat']['show'] ) : ?>
+					<?php include $partials_dir . '/card-chat.php'; ?>
+				<?php endif; ?>
+				<?php if ( $view['networking']['show'] ) : ?>
+					<?php include $partials_dir . '/card-networking.php'; ?>
+				<?php endif; ?>
+				<?php if ( $view['meetings']['show'] ) : ?>
+					<?php include $partials_dir . '/card-meetings.php'; ?>
+				<?php endif; ?>
+			</div>
+			<div class="flex flex-col gap-4 md:gap-6">
+				<?php if ( $view['integrations']['show'] ) : ?>
+					<?php include $partials_dir . '/card-integrations.php'; ?>
+				<?php endif; ?>
+				<?php if ( $view['engagement']['show'] ) : ?>
+					<?php include $partials_dir . '/card-engagement.php'; ?>
+				<?php endif; ?>
+			</div>
+		</div>
+
+	</div>
+</section>
+
+<?php // ========== OUTREACH DASHBOARD END ========== ?>

package/packages/widgets/page-hero-center/data/view.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Data Preparation: Simple Page Hero
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Simple Page Hero widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_page_hero_center_view( array $settings, string $widget_id ): array {
+	$fields     = sociallane_extract_fields( $settings, [ 'title' => [], 'text' => [ 'show_key' => 'show_text' ] ] );
+	$title_tag  = sociallane_validate_heading_tag( $settings, 'title_tag', 'h1' );
+	$layout     = 'center';
+	$alignments = sociallane_align_classes( $layout );
+	$align_class = $alignments['text'];
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
+
+	// Light/dark: dark hero background; title white, text muted
+	$classes = [
+		'section' => 'bg-neutral-100 dark:bg-zinc-900',
+		'title'   => 'text-zinc-900 dark:text-neutral-100',
+		'text'    => 'text-zinc-900 dark:text-neutral-100',
+	];
+
+	return array_merge( $fields, [
+		'title_tag'   => $title_tag,
+		'layout'      => $layout,
+		'align_class' => $align_class,
+		'classes'     => $classes,
+		'widget_id'   => $widget_id,
+		'animation'   => $animation,
+	] );
+}

package/packages/widgets/page-hero-center/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@sociallane/widget-page-hero-center",
+  "version": "1.0.0",
+  "private": true,
+  "description": "SocialLane Elements widget: page-hero-center",
+  "peerDependencies": {
+    "@sociallane/core": "^1.0.0"
+  },
+  "scripts": {
+    "build": "echo \"No widget-specific build\""
+  }
+}

package/packages/widgets/page-hero-center/page-hero-center.php

@@ -0,0 +1,120 @@
+<?php
+/**
+ * Widget: Page Hero (Center)
+ *
+ * Minimal hero with title and text, center-aligned. Dark background, optional rounded bottom.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Page Hero (Center) Widget
+ */
+class Page_Hero_Center extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'page-hero-center';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Page Hero (Center)', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-heading';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-heroes' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'hero', 'page', 'title', 'heading', 'support' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_content_section();
+		$this->register_animation_controls( true );
+	}
+
+	private function register_content_section(): void {
+		$this->start_controls_section(
+			'section_content',
+			[
+				'label' => esc_html__( 'Content', '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__( 'Support center', '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'   => 'h1',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_title' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_text',
+			[
+				'label'   => esc_html__( 'Show Text', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat.', 'sociallane-elements' ),
+				'condition' => [ 'show_text' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_page_hero_center_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/packages/widgets/page-hero-center/templates/wrapper.php

@@ -0,0 +1,54 @@
+<?php
+/**
+ * Template: Simple Page Hero Wrapper
+ *
+ * AVAILABLE DATA ($view): show_title, show_text, title, title_tag, text,
+ * align_class, 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 );
+$section_id = 'simple-page-hero-' . $view['widget_id'];
+$has_heading = $view['show_title'] && ! empty( $view['title'] );
+?>
+
+<?php // ========== SIMPLE PAGE HERO START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?> py-12 md:py-16 lg:py-20 rounded-b-2xl"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( $has_heading ) : ?>aria-labelledby="<?php echo esc_attr( $section_id ); ?>"<?php endif; ?>
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+		<div class="max-w-4xl text-center mx-auto">
+			<?php if ( $view['show_title'] && ! empty( $view['title'] ) ) : ?>
+				<<?php echo $view['title_tag']; ?>
+					id="<?php echo esc_attr( $section_id ); ?>"
+					class="<?php echo esc_attr( $view['classes']['title'] ); ?> text-3xl md:text-4xl lg:text-5xl font-bold font-heading leading-tight mt-0 mb-4"
+					<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>
+				>
+					<?php echo $view['title']; ?>
+				</<?php echo $view['title_tag']; ?>>
+			<?php endif; ?>
+
+			<?php if ( $view['show_text'] && ! empty( $view['text'] ) ) : ?>
+				<p class="<?php echo esc_attr( $view['classes']['text'] ); ?> text-base md:text-lg leading-relaxed mt-0 mb-0">
+					<?php echo $view['text']; ?>
+				</p>
+			<?php endif; ?>
+		</div>
+	</div>
+</section>
+
+<?php // ========== SIMPLE PAGE HERO END ========== ?>

package/packages/widgets/page-hero-left/data/view.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Data Preparation: Simple Page Hero
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Simple Page Hero widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_page_hero_left_view( array $settings, string $widget_id ): array {
+	$fields      = sociallane_extract_fields( $settings, [ 'title' => [], 'text' => [ 'show_key' => 'show_text' ] ] );
+	$title_tag   = sociallane_validate_heading_tag( $settings, 'title_tag', 'h1' );
+	$layout      = 'left';
+	$alignments  = sociallane_align_classes( $layout );
+	$align_class = $alignments['text'];
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
+
+	// Light/dark: dark hero background; title white, text muted
+	$classes = [
+		'section' => 'bg-neutral-100 dark:bg-zinc-900',
+		'title'   => 'text-zinc-900 dark:text-neutral-100',
+		'text'    => 'text-zinc-900 dark:text-neutral-100',
+	];
+
+	return array_merge( $fields, [
+		'title_tag'   => $title_tag,
+		'layout'      => $layout,
+		'align_class' => $align_class,
+		'classes'     => $classes,
+		'widget_id'   => $widget_id,
+		'animation'   => $animation,
+	] );
+}

package/packages/widgets/page-hero-left/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@sociallane/widget-page-hero-left",
+  "version": "1.0.0",
+  "private": true,
+  "description": "SocialLane Elements widget: page-hero-left",
+  "peerDependencies": {
+    "@sociallane/core": "^1.0.0"
+  },
+  "scripts": {
+    "build": "echo \"No widget-specific build\""
+  }
+}

package/packages/widgets/page-hero-left/page-hero-left.php

@@ -0,0 +1,120 @@
+<?php
+/**
+ * Widget: Page Hero (Left)
+ *
+ * Minimal hero with title and text, left-aligned. Dark background, optional rounded bottom.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Page Hero (Left) Widget
+ */
+class Page_Hero_Left extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'page-hero-left';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Page Hero (Left)', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-heading';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-heroes' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'hero', 'page', 'title', 'heading', 'support' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_content_section();
+		$this->register_animation_controls( true );
+	}
+
+	private function register_content_section(): void {
+		$this->start_controls_section(
+			'section_content',
+			[
+				'label' => esc_html__( 'Content', '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__( 'Support center', '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'   => 'h1',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_title' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_text',
+			[
+				'label'   => esc_html__( 'Show Text', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'text',
+			[
+				'label'     => esc_html__( 'Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat.', 'sociallane-elements' ),
+				'condition' => [ 'show_text' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_page_hero_left_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/packages/widgets/page-hero-left/templates/wrapper.php

@@ -0,0 +1,54 @@
+<?php
+/**
+ * Template: Simple Page Hero Wrapper
+ *
+ * AVAILABLE DATA ($view): show_title, show_text, title, title_tag, text,
+ * align_class, 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 );
+$section_id = 'simple-page-hero-' . $view['widget_id'];
+$has_heading = $view['show_title'] && ! empty( $view['title'] );
+?>
+
+<?php // ========== SIMPLE PAGE HERO START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?> py-12 md:py-16 lg:py-20 rounded-b-2xl"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( $has_heading ) : ?>aria-labelledby="<?php echo esc_attr( $section_id ); ?>"<?php endif; ?>
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+		<div class="max-w-4xl text-left">
+			<?php if ( $view['show_title'] && ! empty( $view['title'] ) ) : ?>
+				<<?php echo $view['title_tag']; ?>
+					id="<?php echo esc_attr( $section_id ); ?>"
+					class="<?php echo esc_attr( $view['classes']['title'] ); ?> text-3xl md:text-4xl lg:text-5xl font-bold font-heading leading-tight mt-0 mb-4"
+					<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>
+				>
+					<?php echo $view['title']; ?>
+				</<?php echo $view['title_tag']; ?>>
+			<?php endif; ?>
+
+			<?php if ( $view['show_text'] && ! empty( $view['text'] ) ) : ?>
+				<p class="<?php echo esc_attr( $view['classes']['text'] ); ?> text-base md:text-lg leading-relaxed mt-0 mb-0">
+					<?php echo $view['text']; ?>
+				</p>
+			<?php endif; ?>
+		</div>
+	</div>
+</section>
+
+<?php // ========== SIMPLE PAGE HERO END ========== ?>