@sociallane/elements 1.0.0

package/packages/widgets/bento-grid-6/templates/partials/two-row-overview.php

@@ -0,0 +1,67 @@
+<?php
+/**
+ * Two Row Bento – Overview cell (tabs, project, stats, performance)
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$data = $view['two_row']['overview'] ?? [];
+$cls  = $view['classes'] ?? [];
+$tabs = $data['tabs'] ?? [];
+?>
+
+<article class="<?php echo esc_attr( $cls['card'] ); ?> p-0 overflow-hidden h-full flex flex-col">
+	<?php if ( ! empty( $tabs ) ) : ?>
+		<div class="flex border-b border-neutral-200 dark:border-neutral-600/50 overflow-x-auto">
+			<?php foreach ( $tabs as $i => $tab ) : ?>
+				<button type="button" class="px-4 py-3 text-sm font-medium whitespace-nowrap border-b-2 transition-colors <?php echo $i === 0 ? 'border-primary dark:border-primary-light text-primary dark:text-primary-light' : 'border-transparent ' . esc_attr( $cls['card_desc'] ); ?>">
+					<?php echo esc_html( $tab ); ?>
+				</button>
+			<?php endforeach; ?>
+		</div>
+	<?php endif; ?>
+	<div class="p-5 md:p-6 flex-1 flex flex-col">
+		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
+			<div class="flex items-center gap-2 mb-4">
+				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
+			</div>
+			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>
+				<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-6"><?php echo $data['project_meta']; ?></p>
+			<?php endif; ?>
+		<?php endif; ?>
+
+		<div class="grid grid-cols-3 gap-4 mb-6">
+			<?php if ( ( $data['stat1_label'] ?? '' ) !== '' ) : ?>
+				<div>
+					<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-0.5"><?php echo $data['stat1_label']; ?></p>
+					<p class="<?php echo esc_attr( $cls['card_title'] ); ?> text-2xl font-bold"><?php echo $data['stat1_value']; ?></p>
+				</div>
+			<?php endif; ?>
+			<?php if ( ( $data['stat2_label'] ?? '' ) !== '' ) : ?>
+				<div>
+					<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-0.5"><?php echo $data['stat2_label']; ?></p>
+					<p class="<?php echo esc_attr( $cls['card_title'] ); ?> text-2xl font-bold"><?php echo $data['stat2_value']; ?> <span class="text-sm font-normal <?php echo esc_attr( $cls['card_desc'] ); ?>"><?php echo $data['stat2_suffix'] ?? ''; ?></span></p>
+				</div>
+			<?php endif; ?>
+			<?php if ( ( $data['stat3_label'] ?? '' ) !== '' ) : ?>
+				<div>
+					<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-0.5"><?php echo $data['stat3_label']; ?></p>
+					<p class="<?php echo esc_attr( $cls['card_title'] ); ?> text-2xl font-bold"><?php echo $data['stat3_value']; ?></p>
+				</div>
+			<?php endif; ?>
+		</div>
+
+		<?php if ( ( $data['perf_title'] ?? '' ) !== '' || ( $data['perf_desc'] ?? '' ) !== '' ) : ?>
+			<div class="mt-auto">
+				<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-1"><?php echo esc_html__( 'Performance', 'sociallane-elements' ); ?></p>
+				<h4 class="<?php echo esc_attr( $cls['card_title'] ); ?> text-base font-bold mb-2"><?php echo $data['perf_title']; ?></h4>
+				<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-sm"><?php echo $data['perf_desc']; ?></p>
+			</div>
+		<?php endif; ?>
+	</div>
+</article>

package/packages/widgets/bento-grid-6/templates/partials/two-row-releases.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Two Row Bento – Releases cell
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$data    = $view['two_row']['releases'] ?? [];
+$cls     = $view['classes'] ?? [];
+$eyebrow = $data['eyebrow'] ?? '';
+$title   = $data['title'] ?? '';
+$desc    = $data['desc'] ?? '';
+?>
+
+<article class="<?php echo esc_attr( $cls['card'] ); ?> p-5 md:p-6 h-full flex flex-col">
+	<?php if ( $eyebrow !== '' ) : ?>
+		<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-1"><?php echo $eyebrow; ?></p>
+	<?php endif; ?>
+	<?php if ( $title !== '' ) : ?>
+		<h3 class="<?php echo esc_attr( $cls['card_title'] ); ?> text-lg font-bold mb-3"><?php echo $title; ?></h3>
+	<?php endif; ?>
+	<?php if ( $desc !== '' ) : ?>
+		<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-sm leading-relaxed mt-auto"><?php echo $desc; ?></p>
+	<?php endif; ?>
+</article>

package/packages/widgets/bento-grid-6/templates/partials/two-row-security.php

@@ -0,0 +1,44 @@
+<?php
+/**
+ * Two Row Bento – Security cell (eyebrow, title, description, avatars)
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$data    = $view['two_row']['security'] ?? [];
+$cls     = $view['classes'] ?? [];
+$eyebrow = $data['eyebrow'] ?? '';
+$title   = $data['title'] ?? '';
+$desc    = $data['desc'] ?? '';
+$avatar1 = $data['avatar1'] ?? null;
+$avatar2 = $data['avatar2'] ?? null;
+?>
+
+<article class="<?php echo esc_attr( $cls['card'] ); ?> p-5 md:p-6 h-full flex flex-col sl-bento-security bg-neutral-50/80 dark:bg-neutral-800/50">
+	<?php if ( $eyebrow !== '' ) : ?>
+		<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-xs mb-1"><?php echo $eyebrow; ?></p>
+	<?php endif; ?>
+	<?php if ( $title !== '' ) : ?>
+		<h3 class="<?php echo esc_attr( $cls['card_title'] ); ?> text-lg font-bold mb-3"><?php echo $title; ?></h3>
+	<?php endif; ?>
+	<?php if ( $desc !== '' ) : ?>
+		<p class="<?php echo esc_attr( $cls['card_desc'] ); ?> text-sm leading-relaxed mb-4"><?php echo $desc; ?></p>
+	<?php endif; ?>
+	<?php if ( ( $avatar1 && ! empty( $avatar1['url'] ) ) || ( $avatar2 && ! empty( $avatar2['url'] ) ) ) : ?>
+		<div class="mt-auto flex items-center -space-x-2">
+			<?php if ( $avatar1 && ! empty( $avatar1['url'] ) ) : ?>
+				<img src="<?php echo esc_url( $avatar1['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
+			<?php endif; ?>
+			<?php if ( $avatar2 && ! empty( $avatar2['url'] ) ) : ?>
+				<span class="relative inline-block">
+					<img src="<?php echo esc_url( $avatar2['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
+					<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
+				</span>
+			<?php endif; ?>
+		</div>
+	<?php endif; ?>
+</article>

package/packages/widgets/bento-grid-6/templates/wrapper.php

@@ -0,0 +1,65 @@
+<?php
+/**
+ * Template: Bento Grid Wrapper
+ *
+ * AVAILABLE DATA ($view): show_eyebrow, show_headline, eyebrow, headline, headline_tag,
+ * cell1, cell2, cell3, cell4, 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 = 'bento-grid-' . $view['widget_id'];
+$has_heading = ( $view['show_eyebrow'] && ! empty( $view['eyebrow'] ) ) || ( $view['show_headline'] && ! empty( $view['headline'] ) );
+$header = [
+	'headline_attrs'    => $headline_attrs,
+	'id'              => $section_id,
+	'use_wrapper'     => true,
+	'alignment'       => 'center',
+	'block_class'     => 'max-w-3xl mx-auto',
+	'margin_bottom'   => 'mb-12 md:mb-16',
+	'show_eyebrow'    => $view['show_eyebrow'] && ! empty( $view['eyebrow'] ),
+	'eyebrow'         => $view['eyebrow'] ?? '',
+	'eyebrow_class'   => $view['classes']['eyebrow'] ?? '',
+	'eyebrow_extras'  => 'mb-2',
+	'show_headline'   => $view['show_headline'] && ! empty( $view['headline'] ),
+	'headline'        => $view['headline'] ?? '',
+	'headline_tag'    => $view['headline_tag'] ?? 'h2',
+	'headline_class'  => $view['classes']['headline'] ?? '',
+	'headline_extras' => 'text-3xl sm:text-4xl md:text-5xl font-bold font-heading leading-tight',
+];
+$elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
+?>
+
+<?php // ========== BENTO GRID START ========== ?>
+
+<section
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?> py-16 md:py-20 lg:py-24"
+	<?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 ( $has_heading ) : ?>
+			<?php include $elements_path . '/section-header/templates/render.php'; ?>
+		<?php endif; ?>
+
+		<?php
+		$stagger_attrs = sociallane_stagger_attrs( $anim );
+		$partial_path = __DIR__ . '/partials/two-column-second-row-grid.php';
+		if ( file_exists( $partial_path ) ) {
+			include $partial_path;
+		}
+		?>
+	</div>
+</section>
+
+<?php // ========== BENTO GRID END ========== ?>

package/packages/widgets/bento-portfolio/bento-portfolio.php

@@ -0,0 +1,399 @@
+<?php
+/**
+ * Widget: Bento Portfolio
+ *
+ * A portfolio section with optional header and project cards in a bento-style grid.
+ * Each card: image, category tag, title, description, Case study + Live preview buttons.
+ *
+ * @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;
+}
+
+/**
+ * Bento Portfolio Widget
+ */
+class Bento_Portfolio extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'bento-portfolio';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Bento Portfolio', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-gallery-justified';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-cards' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'portfolio', 'bento', 'grid', 'works', 'projects', 'gallery' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_layout_section();
+		$this->register_items_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' => 'no',
+			]
+		);
+		$this->add_control(
+			'eyebrow',
+			[
+				'label'       => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'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__( 'Custom works', '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->add_control(
+			'show_subtitle',
+			[
+				'label'   => esc_html__( 'Show Subtitle', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$this->add_control(
+			'subtitle',
+			[
+				'label'       => esc_html__( 'Subtitle', '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_subtitle' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_layout_section(): void {
+		require_once __DIR__ . '/../bento-grid/data/view.php';
+		$layouts = get_bento_grid_layouts();
+		$options = [];
+		foreach ( $layouts as $key => $config ) {
+			$options[ $key ] = $config['label'];
+		}
+
+		$this->start_controls_section(
+			'section_layout',
+			[
+				'label' => esc_html__( 'Layout', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'layout',
+			[
+				'label'   => esc_html__( 'Grid layout', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'default',
+				'options' => $options,
+			]
+		);
+
+		$this->add_control(
+			'header_align',
+			[
+				'label'   => esc_html__( 'Header alignment', 'sociallane-elements' ),
+				'type'    => Controls_Manager::CHOOSE,
+				'default' => 'center',
+				'options' => [
+					'left'   => [
+						'title' => esc_html__( 'Left', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-left',
+					],
+					'center' => [
+						'title' => esc_html__( 'Center', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-center',
+					],
+					'right'  => [
+						'title' => esc_html__( 'Right', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-right',
+					],
+				],
+			]
+		);
+
+		$this->add_control(
+			'content_align',
+			[
+				'label'   => esc_html__( 'Card content alignment', 'sociallane-elements' ),
+				'type'    => Controls_Manager::CHOOSE,
+				'default' => 'left',
+				'options' => [
+					'left'   => [
+						'title' => esc_html__( 'Left', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-left',
+					],
+					'center' => [
+						'title' => esc_html__( 'Center', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-center',
+					],
+					'right'  => [
+						'title' => esc_html__( 'Right', 'sociallane-elements' ),
+						'icon'  => 'eicon-text-align-right',
+					],
+				],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_items_section(): void {
+		$repeater = new Repeater();
+
+		$repeater->add_control(
+			'image',
+			[
+				'label'   => esc_html__( 'Image', 'sociallane-elements' ),
+				'type'    => Controls_Manager::MEDIA,
+				'default' => [ 'url' => \Elementor\Utils::get_placeholder_image_src() ],
+			]
+		);
+		$repeater->add_control(
+			'image_alt',
+			[
+				'label' => esc_html__( 'Image Alt Text', 'sociallane-elements' ),
+				'type'  => Controls_Manager::TEXT,
+			]
+		);
+		$repeater->add_control(
+			'show_category',
+			[
+				'label'   => esc_html__( 'Show Category', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$repeater->add_control(
+			'category_label',
+			[
+				'label'       => esc_html__( 'Category', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Figma design', 'sociallane-elements' ),
+				'condition'   => [ 'show_category' => 'yes' ],
+			]
+		);
+		$repeater->add_control(
+			'title',
+			[
+				'label'       => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Agency Landing Page', 'sociallane-elements' ),
+				'label_block' => true,
+			]
+		);
+		$repeater->add_control(
+			'show_description',
+			[
+				'label'   => esc_html__( 'Show Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$repeater->add_control(
+			'description',
+			[
+				'label'       => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXTAREA,
+				'default'     => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.', 'sociallane-elements' ),
+				'rows'        => 2,
+				'condition'   => [ 'show_description' => 'yes' ],
+			]
+		);
+		$repeater->add_control(
+			'show_case_study',
+			[
+				'label'   => esc_html__( 'Show Case study button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$repeater->add_control(
+			'case_study_text',
+			[
+				'label'       => esc_html__( 'Case study text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Case study', 'sociallane-elements' ),
+				'condition'   => [ 'show_case_study' => 'yes' ],
+			]
+		);
+		$repeater->add_control(
+			'case_study_url',
+			[
+				'label'     => esc_html__( 'Case study URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_case_study' => 'yes' ],
+			]
+		);
+		$repeater->add_control(
+			'show_live_preview',
+			[
+				'label'   => esc_html__( 'Show Live preview button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+		$repeater->add_control(
+			'live_preview_text',
+			[
+				'label'       => esc_html__( 'Live preview text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Live preview', 'sociallane-elements' ),
+				'condition'   => [ 'show_live_preview' => 'yes' ],
+			]
+		);
+		$repeater->add_control(
+			'live_preview_url',
+			[
+				'label'     => esc_html__( 'Live preview URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_live_preview' => 'yes' ],
+			]
+		);
+
+		$this->start_controls_section(
+			'section_items',
+			[
+				'label' => esc_html__( 'Projects', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'items',
+			[
+				'label'       => esc_html__( 'Projects', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $repeater->get_controls(),
+				'default'     => $this->get_default_items(),
+				'title_field' => '{{{ title }}}',
+			]
+		);
+		$this->add_control(
+			'card_button_style',
+			[
+				'label'   => esc_html__( 'Card button style', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'primary',
+				'options' => sociallane_get_button_preset_options(),
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	/**
+	 * Default repeater items (6 portfolio cards)
+	 *
+	 * @return array
+	 */
+	private function get_default_items(): array {
+		$titles = [
+			'Agency Landing Page',
+			esc_html__( 'Analytics tool', 'sociallane-elements' ),
+			'Task management system',
+			'Flowbite\'s dashboard',
+			'NGO Landing Page',
+			'Mail management system',
+		];
+		$categories = [
+			esc_html__( 'Figma design', 'sociallane-elements' ),
+			esc_html__( 'Front-end', 'sociallane-elements' ),
+			esc_html__( 'Back-end', 'sociallane-elements' ),
+			esc_html__( 'Figma design', 'sociallane-elements' ),
+			esc_html__( 'Figma design', 'sociallane-elements' ),
+			esc_html__( 'Front-end', 'sociallane-elements' ),
+		];
+		$defaults = [];
+		foreach ( $titles as $i => $title ) {
+			$defaults[] = [
+				'title'            => $title,
+				'category_label'  => $categories[ $i ],
+				'show_category'   => 'yes',
+				'show_description'=> 'yes',
+				'description'     => esc_html__( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.', 'sociallane-elements' ),
+				'show_case_study' => 'yes',
+				'case_study_text' => esc_html__( 'Case study', 'sociallane-elements' ),
+				'show_live_preview' => 'yes',
+				'live_preview_text' => esc_html__( 'Live preview', 'sociallane-elements' ),
+				'image'           => [ 'url' => \Elementor\Utils::get_placeholder_image_src() ],
+			];
+		}
+		return $defaults;
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_bento_portfolio_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}