@sociallane/elements 1.0.0

package/widgets/social-proof/templates/wrapper.php

@@ -0,0 +1,93 @@
+<?php
+/**
+ * Template: Social Proof Wrapper
+ *
+ * AVAILABLE DATA ($view):
+ * - layout ('default' | 'trust')
+ * - show_headline, show_description, show_image, show_eyebrow (trust)
+ * - headline, headline_tag, description, eyebrow
+ * - links (trust: button data), stats, image
+ * - 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 = 'social-proof-' . $view['widget_id'];
+$has_heading = ( $view['show_headline'] && ! empty( $view['headline'] ) ) || ( $view['show_description'] && ! empty( $view['description'] ) )
+	|| ( ( $view['layout'] ?? 'default' ) === 'trust' && $view['show_eyebrow'] && ! empty( $view['eyebrow'] ) );
+$has_stats   = ! empty( $view['stats'] );
+$has_image   = $view['show_image'] && ! empty( $view['image']['src'] );
+
+$elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
+?>
+
+<?php // ========== SOCIAL PROOF START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?> py-16 md:py-20 lg:py-24"
+	<?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">
+		<?php if ( ( $view['layout'] ?? 'default' ) === 'trust' ) : ?>
+			<?php $stagger_attrs = sociallane_stagger_attrs( $anim ); ?>
+			<?php include __DIR__ . '/partials/layout-trust.php'; ?>
+		<?php else : ?>
+			<div class="grid grid-cols-1 <?php echo $has_image ? 'lg:grid-cols-2 lg:gap-16' : ''; ?> items-center">
+				<?php // ----- Content column ----- ?>
+				<div>
+					<?php if ( $has_heading ) : ?>
+						<header class="mb-10 md:mb-12" id="<?php echo esc_attr( $section_id ); ?>">
+							<?php if ( $view['show_headline'] && ! empty( $view['headline'] ) ) : ?>
+								<<?php echo $view['headline_tag']; ?>
+									class="<?php echo esc_attr( $view['classes']['headline'] ); ?> text-3xl sm:text-4xl md:text-5xl font-bold font-heading leading-tight"
+								>
+									<?php echo $view['headline']; ?>
+								</<?php echo $view['headline_tag']; ?>>
+							<?php endif; ?>
+
+							<?php if ( $view['show_description'] && ! empty( $view['description'] ) ) : ?>
+								<p class="<?php echo esc_attr( $view['classes']['description'] ); ?> mt-4 text-lg md:text-xl leading-relaxed">
+									<?php echo $view['description']; ?>
+								</p>
+							<?php endif; ?>
+						</header>
+					<?php endif; ?>
+
+					<?php if ( $has_stats ) : ?>
+						<?php $stagger_attrs = sociallane_stagger_attrs( $anim ); ?>
+						<ul class="flex flex-col gap-6 md:gap-8" role="list" <?php echo $stagger_attrs ? ' ' . $stagger_attrs : ''; ?>>
+							<?php foreach ( $view['stats'] as $stat ) : ?>
+								<?php include __DIR__ . '/partials/stat-item.php'; ?>
+							<?php endforeach; ?>
+						</ul>
+					<?php endif; ?>
+				</div>
+
+				<?php // ----- Media column (optional) ----- ?>
+				<?php if ( $has_image ) : ?>
+					<div class="mt-12 lg:mt-0 lg:pl-2 flex grow-3 lg:justify-start">
+						<?php
+						$image = $view['image'];
+						$image['class'] = 'w-full max-w-full max-h-full rounded-xl';
+						include $elements_path . '/image/templates/render.php';
+						?>
+					</div>
+				<?php endif; ?>
+			</div>
+		<?php endif; ?>
+	</div>
+</section>
+
+<?php // ========== SOCIAL PROOF END ========== ?>

package/widgets/testimonial-quote/data/view.php

@@ -0,0 +1,62 @@
+<?php
+/**
+ * Data Preparation: Testimonial Quote
+ *
+ * Builds template-ready $view: quote, author (icon + name), layout,
+ * optional pattern, and theme classes (light + dark).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Testimonial Quote widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_testimonial_quote_view( array $settings, string $widget_id ): array {
+	$show_quote   = ( $settings['show_quote'] ?? 'yes' ) === 'yes';
+	$show_author  = ( $settings['show_author'] ?? 'yes' ) === 'yes';
+	$show_pattern = ( $settings['show_pattern'] ?? 'yes' ) === 'yes';
+
+	$quote       = $show_quote ? wp_kses_post( $settings['quote'] ?? '' ) : '';
+	$author_name = $show_author ? esc_html( $settings['author_name'] ?? '' ) : '';
+	$author_icon = $show_author ? ( $settings['author_icon'] ?? null ) : null;
+
+	$content_width = $settings['content_width'] ?? 'medium';
+	$width_classes = [
+		'narrow' => 'max-w-2xl',
+		'medium' => 'max-w-3xl',
+		'wide'   => 'max-w-4xl',
+		'full'   => 'max-w-full',
+	];
+	$content_width_class = $width_classes[ $content_width ] ?? $width_classes['medium'];
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
+	$classes = [
+		'section'    => 'bg-neutral-100 dark:bg-neutral-800',
+		'quote'      => 'text-neutral-900 dark:text-white',
+		'author_name'=> 'text-neutral-900 dark:text-white',
+		'pattern'    => 'sl-bg-pattern-intro',
+	];
+	if ( ! $show_pattern ) {
+		$classes['pattern'] = '';
+	}
+
+	return [
+		'show_quote'          => $show_quote,
+		'show_author'         => $show_author,
+		'quote'               => $quote,
+		'author_name'         => $author_name,
+		'author_icon'         => $author_icon,
+		'content_width_class'  => $content_width_class,
+		'classes'              => $classes,
+		'widget_id'            => $widget_id,
+		'animation'            => $animation,
+	];
+}

package/widgets/testimonial-quote/templates/wrapper.php

@@ -0,0 +1,66 @@
+<?php
+/**
+ * Template: Testimonial Quote Wrapper
+ *
+ * Blockquote and author attribution on patterned background.
+ * AVAILABLE DATA ($view): show_quote, show_author, quote, author_name, author_icon,
+ * content_width_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 = 'testimonial-quote-' . $view['widget_id'];
+$has_quote   = $view['show_quote'] && $view['quote'] !== '';
+$has_author  = $view['show_author'] && ( $view['author_name'] !== '' || ! empty( $view['author_icon']['value'] ) );
+$section_classes = array_filter( [
+	$view['classes']['section'],
+	$view['classes']['pattern'],
+] );
+?>
+
+<?php // ========== TESTIMONIAL QUOTE START ========== ?>
+
+<section
+	class="<?php echo esc_attr( implode( ' ', $section_classes ) ); ?> py-16 md:py-24 lg:py-28"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	<?php if ( $has_quote ) : ?>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="<?php echo esc_attr( $view['content_width_class'] ); ?> mx-auto text-left">
+			<?php if ( $has_quote ) : ?>
+				<blockquote id="<?php echo esc_attr( $section_id ); ?>" class="border-0 p-0 m-0">
+					<p class="<?php echo esc_attr( $view['classes']['quote'] ); ?> text-xl md:text-2xl lg:text-3xl font-semibold font-heading leading-snug"<?php echo ! empty( $headline_attrs ) ? ' ' . $headline_attrs : ''; ?>>
+						<span aria-hidden="true">"</span><?php echo $view['quote']; ?><span aria-hidden="true">"</span>
+					</p>
+					<?php if ( $has_author ) : ?>
+						<footer class="mt-6 md:mt-8 flex items-center gap-3">
+							<?php if ( ! empty( $view['author_icon']['value'] ) ) : ?>
+								<span class="<?php echo esc_attr( $view['classes']['author_name'] ); ?> flex items-center justify-center shrink-0 [&_.e-icon]:w-6 [&_.e-icon]:h-6 [&_.e-icon]:text-current" aria-hidden="true">
+									<?php \Elementor\Icons_Manager::render_icon( $view['author_icon'], [ 'aria-hidden' => 'true', 'class' => 'w-6 h-6' ] ); ?>
+								</span>
+							<?php endif; ?>
+							<?php if ( $view['author_name'] !== '' ) : ?>
+								<cite class="<?php echo esc_attr( $view['classes']['author_name'] ); ?> italic font-medium text-lg md:text-xl">
+									<?php echo $view['author_name']; ?>
+								</cite>
+							<?php endif; ?>
+						</footer>
+					<?php endif; ?>
+				</blockquote>
+			<?php endif; ?>
+		</div>
+	</div>
+</section>
+
+<?php // ========== TESTIMONIAL QUOTE END ========== ?>

package/widgets/testimonial-quote/testimonial-quote.php

@@ -0,0 +1,157 @@
+<?php
+/**
+ * Widget: Testimonial Quote
+ *
+ * A single testimonial block: prominent quote and attributed author (icon + name)
+ * on a light patterned background. Left-aligned, optional pattern.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Testimonial Quote Widget
+ */
+class Testimonial_Quote extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'testimonial-quote';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Testimonial Quote', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-blockquote';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-content' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'testimonial', 'quote', 'blockquote', 'author', 'social proof' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_content_section();
+		$this->register_layout_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_quote',
+			[
+				'label'   => esc_html__( 'Show quote', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'quote',
+			[
+				'label'       => esc_html__( 'Quote', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXTAREA,
+				'default'     => esc_html__( "The team at Studio went above and beyond with our onboarding, even finding a way to access the user's microphone without triggering one of those annoying permission dialogs.", 'sociallane-elements' ),
+				'rows'        => 5,
+				'condition'   => [ 'show_quote' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_author',
+			[
+				'label'   => esc_html__( 'Show author', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'author_icon',
+			[
+				'label'     => esc_html__( 'Author icon', 'sociallane-elements' ),
+				'type'      => Controls_Manager::ICONS,
+				'default'   => [
+					'value'   => 'eicon-heart',
+					'library' => 'elementor',
+				],
+				'condition' => [ 'show_author' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'author_name',
+			[
+				'label'       => esc_html__( 'Author name', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Phobia', 'sociallane-elements' ),
+				'condition'   => [ 'show_author' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_pattern',
+			[
+				'label'   => esc_html__( 'Show background pattern', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_layout_section(): void {
+		$this->start_controls_section(
+			'section_layout',
+			[
+				'label' => esc_html__( 'Layout', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'content_width',
+			[
+				'label'   => esc_html__( 'Content width', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'medium',
+				'options' => [
+					'narrow' => esc_html__( 'Narrow', 'sociallane-elements' ),
+					'medium'  => esc_html__( 'Medium', 'sociallane-elements' ),
+					'wide'    => esc_html__( 'Wide', 'sociallane-elements' ),
+					'full'    => esc_html__( 'Full', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_testimonial_quote_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/widgets.json

@@ -0,0 +1,75 @@
+{
+  "widgets": [
+    "bento-grid-4",
+    "bento-grid-5",
+    "bento-grid-6",
+    "bento-portfolio-4",
+    "bento-portfolio-5",
+    "bento-portfolio-6",
+    "blog-grid",
+    "card-hover-reveal",
+    "client-logos",
+    "content-block",
+    "cta-banner",
+    "cta-notify",
+    "cta-split",
+    "faq-stacked",
+    "faq-split",
+    "faq-centered",
+    "feature-grid",
+    "feature-grid-centered",
+    "feature-list",
+    "feature-list-cta",
+    "footer",
+    "footer-brand",
+    "footer-links-contact",
+    "form-contact",
+    "grid-case-studies",
+    "grid-components",
+    "posts-grid",
+    "posts-grid-overlay",
+    "grid-team",
+    "testimonials-grid",
+    "testimonials-masonry",
+    "testimonials-bento",
+    "hero-announcement",
+    "hero-centered-image",
+    "hero-collage",
+    "hero-overlay-slider",
+    "hero-overlay-single",
+    "hero-saas-centered",
+    "hero-saas-split",
+    "hero-saas-stacked",
+    "hero-split",
+    "hero-stacked-image",
+    "intro-pattern",
+    "intro-text",
+    "logo-grid-centered",
+    "logo-grid-row",
+    "logo-grid-split",
+    "nav-default",
+    "nav-centered",
+    "nav-minimal",
+    "nav-compact",
+    "nav-floating",
+    "newsletter-card",
+    "newsletter-section",
+    "outreach-dashboard",
+    "pipeline-dashboard",
+    "pricing-table",
+    "sales-dashboard",
+    "section-stats",
+    "services",
+    "page-hero-left",
+    "page-hero-center",
+    "social-proof",
+    "social-proof-trust",
+    "testimonial-quote",
+    "widget-filter",
+    "bento-grid",
+    "bento-portfolio",
+    "hero-overlay",
+    "newsletter",
+    "simple-page-hero"
+  ]
+}

package/widgets.json.minimal

@@ -0,0 +1,17 @@
+{
+  "widgets": [
+    "content-block",
+    "nav-default","nav-centered","nav-minimal","nav-compact","nav-floating",
+    "footer",
+    "cta-split",
+    "newsletter-card",
+    "newsletter-section",
+    "page-hero-left",
+    "page-hero-center",
+    "hero-overlay-slider",
+    "hero-overlay-single",
+    "blog-grid",
+    "form-contact",
+    "footer-links-contact"
+  ]
+}