@sociallane/elements 1.0.0

package/packages/widgets/footer-brand/templates/wrapper.php

@@ -0,0 +1,59 @@
+<?php
+/**
+ * Template: Footer Brand Wrapper
+ *
+ * AVAILABLE DATA ($view):
+ * - show_logo, logo, show_description, description, show_social, social_links
+ * - show_columns, columns
+ * - show_copyright, copyright
+ * - classes, widget_id
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( empty( $view ) ) {
+	return;
+}
+
+$anim          = $view['animation'] ?? [];
+$section_attrs = sociallane_section_animation_attrs( $anim );
+$has_brand = $view['show_logo'] || ( $view['show_description'] && $view['description'] !== '' ) || ( $view['show_social'] && ! empty( $view['social_links'] ) );
+?>
+
+<?php // ========== FOOTER BRAND START ========== ?>
+
+<footer
+	class="<?php echo esc_attr( $view['classes']['section'] ); ?>"
+	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
+	aria-label="<?php esc_attr_e( 'Site footer', 'sociallane-elements' ); ?>"
+>
+	<div class="container mx-auto px-4 sm:px-6 lg:px-8">
+		<div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-12 py-12 md:py-16">
+			<?php if ( $has_brand ) : ?>
+				<div class="lg:col-span-4 xl:col-span-5">
+					<?php require __DIR__ . '/partials/brand.php'; ?>
+				</div>
+			<?php endif; ?>
+
+			<?php if ( $view['show_columns'] && ! empty( $view['columns'] ) ) : ?>
+				<div class="<?php echo $has_brand ? 'lg:col-span-8 xl:col-span-7' : 'lg:col-span-12'; ?>">
+					<?php require __DIR__ . '/partials/link-columns.php'; ?>
+				</div>
+			<?php endif; ?>
+		</div>
+
+		<?php if ( $view['show_copyright'] && $view['copyright'] !== '' ) : ?>
+			<div class="<?php echo esc_attr( $view['classes']['divider'] ); ?> border-t py-6 md:py-8">
+				<p class="<?php echo esc_attr( $view['classes']['copyright'] ); ?> text-center">
+					<?php echo $view['copyright']; ?>
+				</p>
+			</div>
+		<?php endif; ?>
+	</div>
+</footer>
+
+<?php // ========== FOOTER BRAND END ========== ?>

package/packages/widgets/footer-links-contact/data/view.php

@@ -0,0 +1,145 @@
+<?php
+/**
+ * Data Preparation: Footer Links & Contact
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Footer Links & Contact widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_footer_links_contact_view( array $settings, string $widget_id ): array {
+	$show_logo      = ( $settings['show_logo'] ?? 'yes' ) === 'yes';
+	$show_columns   = ( $settings['show_columns'] ?? 'yes' ) === 'yes';
+	$show_contact   = ( $settings['show_contact'] ?? 'yes' ) === 'yes';
+	$show_social    = ( $settings['show_social'] ?? 'yes' ) === 'yes';
+	$show_copyright = ( $settings['show_copyright'] ?? 'yes' ) === 'yes';
+
+	// Logo
+	$logo = null;
+	if ( $show_logo ) {
+		$logo_link = sociallane_prepare_link_attrs( $settings['logo_url'] ?? [] );
+		if ( ( $settings['logo_type'] ?? 'text' ) === 'image' ) {
+			$img_data = $settings['logo_image'] ?? [];
+			$logo = [
+				'type'     => 'image',
+				'href'     => $logo_link['url'],
+				'attrs'    => $logo_link['attrs'],
+				'src'      => esc_url( $img_data['url'] ?? '' ),
+				'alt'      => esc_attr( $settings['logo_alt'] ?? '' ),
+				'text'     => '',
+				'subtitle' => '',
+				'show_dot' => false,
+			];
+		} else {
+			$logo = [
+				'type'     => 'text',
+				'href'     => $logo_link['url'],
+				'attrs'    => $logo_link['attrs'],
+				'src'      => '',
+				'alt'      => '',
+				'text'     => esc_html( $settings['logo_text'] ?? '' ),
+				'subtitle' => esc_html( $settings['logo_subtitle'] ?? '' ),
+				'show_dot' => ( $settings['show_logo_dot'] ?? 'no' ) === 'yes',
+			];
+		}
+	}
+
+	// Link columns from WordPress menu or preview dummy
+	$columns = [];
+	if ( $show_columns ) {
+		$menu_id = isset( $settings['menu'] ) ? absint( $settings['menu'] ) : 0;
+		if ( $menu_id > 0 ) {
+			if ( ! function_exists( 'sociallane_footer_menu_to_columns' ) ) {
+				require_once SOCIALLANE_ELEMENTS_PATH . 'includes/footer-menu-columns.php';
+			}
+			$columns = sociallane_footer_menu_to_columns( $menu_id );
+		} elseif ( ! empty( $settings['preview_columns'] ) && is_array( $settings['preview_columns'] ) ) {
+			$columns = $settings['preview_columns'];
+		}
+	}
+
+	// Contact
+	$contact = null;
+	if ( $show_contact ) {
+		$addr1 = trim( $settings['address_line_1'] ?? '' );
+		$addr2 = trim( $settings['address_line_2'] ?? '' );
+		$phone = trim( $settings['phone'] ?? '' );
+		$email = trim( $settings['email'] ?? '' );
+		$contact = [
+			'heading'   => esc_html( $settings['contact_heading'] ?? __( 'Contact', 'sociallane-elements' ) ),
+			'address_1' => $addr1 !== '' ? esc_html( $addr1 ) : '',
+			'address_2' => $addr2 !== '' ? esc_html( $addr2 ) : '',
+			'phone'     => $phone !== '' ? esc_html( $phone ) : '',
+			'phone_url' => $phone !== '' ? 'tel:' . preg_replace( '/\s+/', '', $phone ) : '',
+			'email'     => $email !== '' ? esc_html( $email ) : '',
+			'email_url' => $email !== '' ? 'mailto:' . sanitize_email( $email ) : '',
+		];
+	}
+
+	// Bottom links (footer links repeater)
+	$bottom_links = sociallane_process_repeater( $settings['bottom_links'] ?? [], function ( $item ) {
+		$label = trim( $item['label'] ?? '' );
+		if ( $label === '' ) {
+			return null;
+		}
+		$link = sociallane_prepare_link_attrs( $item['url'] ?? [] );
+		return [
+			'label' => esc_html( $label ),
+			'href'  => $link['url'],
+			'attrs' => $link['attrs'],
+		];
+	} );
+
+	$copyright = $show_copyright ? esc_html( $settings['copyright_text'] ?? '' ) : '';
+
+	$social_link = sociallane_prepare_link_attrs( $settings['social_url'] ?? [] );
+	$raw_url     = trim( $settings['social_url']['url'] ?? '' );
+	$social_url  = ( $show_social && $raw_url !== '' ) ? $social_link['url'] : '';
+	$social_icon = sociallane_validate_option( $settings['social_icon'] ?? 'linkedin', [ 'linkedin', 'twitter', 'instagram' ], 'linkedin' );
+
+	$animation = sociallane_animation_view_data( $settings );
+
+	// Dark background, light text, separator, icons same as text
+	$classes = [
+		'section'       => 'bg-[#1C202B] dark:bg-[#15181f]',
+		'col_heading'   => 'text-white dark:text-white font-bold text-sm uppercase tracking-wider',
+		'link'          => 'text-[#D0D0D0] dark:text-neutral-300 hover:text-white dark:hover:text-white transition-colors focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f] rounded',
+		'divider'       => 'border-[#404654] dark:border-neutral-600',
+		'copyright'     => 'text-[#D0D0D0] dark:text-neutral-300 text-sm',
+		'logo_link'     => 'inline-flex flex-col no-underline rounded focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f]',
+		'logo_box'      => 'bg-white dark:bg-white inline-block px-3 py-1.5',
+		'logo_main'     => 'text-blue-chill-700 dark:text-blue-chill-700 font-bold text-xl font-heading',
+		'logo_subtitle' => 'text-[#A0A0A0] dark:text-neutral-400 text-xs uppercase tracking-wider mt-1',
+		'logo_dot'      => 'text-blue-500 dark:text-blue-400',
+		'contact_text'  => 'text-[#D0D0D0] dark:text-neutral-300 text-sm',
+		'contact_icon'  => 'text-[#D0D0D0] dark:text-neutral-300 shrink-0',
+		'bottom_link'   => 'text-[#D0D0D0] dark:text-neutral-300 hover:text-white dark:hover:text-white text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f] rounded',
+	];
+
+	return [
+		'show_logo'      => $show_logo,
+		'logo'           => $logo,
+		'show_columns'   => $show_columns,
+		'columns'        => $columns,
+		'show_contact'   => $show_contact,
+		'contact'        => $contact,
+		'show_social'    => $show_social,
+		'social_url'     => $social_url,
+		'social_icon'    => $social_icon,
+		'show_copyright' => $show_copyright,
+		'copyright'      => $copyright,
+		'bottom_links'   => $bottom_links,
+		'classes'        => $classes,
+		'widget_id'      => $widget_id,
+		'animation'      => $animation,
+	];
+}

package/packages/widgets/footer-links-contact/footer-links-contact.php

@@ -0,0 +1,361 @@
+<?php
+/**
+ * Widget: Footer Links & Contact
+ *
+ * Dark footer with logo column (text + subtitle + dot, or image), link columns
+ * from a WordPress menu, contact column (address, phone, email with icons), and
+ * bottom bar (social link, copyright, optional footer links). Reusable for any
+ * site. Matches container width.
+ *
+ * @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;
+}
+
+/**
+ * Footer Links & Contact Widget
+ */
+class Footer_Links_Contact extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'footer-links-contact';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Footer Links & Contact', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-footer';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-navigation' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'footer', 'links', 'contact', 'copyright', 'menu' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_logo_section();
+		$this->register_columns_section();
+		$this->register_contact_section();
+		$this->register_bottom_section();
+		$this->register_animation_controls();
+	}
+
+	private function register_logo_section(): void {
+		$this->start_controls_section(
+			'section_logo',
+			[
+				'label' => esc_html__( 'Logo', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_logo',
+			[
+				'label'   => esc_html__( 'Show Logo', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'logo_type',
+			[
+				'label'     => esc_html__( 'Logo Type', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'text',
+				'options'   => [
+					'text'  => esc_html__( 'Text', 'sociallane-elements' ),
+					'image' => esc_html__( 'Image', 'sociallane-elements' ),
+				],
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_text',
+			[
+				'label'     => esc_html__( 'Logo Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Lorem', 'sociallane-elements' ),
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'text' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_subtitle',
+			[
+				'label'     => esc_html__( 'Subtitle', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'text' ],
+			]
+		);
+
+		$this->add_control(
+			'show_logo_dot',
+			[
+				'label'     => esc_html__( 'Show dot after subtitle', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SWITCHER,
+				'default'   => 'no',
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'text' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_image',
+			[
+				'label'     => esc_html__( 'Logo Image', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_alt',
+			[
+				'label'     => esc_html__( 'Logo Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'show_logo' => 'yes', 'logo_type' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'logo_url',
+			[
+				'label'     => esc_html__( 'Logo Link URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_logo' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_columns_section(): void {
+		$this->start_controls_section(
+			'section_columns',
+			[
+				'label' => esc_html__( 'Link Columns', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_columns',
+			[
+				'label'   => esc_html__( 'Show Link Columns', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$menus   = wp_get_nav_menus();
+		$options = [ '' => esc_html__( '— Select a menu —', 'sociallane-elements' ) ];
+		foreach ( $menus as $menu ) {
+			$options[ (string) $menu->term_id ] = $menu->name;
+		}
+
+		$this->add_control(
+			'menu',
+			[
+				'label'       => esc_html__( 'WordPress Menu', 'sociallane-elements' ),
+				'type'        => Controls_Manager::SELECT,
+				'options'     => $options,
+				'description' => esc_html__( 'Top-level items = column headings; their children = links.', 'sociallane-elements' ),
+				'condition'   => [ 'show_columns' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_contact_section(): void {
+		$this->start_controls_section(
+			'section_contact',
+			[
+				'label' => esc_html__( 'Contact', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_contact',
+			[
+				'label'   => esc_html__( 'Show Contact Column', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'contact_heading',
+			[
+				'label'     => esc_html__( 'Heading', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => esc_html__( 'Contact', 'sociallane-elements' ),
+				'condition' => [ 'show_contact' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'address_line_1',
+			[
+				'label'     => esc_html__( 'Address Line 1', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_contact' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'address_line_2',
+			[
+				'label'     => esc_html__( 'Address Line 2', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition' => [ 'show_contact' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'phone',
+			[
+				'label'     => esc_html__( 'Phone', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'placeholder' => '+1 (0)00 000 00 00',
+				'condition' => [ 'show_contact' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'email',
+			[
+				'label'     => esc_html__( 'Email', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'placeholder' => 'info@example.com',
+				'condition' => [ 'show_contact' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_bottom_section(): void {
+		$this->start_controls_section(
+			'section_bottom',
+			[
+				'label' => esc_html__( 'Bottom Bar', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_social',
+			[
+				'label'   => esc_html__( 'Show Social Link', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'social_icon',
+			[
+				'label'     => esc_html__( 'Icon', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'linkedin',
+				'options'   => [
+					'linkedin' => esc_html__( 'LinkedIn', 'sociallane-elements' ),
+					'twitter'  => esc_html__( 'Twitter / X', 'sociallane-elements' ),
+					'instagram'=> esc_html__( 'Instagram', 'sociallane-elements' ),
+				],
+				'condition' => [ 'show_social' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'social_url',
+			[
+				'label'     => esc_html__( 'URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'show_social' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_copyright',
+			[
+				'label'   => esc_html__( 'Show Copyright', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'copyright_text',
+			[
+				'label'     => esc_html__( 'Copyright Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXTAREA,
+				'default'   => esc_html__( '© 2026 Lorem ipsum. All rights reserved.', 'sociallane-elements' ),
+				'condition' => [ 'show_copyright' => 'yes' ],
+			]
+		);
+
+		$links_repeater = new Repeater();
+		$links_repeater->add_control(
+			'label',
+			[
+				'label'   => esc_html__( 'Label', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Privacy Policy', 'sociallane-elements' ),
+			]
+		);
+		$links_repeater->add_control(
+			'url',
+			[
+				'label' => esc_html__( 'URL', 'sociallane-elements' ),
+				'type'  => Controls_Manager::URL,
+			]
+		);
+
+		$this->add_control(
+			'bottom_links',
+			[
+				'label'       => esc_html__( 'Footer Links', 'sociallane-elements' ),
+				'type'        => Controls_Manager::REPEATER,
+				'fields'      => $links_repeater->get_controls(),
+				'default'     => [
+					[ 'label' => 'Privacy Policy', 'url' => [ 'url' => '#' ] ],
+					[ 'label' => 'Terms of Use', 'url' => [ 'url' => '#' ] ],
+				],
+				'title_field' => '{{{ label }}}',
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_footer_links_contact_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}

package/packages/widgets/footer-links-contact/package.json

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

package/packages/widgets/footer-links-contact/templates/partials/bottom.php

@@ -0,0 +1,70 @@
+<?php
+/**
+ * Partial: Footer Links & Contact – bottom bar (social link, copyright, footer links)
+ *
+ * Expects $view (show_social, social_url, social_icon, show_copyright, copyright,
+ * bottom_links, classes).
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+$classes         = $view['classes'] ?? [];
+$copyright_class = $classes['copyright'] ?? '';
+$link_class      = $classes['bottom_link'] ?? '';
+$has_social      = $view['show_social'] && $view['social_url'] !== '';
+$has_copyright   = $view['show_copyright'] && $view['copyright'] !== '';
+$has_links       = ! empty( $view['bottom_links'] );
+$social_icon     = $view['social_icon'] ?? 'linkedin';
+$social_label    = $social_icon === 'linkedin' ? __( 'LinkedIn', 'sociallane-elements' ) : ( $social_icon === 'twitter' ? __( 'Twitter', 'sociallane-elements' ) : __( 'Instagram', 'sociallane-elements' ) );
+?>
+
+<div class="flex flex-wrap items-center gap-3 sm:gap-4">
+	<?php if ( $has_social ) : ?>
+		<a
+			href="<?php echo esc_url( $view['social_url'] ); ?>"
+			class="text-[#D0D0D0] dark:text-neutral-300 hover:text-white dark:hover:text-white transition-colors focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f] rounded p-1 shrink-0"
+			aria-label="<?php echo esc_attr( $social_label ); ?>"
+		>
+			<?php if ( $social_icon === 'linkedin' ) : ?>
+				<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+					<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+				</svg>
+			<?php elseif ( $social_icon === 'twitter' ) : ?>
+				<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+					<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+				</svg>
+			<?php else : ?>
+				<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+					<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.048-1.067-.06-1.407-.06-4.123v-.08c0-2.643.012-2.987.06-4.043.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.993 2.013 9.333 2 11.948 2h.052zm0 5.838a3.2 3.2 0 100 6.4 3.2 3.2 0 000-6.4zM12 20a8 8 0 100-16 8 8 0 000 16z" clip-rule="evenodd"/>
+				</svg>
+			<?php endif; ?>
+		</a>
+	<?php endif; ?>
+
+	<?php if ( $has_copyright ) : ?>
+		<p class="<?php echo esc_attr( $copyright_class ); ?> m-0">
+			<?php echo $view['copyright']; ?>
+		</p>
+	<?php endif; ?>
+
+	<?php if ( $has_links ) : ?>
+		<nav class="flex flex-wrap items-center gap-3 sm:gap-4" aria-label="<?php esc_attr_e( 'Footer links', 'sociallane-elements' ); ?>">
+			<?php foreach ( $view['bottom_links'] as $i => $link ) : ?>
+				<a
+					href="<?php echo esc_url( $link['href'] ); ?>"
+					<?php echo $link['attrs']; ?>
+					class="<?php echo esc_attr( $link_class ); ?>"
+				>
+					<?php echo $link['label']; ?>
+				</a>
+				<?php if ( $i < count( $view['bottom_links'] ) - 1 ) : ?>
+					<span class="text-[#404654] dark:text-neutral-500" aria-hidden="true">·</span>
+				<?php endif; ?>
+			<?php endforeach; ?>
+		</nav>
+	<?php endif; ?>
+</div>