<?php
/**
 * About tab content for the settings page.
 *
 * @package ZubairRay_Connect_Buttons
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$zrcb_about_links = array(
	'website'       => 'https://zubairray.com/',
	'github'        => 'https://github.com/thezubairray',
	'documentation' => 'https://zubairray.com/plugins/zubairray-connect-buttons/',
	'support'       => 'https://wordpress.org/support/plugin/zubairray-connect-buttons/',
	'contact'       => 'https://zubairray.com/contact/',
);
?>
<div id="zrcb-tab-about" class="zrcb-tab-panel" role="tabpanel" aria-labelledby="zrcb-tab-link-about" hidden>
	<div class="zrcb-about">
		<header class="zrcb-about-header">
			<h2 class="zrcb-about-title"><?php esc_html_e( 'About Zubair Ray', 'zubairray-connect-buttons' ); ?></h2>
			<p class="zrcb-about-tagline"><?php esc_html_e( 'Building Reliable Digital Solutions', 'zubairray-connect-buttons' ); ?></p>
		</header>

		<div class="zrcb-about-intro">
			<p>
				<?php
				echo wp_kses(
					sprintf(
						/* translators: %s: website link */
						__( 'Hi, I’m Zubair Ray, founder of %s.', 'zubairray-connect-buttons' ),
						sprintf(
							'<a href="%1$s" target="_blank" rel="noopener noreferrer">zubairray.com</a>',
							esc_url( $zrcb_about_links['website'] )
						)
					),
					array(
						'a' => array(
							'href'   => array(),
							'target' => array(),
							'rel'    => array(),
						),
					)
				);
				?>
			</p>
			<p><?php esc_html_e( 'I specialize in developing high-quality WordPress plugins, business websites, custom web applications, and automation solutions that help businesses grow and operate more efficiently.', 'zubairray-connect-buttons' ); ?></p>
			<p><?php esc_html_e( 'My focus is on creating lightweight, secure, privacy-friendly, and maintainable solutions that deliver real value to businesses and website owners.', 'zubairray-connect-buttons' ); ?></p>
			<p><?php esc_html_e( 'Whether you need a custom WordPress plugin, a complete website, or a scalable web application, I can help turn your ideas into reality.', 'zubairray-connect-buttons' ); ?></p>
		</div>

		<hr class="zrcb-about-divider" aria-hidden="true">

		<section class="zrcb-about-section">
			<h3 class="zrcb-about-section-title"><?php esc_html_e( 'Work With Zubair Ray', 'zubairray-connect-buttons' ); ?></h3>
			<p class="zrcb-about-lead"><?php esc_html_e( 'Looking for a custom solution?', 'zubairray-connect-buttons' ); ?></p>

			<h4 class="zrcb-about-subtitle"><?php esc_html_e( 'Services', 'zubairray-connect-buttons' ); ?></h4>
			<ul class="zrcb-about-list zrcb-about-list-checks">
				<li><?php esc_html_e( 'Custom WordPress Plugin Development', 'zubairray-connect-buttons' ); ?></li>
				<li><?php esc_html_e( 'WordPress Website Development', 'zubairray-connect-buttons' ); ?></li>
				<li><?php esc_html_e( 'Custom Web Applications', 'zubairray-connect-buttons' ); ?></li>
				<li><?php esc_html_e( 'SaaS Product Development', 'zubairray-connect-buttons' ); ?></li>
				<li><?php esc_html_e( 'Business Automation Solutions', 'zubairray-connect-buttons' ); ?></li>
				<li><?php esc_html_e( 'API Integrations & Custom Features', 'zubairray-connect-buttons' ); ?></li>
			</ul>

			<div class="zrcb-about-cta">
				<h4 class="zrcb-about-subtitle"><?php esc_html_e( 'Let’s Build Something Great', 'zubairray-connect-buttons' ); ?></h4>
				<p><?php esc_html_e( 'Need help with a current project or planning a new one?', 'zubairray-connect-buttons' ); ?></p>
				<p>
					<a href="<?php echo esc_url( $zrcb_about_links['contact'] ); ?>" class="button button-primary button-hero zrcb-about-cta-button" target="_blank" rel="noopener noreferrer">
						<?php esc_html_e( 'Hire Zubair Ray', 'zubairray-connect-buttons' ); ?>
					</a>
				</p>
			</div>
		</section>

		<hr class="zrcb-about-divider" aria-hidden="true">

		<section class="zrcb-about-section">
			<h3 class="zrcb-about-section-title"><?php esc_html_e( 'Useful Links', 'zubairray-connect-buttons' ); ?></h3>
			<ul class="zrcb-about-links">
				<li>
					<span class="zrcb-about-link-icon" aria-hidden="true">🌐</span>
					<a href="<?php echo esc_url( $zrcb_about_links['website'] ); ?>" target="_blank" rel="noopener noreferrer">zubairray.com</a>
				</li>
				<li>
					<span class="zrcb-about-link-icon" aria-hidden="true">📦</span>
					<a href="<?php echo esc_url( $zrcb_about_links['github'] ); ?>" target="_blank" rel="noopener noreferrer">github.com/thezubairray</a>
				</li>
				<li>
					<span class="zrcb-about-link-icon" aria-hidden="true">📖</span>
					<a href="<?php echo esc_url( $zrcb_about_links['documentation'] ); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Documentation', 'zubairray-connect-buttons' ); ?></a>
				</li>
				<li>
					<span class="zrcb-about-link-icon" aria-hidden="true">💬</span>
					<a href="<?php echo esc_url( $zrcb_about_links['support'] ); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Support', 'zubairray-connect-buttons' ); ?></a>
				</li>
			</ul>
		</section>

		<hr class="zrcb-about-divider" aria-hidden="true">

		<footer class="zrcb-about-footer">
			<p class="zrcb-about-footer-made">
				<?php
				echo wp_kses(
					sprintf(
						/* translators: %s: linked author name */
						__( 'Made with ❤️ by %s', 'zubairray-connect-buttons' ),
						sprintf(
							'<a href="%1$s" target="_blank" rel="noopener noreferrer">%2$s</a>',
							esc_url( $zrcb_about_links['website'] ),
							esc_html__( 'Zubair Ray', 'zubairray-connect-buttons' )
						)
					),
					array(
						'a' => array(
							'href'   => array(),
							'target' => array(),
							'rel'    => array(),
						),
					)
				);
				?>
			</p>
			<p class="zrcb-about-footer-tagline"><?php esc_html_e( 'Building WordPress Plugins, Business Websites & Web Applications', 'zubairray-connect-buttons' ); ?></p>
		</footer>
	</div>
</div>
