<?php
/**
 * Upgrade / Pro Edition page.
 *
 * @package Noesia_Commerce_Suite
 */

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

$is_pro_active  = ! empty( $is_pro_active );
$asset_base_url = isset( $asset_base_url ) ? esc_url_raw( $asset_base_url ) : trailingslashit( NOESIA_CS_URL . 'assets/img/pro-page' );
$asset_base_path   = isset( $asset_base_path ) ? trailingslashit( (string) $asset_base_path ) : trailingslashit( NOESIA_CS_PATH . 'assets/img/pro-page' );
$matrix_base_url  = isset( $matrix_base_url ) ? esc_url_raw( $matrix_base_url ) : trailingslashit( NOESIA_CS_URL . 'assets/img/matrix-world' );
$matrix_base_path = isset( $matrix_base_path ) ? trailingslashit( (string) $matrix_base_path ) : trailingslashit( NOESIA_CS_PATH . 'assets/img/matrix-world' );

$noesia_cs_pro_image = static function ( $file, $alt, $class = '' ) use ( $asset_base_url, $asset_base_path ) {
	$file = sanitize_file_name( $file );
	$alt  = sanitize_text_field( $alt );
	$path = $asset_base_path . $file;
	$src  = $asset_base_url . $file;

	if ( $file && file_exists( $path ) ) {
		/* translators: %s: image alternative text. */
		return '<a class="noesia-cs-pro-page__image-link" href="' . esc_url( $src ) . '" data-noesia-cs-pro-lightbox="1" data-noesia-cs-no-ajax="1" aria-label="' . esc_attr( sprintf( __( 'Open larger image: %s', 'noesia-commerce-suite' ), $alt ) ) . '"><img class="' . esc_attr( $class ) . '" src="' . esc_url( $src ) . '" alt="' . esc_attr( $alt ) . '" loading="lazy"><span class="noesia-cs-pro-page__image-zoom" aria-hidden="true">⌕</span></a>';
	}

	return '<div class="noesia-cs-pro-page__image-fallback ' . esc_attr( $class ) . '"><span>' . esc_html( $file ) . '</span></div>';
};


$noesia_cs_matrix_image = static function ( $file, $alt, $class = '' ) use ( $matrix_base_url, $matrix_base_path ) {
	$file = sanitize_file_name( $file );
	$alt  = sanitize_text_field( $alt );
	$path = $matrix_base_path . $file;
	$src  = $matrix_base_url . $file;

	if ( $file && file_exists( $path ) ) {
		/* translators: %s: image alternative text. */
		return '<a class="noesia-cs-pro-page__image-link" href="' . esc_url( $src ) . '" data-noesia-cs-pro-lightbox="1" data-noesia-cs-no-ajax="1" aria-label="' . esc_attr( sprintf( __( 'Open larger image: %s', 'noesia-commerce-suite' ), $alt ) ) . '"><img class="' . esc_attr( $class ) . '" src="' . esc_url( $src ) . '" alt="' . esc_attr( $alt ) . '" loading="lazy"><span class="noesia-cs-pro-page__image-zoom" aria-hidden="true">⌕</span></a>';
	}

	return '<div class="noesia-cs-pro-page__image-fallback noesia-cs-matrix-world__fallback ' . esc_attr( $class ) . '"><span>' . esc_html( $file ) . '</span></div>';
};

$noesia_cs_matrix_apps = array(
	array(
		'image' => 'matrix-01-smart-waiter.webp',
		'badge' => __( 'HoReCa', 'noesia-commerce-suite' ),
		'title' => __( 'Noesia Smart Waiter', 'noesia-commerce-suite' ),
		'text'  => __( 'The new era of HoReCa service is already on the table. QR menu, table call, live command, staff dashboard and WooCommerce-powered service flows.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-02-smart-pocket.webp',
		'badge' => __( 'Media', 'noesia-commerce-suite' ),
		'title' => __( 'Smart Pocket', 'noesia-commerce-suite' ),
		'text'  => __( 'A premium media center and personal vault for music, videos, radio, notes, voice clips, favorites, pins and daily creative control.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-03-hair-ai.webp',
		'badge' => __( 'Beauty AI', 'noesia-commerce-suite' ),
		'title' => __( 'Hair AI Studio', 'noesia-commerce-suite' ),
		'text'  => __( 'AI hairstyle previews and salon consultation tools that help clients visualize their next look before the appointment begins.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-04-guardian.webp',
		'badge' => __( 'Security', 'noesia-commerce-suite' ),
		'title' => __( 'Guardian GPS', 'noesia-commerce-suite' ),
		'text'  => __( 'Location confidence, parking memory, map spots, QR activation and live coordination for businesses, teams, families and personal navigation.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-05-vision.webp',
		'badge' => __( 'OCR', 'noesia-commerce-suite' ),
		'title' => __( 'Noesia Vision', 'noesia-commerce-suite' ),
		'text'  => __( 'Image intelligence and OCR workflows that turn photos, screenshots and visual material into usable operational information.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-06-ai-studio.webp',
		'badge' => __( 'AI', 'noesia-commerce-suite' ),
		'title' => __( 'Noesia AI Studio', 'noesia-commerce-suite' ),
		'text'  => __( 'A business AI workspace for planning, writing, automation, analysis and smarter daily operations inside the Noesia ecosystem.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-07-astrocosmos.webp',
		'badge' => __( 'Cosmos', 'noesia-commerce-suite' ),
		'title' => __( 'AstroCosmos', 'noesia-commerce-suite' ),
		'text'  => __( 'A premium cosmic experience for Moon phases, planetary positions, zodiac energies, retrograde radar, eclipses and shareable sky cards.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-08-clinical.webp',
		'badge' => __( 'Clinical', 'noesia-commerce-suite' ),
		'title' => __( 'Clinical Workspace', 'noesia-commerce-suite' ),
		'text'  => __( 'A reimagined digital medical workspace for clinics, doctors, dentists and structured patient-oriented workflows.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-09-email.webp',
		'badge' => __( 'Marketing', 'noesia-commerce-suite' ),
		'title' => __( 'Email Marketing', 'noesia-commerce-suite' ),
		'text'  => __( 'A private in-platform outreach engine for templates, AI writing, folders, campaign flow and high-volume simulation testing.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-10-image-tools.webp',
		'badge' => __( 'Images', 'noesia-commerce-suite' ),
		'title' => __( 'Image Tools', 'noesia-commerce-suite' ),
		'text'  => __( 'Fast, self-hosted image compression, conversion, editing and export workflows for product visuals, banners, web assets and daily production.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-11-synapse.webp',
		'badge' => __( 'Reflection', 'noesia-commerce-suite' ),
		'title' => __( 'Project Synapse', 'noesia-commerce-suite' ),
		'text'  => __( 'A human AI reflection space for meaningful questions, faith and philosophy scenes, source-aware guidance and private AETHER release.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-12-agents.webp',
		'badge' => __( 'Executive', 'noesia-commerce-suite' ),
		'title' => __( 'Agents', 'noesia-commerce-suite' ),
		'text'  => __( 'A protected executive communication center for CEOs, agencies, directors, organizations and collaborators.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-13-auth-vault.webp',
		'badge' => __( 'Identity', 'noesia-commerce-suite' ),
		'title' => __( 'Auth Vault', 'noesia-commerce-suite' ),
		'text'  => __( 'A self-hosted OTP vault with local unlock, local code generation, encrypted backup paths, pairing codes and standalone PWA behavior.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-14-tasks.webp',
		'badge' => __( 'Productivity', 'noesia-commerce-suite' ),
		'title' => __( 'Tasks & Appointments', 'noesia-commerce-suite' ),
		'text'  => __( 'Daily execution, scheduling and follow-up workflows for teams, operators, agencies and busy professionals.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-16-dental.webp',
		'badge' => __( 'Dental AR', 'noesia-commerce-suite' ),
		'title' => __( 'DentaVision AR', 'noesia-commerce-suite' ),
		'text'  => __( 'See the future smile before treatment begins with a clearer visual direction for whitening, smile previews and aesthetic communication.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-18-compress.webp',
		'badge' => __( 'Speed', 'noesia-commerce-suite' ),
		'title' => __( 'Noesia Image Tools', 'noesia-commerce-suite' ),
		'text'  => __( 'Compress fast, convert quickly, edit instantly and keep image workflows private for creators, agencies, stores and daily production.', 'noesia-commerce-suite' ),
	),
	array(
		'image' => 'matrix-19-livecommand.webp',
		'badge' => __( 'HoReCa OS', 'noesia-commerce-suite' ),
		'title' => __( 'Live Command Pro', 'noesia-commerce-suite' ),
		'text'  => __( 'Turn every QR into a real-time service point for orders, table calls, bill requests, messages, allergy notes, payments and reviews.', 'noesia-commerce-suite' ),
	),
);

$noesia_cs_matrix_highlights = array(
	array(
		'image' => 'matrix-16-dental.webp',
		'eyebrow' => __( 'DentaVision AR', 'noesia-commerce-suite' ),
		'title' => __( 'See the future smile before the treatment begins.', 'noesia-commerce-suite' ),
		'text'  => __( 'In modern dentistry, the patient should not only hear the proposal. They should be able to see it. DentaVision AR helps the dentist show a clearer possible direction for a smile, whitening result or aesthetic improvement before treatment moves forward.', 'noesia-commerce-suite' ),
		'points' => array( __( 'Smile previews', 'noesia-commerce-suite' ), __( 'Whitening direction', 'noesia-commerce-suite' ), __( 'Patient communication', 'noesia-commerce-suite' ) ),
	),
	array(
		'image' => 'matrix-18-compress.webp',
		'eyebrow' => __( 'Noesia Image Tools', 'noesia-commerce-suite' ),
		'title' => __( 'Compress fast. Work smarter. Keep your images private.', 'noesia-commerce-suite' ),
		'text'  => __( 'This is speed you can feel instantly. Noesia Image Tools is built to compress images in fractions of a second for creators, agencies, businesses, ecommerce workflows and daily production.', 'noesia-commerce-suite' ),
		'points' => array( __( 'Mass compression', 'noesia-commerce-suite' ), __( 'Fast conversion', 'noesia-commerce-suite' ), __( 'Instant editing', 'noesia-commerce-suite' ), __( 'More control', 'noesia-commerce-suite' ), __( 'More privacy', 'noesia-commerce-suite' ), __( 'Faster workflow', 'noesia-commerce-suite' ) ),
	),
	array(
		'image' => 'matrix-19-livecommand.webp',
		'eyebrow' => __( 'Live Command Pro · HoReCa Operating Layer', 'noesia-commerce-suite' ),
		'title' => __( 'Turn every QR into a real-time service point.', 'noesia-commerce-suite' ),
		'text'  => __( 'The table should not wait. The guest should not have to search for staff. Live Command Pro is the real-time HoReCa operating layer of Noesia Matrix OS for cafés, restaurants, hotels, beach bars, pool bars, clubs and service environments.', 'noesia-commerce-suite' ),
		'points' => array( __( 'Orders and table calls', 'noesia-commerce-suite' ), __( 'Bill requests', 'noesia-commerce-suite' ), __( 'Customer messages', 'noesia-commerce-suite' ), __( 'Allergy notes', 'noesia-commerce-suite' ), __( 'Payment direction', 'noesia-commerce-suite' ), __( 'Google review prompts', 'noesia-commerce-suite' ) ),
	),
);

$cta_label = $is_pro_active ? __( 'Pro Edition Active', 'noesia-commerce-suite' ) : __( 'Explore Pro Edition', 'noesia-commerce-suite' );
$cta_href  = $is_pro_active ? '#noesia-cs-pro-live-command' : 'https://noesia.io/commerce-suite-for-woocommerce/';
?>
<section class="noesia-cs-pro-page <?php echo $is_pro_active ? 'is-pro-active' : 'is-free-state'; ?>">
	<div class="noesia-cs-pro-page__status noesia-cs-pro-page__status--top <?php echo $is_pro_active ? 'is-active' : 'is-upgrade'; ?>">
		<strong><?php echo esc_html( $is_pro_active ? __( 'Pro Edition Active', 'noesia-commerce-suite' ) : __( 'Free Core Active', 'noesia-commerce-suite' ) ); ?></strong>
		<span><?php echo esc_html( $is_pro_active ? __( 'Your store is running the Pro commerce layer.', 'noesia-commerce-suite' ) : __( 'Your Free Core tools remain active. The separate Pro Edition adds live revenue-protection workflows and an extended customer-care layer.', 'noesia-commerce-suite' ) ); ?></span>
	</div>

	<header class="noesia-cs-pro-page__hero">
		<div class="noesia-cs-pro-page__hero-copy">
			<span class="noesia-cs-pro-page__eyebrow"><?php echo esc_html( $is_pro_active ? __( 'Pro Edition', 'noesia-commerce-suite' ) : __( 'Explore Pro Edition', 'noesia-commerce-suite' ) ); ?></span>
			<span class="noesia-cs-pro-page__brand"><?php esc_html_e( 'Noesia Commerce Suite Pro', 'noesia-commerce-suite' ); ?></span>
			<h1><?php esc_html_e( 'The World’s First Live Checkout Command Center.', 'noesia-commerce-suite' ); ?></h1>
			<p class="noesia-cs-pro-page__hero-lead"><?php esc_html_e( 'A completely new category for E-Commerce. Passive cart tracking, abandoned cart emails, exit intent and guessing games belong to the past. Watch buying intent in real time, intervene with AI-assisted offers, and protect your revenue before the customer leaves—delivering instant satisfaction and a premium shopping experience.', 'noesia-commerce-suite' ); ?></p>
			<p class="noesia-cs-pro-page__micro"><?php esc_html_e( 'Engineered for WooCommerce.', 'noesia-commerce-suite' ); ?></p>
			<div class="noesia-cs-pro-page__hero-actions">
				<a class="noesia-cs-pro-page__button" href="<?php echo esc_url( $cta_href ); ?>"<?php if ( ! $is_pro_active ) : ?> target="_blank" rel="noopener noreferrer"<?php endif; ?>><?php echo esc_html( $cta_label ); ?></a>
				<a class="noesia-cs-pro-page__button is-secondary" href="#noesia-cs-pro-order-care"><?php esc_html_e( 'View Customer Care Layer', 'noesia-commerce-suite' ); ?></a>
			</div>
		</div>
		<div class="noesia-cs-pro-page__hero-media">
			<?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-1.webp', __( 'Noesia Commerce Suite Pro overview', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__hero-img' ) ); ?>
		</div>
	</header>

	<section class="noesia-cs-pro-page__boost-typography" aria-label="<?php esc_attr_e( 'Commerce Suite Pro growth benefits', 'noesia-commerce-suite' ); ?>">
		<strong><?php esc_html_e( 'Boost Sales', 'noesia-commerce-suite' ); ?></strong>
		<strong><?php esc_html_e( 'Boost Trust & Reviews', 'noesia-commerce-suite' ); ?></strong>
		<strong><?php esc_html_e( 'Boost SEO & Store Quality', 'noesia-commerce-suite' ); ?></strong>
	</section>

	<div class="noesia-cs-pro-page__gateway-upgrade-grid">
		<section class="noesia-cs-pro-page__care-gateway-box" aria-label="<?php esc_attr_e( 'Verified order email care gateway', 'noesia-commerce-suite' ); ?>">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Order emails, upgraded', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Turn every order email into a verified care gateway.', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Every WooCommerce order can lead customers back to warranty, support, reviews, reorders and useful resources — helping you bring them back when they need to buy again.', 'noesia-commerce-suite' ); ?></p>
		</section>

		<section class="noesia-cs-pro-page__conversion-strip noesia-cs-pro-page__conversion-strip--intro" aria-label="<?php esc_attr_e( 'Commerce Suite Pro trial and upgrade options', 'noesia-commerce-suite' ); ?>">
			<div>
				<span class="noesia-cs-pro-page__conversion-kicker"><?php echo esc_html( $is_pro_active ? __( 'Pro Edition Active', 'noesia-commerce-suite' ) : __( 'Upgrade Path', 'noesia-commerce-suite' ) ); ?></span>
				<strong><?php esc_html_e( 'Ready to protect more sales?', 'noesia-commerce-suite' ); ?></strong>
				<span><?php esc_html_e( 'Start a 7-day free trial, upgrade when ready, and feel the boost in checkout confidence, customer care, reviews, SEO quality and store performance.', 'noesia-commerce-suite' ); ?></span>
			</div>
			<div class="noesia-cs-pro-page__conversion-actions">
				<a class="noesia-cs-pro-page__button" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Upgrade Now', 'noesia-commerce-suite' ); ?></a>
				<a class="noesia-cs-pro-page__button is-secondary" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Start Free Trial', 'noesia-commerce-suite' ); ?></a>
			</div>
		</section>
	</div>

	<section class="noesia-cs-pro-page__showcase noesia-cs-pro-page__showcase--business" aria-label="<?php esc_attr_e( 'Live Checkout Radar Business Command Center', 'noesia-commerce-suite' ); ?>">
		<div class="noesia-cs-pro-page__showcase-media">
			<a class="noesia-cs-pro-page__innovation-button" href="#noesia-cs-pro-live-command">
				<span><?php esc_html_e( 'World-First E-Commerce Operating Innovation', 'noesia-commerce-suite' ); ?></span>
				<small><?php esc_html_e( 'A global innovation in the operating logic of e-commerce.', 'noesia-commerce-suite' ); ?></small>
			</a>
			<?php echo wp_kses_post( $noesia_cs_pro_image( 'business-command-center.webp', __( 'Live Checkout Radar Business Command Center', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__showcase-img' ) ); ?>
		</div>
		<div class="noesia-cs-pro-page__showcase-copy">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Business Command Center', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Live Checkout Radar: The Ultimate Real-Time Sales Command Center', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Traditional “Exit Intent” tools and abandoned cart emails react when the opportunity has already started to disappear. Why chase the customer after they have left your store, when you can act while they are still deciding?', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Noesia Commerce Suite introduces a global innovation in the operating logic of e-commerce: a live Business Command Center that transforms your admin area into a real-time sales control tower.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'With the extraordinary UI of Live Checkout Radar, you can see who is currently in the checkout flow, which carts carry higher value, which sessions show delay or risk, and when your team should intervene. The system can automatically highlight High-Risk orders — for example, high-value carts above an amount defined by the store administrator — and display them with strong visual priority, so your team does not miss the critical moment.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'The Radar can show the live checkout completion process, meaning that the customer is actively filling in or completing the checkout flow, without being presented as a tool for exposing personal content or sensitive information. This gives the administrator the real operational picture of the moment: who is ready to buy, who is hesitating, and who may need immediate support.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'At that golden moment, you can intervene live. With one click, you can send an instant pop-up message directly to the customer’s screen, without reloading the page. If you see a €300 cart hesitating, you can immediately send: “Complete your order now and get 10% off” or “Need help with payment? We are here for you.”', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'With AI Magic Suggestion, the administrator can generate more natural, commercial, and human customer messages in seconds. Your store no longer waits passively to see whether a sale will be completed or lost. It acts intelligently, increases the chances of conversion, improves the quality of customer service, and delivers a checkout experience that feels live, premium, and personal.', 'noesia-commerce-suite' ); ?></p>
			<div class="noesia-cs-pro-page__showcase-pills" aria-label="<?php esc_attr_e( 'Live Checkout Radar highlights', 'noesia-commerce-suite' ); ?>">
				<span><?php esc_html_e( 'Real-time Live Checkout Radar', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Cinema Mode for a powerful operational view', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'High-Risk orders with strong visual priority', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Live customer messages without page reload', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'AI-assisted message suggestions', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Designed to increase sales and reduce lost checkout opportunities', 'noesia-commerce-suite' ); ?></span>
			</div>
		</div>
	</section>

	<section class="noesia-cs-pro-page__showcase noesia-cs-pro-page__showcase--dpp" aria-label="<?php esc_attr_e( 'EU Digital Product Passport Readiness', 'noesia-commerce-suite' ); ?>">
		<div class="noesia-cs-pro-page__showcase-copy">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Compliance & Product Transparency', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'EU Digital Product Passport Readiness: Strengthen Your E-Shop Legally, Commercially & Ecologically', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'The European Union is changing the rules of commerce. The direction is clear: more transparency, more traceability, greater environmental responsibility, and better information for consumers. The Digital Product Passport is gradually becoming part of the new framework for circular economy and product transparency, and businesses that prepare early will be in a much stronger position.', 'noesia-commerce-suite' ); ?></p>
			<p class="noesia-cs-pro-page__showcase-question"><?php esc_html_e( 'Will your store wait until the last moment?', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Noesia Commerce Suite gives you an advanced EU DPP Readiness Layer today: a practical, premium, and organized preparation infrastructure for the new era of product transparency. It is not presented as an official legal certification or a guarantee of full compliance, but as a serious readiness framework that helps an online store organize, display, and deliver important product information in a clean, modern, and customer-friendly way.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Gradually reduce paper manuals, lower your environmental footprint, strengthen the quality image of your store, and show customers that your business does not operate casually. It operates with transparency, structure, and respect for the product, the consumer, and the environment.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'The customer can access the information through the Noesia Care Hub, from the support/order care area of their purchase, from the order email, or optionally through a premium Noesia QR Code generated by the Noesia QR system. The QR code can be printed, included with the product, or used as a digital bridge for customer information.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Inside the Care Hub, the customer can view structured information such as traceability, origin, digital manuals, repair or care instructions, materials, recycling, service details, spare parts, and other important product information selected by the administrator. Empty boxes are not displayed, and false claims are not generated. Only properly completed information appears.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'The result is a much higher-quality e-commerce experience: less paper, better information, stronger trust, greater environmental responsibility, and a premium post-purchase journey. The customer does not simply receive a product. They receive an organized digital experience that communicates seriousness, safety, and respect.', 'noesia-commerce-suite' ); ?></p>
			<div class="noesia-cs-pro-page__showcase-pills" aria-label="<?php esc_attr_e( 'EU DPP Readiness highlights', 'noesia-commerce-suite' ); ?>">
				<span><?php esc_html_e( 'EU DPP Readiness Layer for product transparency', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Care Hub with customer-facing product information', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'QR-powered access through Noesia QR', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Digital manuals, repair guides, recycling and traceability', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Less paper and stronger environmental responsibility', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Legally careful preparation without false claims of full certification', 'noesia-commerce-suite' ); ?></span>
			</div>
			<div class="noesia-cs-pro-page__retention-note">
				<strong><?php esc_html_e( 'Customer Retention & Repeat Sales', 'noesia-commerce-suite' ); ?></strong>
				<p><?php esc_html_e( 'Beyond readiness and transparency, this creates a powerful customer retention channel. When customers can return to the same Care Hub for product information, manuals, repair guidance, spare parts, service details, recycling instructions, and QR-based access, the store remains connected to them long after the first purchase.', 'noesia-commerce-suite' ); ?></p>
				<p><?php esc_html_e( 'For repeatable products, accessories, spare parts, consumables, and service-related items, this can strongly influence future buying behavior. Instead of searching elsewhere, the customer has a clear, trusted, and memorable path back to the original store. The QR code, whether digital or printed, becomes a permanent bridge between the product and the business.', 'noesia-commerce-suite' ); ?></p>
				<p><?php esc_html_e( 'Generated entirely on your own server — 100% self-hosted, privacy-first, and without relying on external QR APIs — this system helps keep the customer experience under the store’s control while strengthening data privacy, customer loyalty, and long-term trust.', 'noesia-commerce-suite' ); ?></p>
			</div>
			<p class="noesia-cs-pro-page__showcase-disclaimer"><?php esc_html_e( 'Readiness note: this feature is a tool for preparing, organizing, and presenting product information through a privacy-first local QR delivery and Care Hub workflow. It is not an official legal certification, does not replace legal advice, and does not by itself guarantee full compliance for every product or market. The system is designed to evolve with upcoming EU Digital Product Passport technical specifications as they are finalized and published. The store administrator remains solely responsible for the accuracy of the data, the product-specific information provided, and the legal obligations that apply to their products, market, and business category.', 'noesia-commerce-suite' ); ?></p>
		</div>
		<div class="noesia-cs-pro-page__showcase-media">
			<?php echo wp_kses_post( $noesia_cs_pro_image( 'eu-dpp-readiness.webp', __( 'EU Digital Product Passport readiness for e-commerce', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__showcase-img' ) ); ?>
			<a class="noesia-cs-pro-page__showcase-cta noesia-cs-pro-page__showcase-cta--dpp" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer">
				<span><?php esc_html_e( 'Explore Pro Tools', 'noesia-commerce-suite' ); ?></span>
				<small><?php esc_html_e( 'Activate product transparency, retention and premium care workflows.', 'noesia-commerce-suite' ); ?></small>
				<strong class="noesia-cs-pro-page__showcase-cta-action"><?php esc_html_e( 'Start 7 Days Free Trial or Buy Now', 'noesia-commerce-suite' ); ?></strong>
			</a>
		</div>
	</section>

	<section class="noesia-cs-pro-page__showcase noesia-cs-pro-page__showcase--recovery-visual" aria-label="<?php esc_attr_e( 'Smart Recovery Contacts', 'noesia-commerce-suite' ); ?>">
		<div class="noesia-cs-pro-page__recovery-visual">
			<?php echo wp_kses_post( $noesia_cs_pro_image( 'smart-recovery-contacts.webp', __( 'Smart Recovery Contacts', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__recovery-visual-img' ) ); ?>
		</div>
	</section>

	<section id="noesia-cs-pro-live-command" class="noesia-cs-pro-page__section noesia-cs-pro-page__section--split">
		<div>
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Before purchase', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Stop Losing Sales at Checkout', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Traditional abandoned cart tools react after the shopper leaves. Checkout Confidence Pro shows high-intent cart and checkout hesitation while the customer is still buying, so the store owner can select one live visitor and send a targeted on-screen assist message before the sale is lost.', 'noesia-commerce-suite' ); ?></p>
			<div class="noesia-cs-pro-page__feature-grid">
				<article><strong><?php esc_html_e( 'Checkout Radar', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'See active cart and checkout sessions, hesitation signals, cart value and buying intent as they happen.', 'noesia-commerce-suite' ); ?></span></article>
				<article><strong><?php esc_html_e( 'Live Assist', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Send one precise on-screen message when the shopper needs help, reassurance or a clear offer.', 'noesia-commerce-suite' ); ?></span></article>
				<article><strong><?php esc_html_e( 'AI Magic Suggestion', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'AI drafts the message. The admin reviews it, edits it if needed, and decides whether to send.', 'noesia-commerce-suite' ); ?></span></article>
			</div>
		</div>
		<?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-2.webp', __( 'Live Checkout Command Center', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__section-img' ) ); ?>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-pro-page__section--split is-reversed">
		<div>
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Order emails reborn', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Every Order Email Becomes a Verified Care Gateway', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Your WooCommerce emails are no longer only receipts. They become the entrance to a trusted care experience where customers can return to support, warranty, reorder, reviews and useful order resources.', 'noesia-commerce-suite' ); ?></p>
			<ul class="noesia-cs-pro-page__check-list">
				<li><?php esc_html_e( 'Better customer protection after purchase.', 'noesia-commerce-suite' ); ?></li>
				<li><?php esc_html_e( 'A clearer path back to your store instead of competitors.', 'noesia-commerce-suite' ); ?></li>
				<li><?php esc_html_e( 'A more professional identity for every order communication.', 'noesia-commerce-suite' ); ?></li>
			</ul>
		</div>
		<?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-3.webp', __( 'Verified customer care gateway from order email', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__section-img' ) ); ?>
	</section>

	<section id="noesia-cs-pro-order-care" class="noesia-cs-pro-page__section noesia-cs-pro-page__section--cards">
		<div class="noesia-cs-pro-page__section-heading">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'After purchase', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Turn Every Order Into a Customer Care Hub', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Give every order a premium care layer with verified purchase, warranty, support, reorder, reviews and QR-powered after-sales access.', 'noesia-commerce-suite' ); ?></p>
		</div>
		<div class="noesia-cs-pro-page__media-grid">
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-4.webp', __( 'Order Care Hub', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Order Care Hub', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Customers scan, return, review, reorder or request support from one premium care page.', 'noesia-commerce-suite' ); ?></p></article>
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-5.webp', __( 'Warranty by order and product', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Warranty by Order & Product', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Connect purchases to warranty guidance, proof, support and product-specific care rules.', 'noesia-commerce-suite' ); ?></p></article>
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-6.webp', __( 'Support reviews and reorder flow', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Support, Reviews & Reorders', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Reduce friction after the sale and turn completed orders into stronger relationships.', 'noesia-commerce-suite' ); ?></p></article>
		</div>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-pro-page__section--split">
		<div>
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Repeat purchase engine', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Bring Customers Back When They Need to Buy Again', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Let customers choose their own future reminder date from the care experience. It is useful, intentional and connected to products they already bought.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Ideal for water filters, pet food and accessories, cosmetics, coffee, supplements, printer ink, spare parts, maintenance items and other consumable products.', 'noesia-commerce-suite' ); ?></p>
		</div>
		<?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-7.webp', __( 'Repeat purchase reminder engine', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__section-img' ) ); ?>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-pro-page__section--cards">
		<div class="noesia-cs-pro-page__section-heading">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Professional tools', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'A Complete Pro Layer for WooCommerce Stores', 'noesia-commerce-suite' ); ?></h2>
		</div>
		<div class="noesia-cs-pro-page__media-grid noesia-cs-pro-page__media-grid--four">
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-8.webp', __( 'Customer QR Studio', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Customer QR Studio', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Print QR cards, package inserts, product labels, warranty cards and reorder reminders.', 'noesia-commerce-suite' ); ?></p></article>
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-9.webp', __( 'Ecommerce Doctor Pro', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Ecommerce Doctor Pro', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Find product gaps, weak store signals, revenue leaks and action steps before they cost sales.', 'noesia-commerce-suite' ); ?></p></article>
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-10.webp', __( 'Live store pulse and header analytics', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Live Store Pulse', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'Keep live orders, checkout activity and revenue signals visible in the Noesia header.', 'noesia-commerce-suite' ); ?></p></article>
			<article><?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-11.webp', __( 'Woo Admin Skin Pro', 'noesia-commerce-suite' ) ) ); ?><h3><?php esc_html_e( 'Woo Admin Skin Pro', 'noesia-commerce-suite' ); ?></h3><p><?php esc_html_e( 'A cleaner, calmer and more premium WooCommerce admin experience for daily work.', 'noesia-commerce-suite' ); ?></p></article>
		</div>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-pro-page__final">
		<?php echo wp_kses_post( $noesia_cs_pro_image( 'screenshot-12.webp', __( 'Complete Pro commerce layer', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__final-img' ) ); ?>
		<div>
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Complete customer journey', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Before purchase. After purchase. When they need to buy again.', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Noesia Commerce Suite Pro connects live checkout intervention, order care, QR access, warranty, support, reviews, repeat purchases, analytics and a premium admin experience into one focused commerce layer.', 'noesia-commerce-suite' ); ?></p>
		</div>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-pro-page__real-features" aria-label="<?php esc_attr_e( 'Noesia Commerce Suite Pro features', 'noesia-commerce-suite' ); ?>">
		<div class="noesia-cs-pro-page__section-heading">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Pro tools included', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'What Noesia Commerce Suite Pro Adds to Your Store', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'Clear Pro tools that protect the sale, improve after-sales care, strengthen store quality and make daily WooCommerce work feel more premium.', 'noesia-commerce-suite' ); ?></p>
		</div>
		<div class="noesia-cs-pro-page__real-feature-grid">
			<article><strong><?php esc_html_e( 'Operations Home', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'One Pro home for live checkout, customer care, QR Studio, Doctor Pro, analytics and daily store control.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Checkout Confidence Analytics', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'See where orders come from, how customers pay and where checkout confidence can become stronger.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Live Checkout Radar', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'A new live checkout command center: see shoppers while they are still deciding, spot hesitation, and act before the sale disappears.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Radar Cinema Mode', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Open a focused full-screen view for active sessions, live signals and store command moments.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Manual Live Assist', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Send one helpful on-screen offer, reassurance or support message to the shopper who needs it now.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'AI Magic Suggestion', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Ask AI for a short offer or help message, review it, then decide if it should be sent.', 'noesia-commerce-suite' ); ?></span></article>

			<article><strong><?php esc_html_e( 'Smart Recovery Contacts', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Capture valid checkout emails and phone numbers locally, remove duplicates automatically, and export separate CSV lists for approved recovery, CRM or marketing workflows.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( '🔴 Live Radar Header Badge', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'A visible header badge shows when live cart or checkout activity is happening and opens the Radar instantly.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Care Hub Templates', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Make the customer care page look more premium for warranty, support, reviews and reorders.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Advanced Warranty Rules', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Set different warranty periods for specific products, SKUs or categories.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Branded QR & Care Emails', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Make QR cards, care emails, access cards and reminder buttons match your store brand.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Customer QR Studio', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Print QR cards, labels, stickers and package inserts that bring customers back to support, warranty, reviews and reorders.', 'noesia-commerce-suite' ); ?></span></article>

			<article><strong><?php esc_html_e( 'EU DPP Readiness', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Prepare structured product transparency information for Care Hub and QR access, including manuals, traceability, recycling, repair guidance and service details.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Care Hub Product Information', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Add customer-facing product details to the Care Hub and QR flow, such as manuals, origin, repair guidance, materials, recycling, spare parts and service information. Empty fields stay hidden.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Ecommerce Doctor Pro Deep Store Scan', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Built for stores with many products: scan catalog quality, images, prices, stock, shipping and variation readiness without trying to process everything at once.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Doctor Pro Action Plan', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Get a clear fix plan: what needs attention first, how serious it is, and direct links to the products that need work.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Doctor Pro CSV Fix Report', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Download the Doctor Pro fix list as CSV so you or your team can improve the store step by step.', 'noesia-commerce-suite' ); ?></span></article>
			<article><strong><?php esc_html_e( 'Woo Admin Skin Pro', 'noesia-commerce-suite' ); ?></strong><span><?php esc_html_e( 'Make selected WooCommerce admin pages cleaner, calmer and easier to work with every day.', 'noesia-commerce-suite' ); ?></span></article>
		</div>
	</section>

	<section class="noesia-cs-pro-page__trial-visual" aria-label="<?php esc_attr_e( 'Noesia Commerce Suite Pro free trial', 'noesia-commerce-suite' ); ?>">
		<div class="noesia-cs-pro-page__trial-copy">
			<span><?php esc_html_e( 'Noesia Commerce Suite Pro Trial', 'noesia-commerce-suite' ); ?></span>
			<strong><?php esc_html_e( 'Start 7 Days Free Trial', 'noesia-commerce-suite' ); ?></strong>
			<p><?php esc_html_e( 'Open the live checkout command center, upgrade customer care and feel the sales, review and store-quality boost inside WooCommerce.', 'noesia-commerce-suite' ); ?></p>
			<a class="noesia-cs-pro-page__button" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Start 7 Days Free Trial', 'noesia-commerce-suite' ); ?></a>
		</div>
		<?php echo wp_kses_post( $noesia_cs_pro_image( 'noesia-trial-buy.webp', __( 'Start Noesia Commerce Suite Pro trial', 'noesia-commerce-suite' ), 'noesia-cs-pro-page__trial-img' ) ); ?>
	</section>

	<section class="noesia-cs-pro-page__conversion-strip noesia-cs-pro-page__conversion-strip--between" aria-label="<?php esc_attr_e( 'Commerce Suite Pro trial and upgrade options before Matrix section', 'noesia-commerce-suite' ); ?>">
		<div>
			<strong><?php esc_html_e( 'Ready to protect more sales?', 'noesia-commerce-suite' ); ?></strong>
			<span><?php esc_html_e( 'Start a 7-day free trial, upgrade when ready, and feel the boost in checkout confidence, customer care, reviews, SEO quality and store performance.', 'noesia-commerce-suite' ); ?></span>
		</div>
		<div class="noesia-cs-pro-page__conversion-actions">
			<a class="noesia-cs-pro-page__button" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Upgrade Now', 'noesia-commerce-suite' ); ?></a>
			<a class="noesia-cs-pro-page__button is-secondary" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Start Free Trial', 'noesia-commerce-suite' ); ?></a>
		</div>
	</section>

	<section class="noesia-cs-pro-page__product-boundary" aria-label="<?php esc_attr_e( 'Commerce Suite and Matrix section boundary', 'noesia-commerce-suite' ); ?>">
		<span><?php esc_html_e( 'Noesia Commerce Suite Pro ends here', 'noesia-commerce-suite' ); ?></span>
		<strong><?php esc_html_e( 'Next: a separate Noesia product world.', 'noesia-commerce-suite' ); ?></strong>
		<p><?php esc_html_e( 'The following section is not another Commerce Suite feature. It introduces Noesia Matrix OS X_CODE, the wider Noesia ecosystem for businesses that want more apps and a larger operating layer inside WordPress.', 'noesia-commerce-suite' ); ?></p>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-matrix-bridge" aria-label="<?php esc_attr_e( 'Noesia ecosystem transition', 'noesia-commerce-suite' ); ?>">
		<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'Beyond Commerce Suite', 'noesia-commerce-suite' ); ?></span>
		<h2><?php esc_html_e( 'Explore another Noesia product world.', 'noesia-commerce-suite' ); ?></h2>
		<p><?php esc_html_e( 'The next section introduces Noesia Matrix OS X_CODE — a separate Noesia ecosystem for businesses that want more apps, more workflows and a wider operating layer inside WordPress.', 'noesia-commerce-suite' ); ?></p>
		<a class="noesia-cs-pro-page__button is-secondary" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Explore Noesia World', 'noesia-commerce-suite' ); ?></a>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-matrix-world" id="noesia-cs-matrix-world">
		<div class="noesia-cs-matrix-world__hero">
			<div class="noesia-cs-matrix-world__hero-media">
				<?php echo wp_kses_post( $noesia_cs_matrix_image( 'matrix-hero.webp', __( 'Noesia Matrix OS X_CODE', 'noesia-commerce-suite' ), 'noesia-cs-matrix-world__hero-img' ) ); ?>
			</div>
			<div class="noesia-cs-matrix-world__copy">
				<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'NOESIA MATRIX OS X_CODE', 'noesia-commerce-suite' ); ?></span>
				<h2><?php esc_html_e( 'Explore the Noesia Ecosystem', 'noesia-commerce-suite' ); ?></h2>
				<p><?php esc_html_e( 'The WordPress-powered operating system behind Noesia.', 'noesia-commerce-suite' ); ?></p>
				<p><?php esc_html_e( 'Noesia Commerce Suite is one part of a much larger software world. Discover Noesia Matrix OS X_CODE — a modular operating system with 35+ apps for HoReCa, business operations, AI, media, security, clinical workflows, beauty, productivity and daily intelligence.', 'noesia-commerce-suite' ); ?></p>
				<div class="noesia-cs-matrix-world__access">
					<strong><?php esc_html_e( 'NOESIA MATRIX OS ACCESS', 'noesia-commerce-suite' ); ?></strong>
					<span><?php esc_html_e( 'Get 7 Days Free Trial · 1-Click Access · 1-Minute Installation', 'noesia-commerce-suite' ); ?></span>
				</div>
				<div class="noesia-cs-matrix-world__price">
					<strong><?php esc_html_e( 'Noesia Matrix Pro starts from €9.90/month.', 'noesia-commerce-suite' ); ?></strong>
					<span><?php esc_html_e( 'Annual access available from €99/year.', 'noesia-commerce-suite' ); ?></span>
				</div>
				<a class="noesia-cs-pro-page__button" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Explore Matrix OS Trial', 'noesia-commerce-suite' ); ?></a>
			</div>
		</div>

		<div class="noesia-cs-matrix-world__rail" aria-label="<?php esc_attr_e( 'Noesia Matrix OS app gallery', 'noesia-commerce-suite' ); ?>">
			<?php foreach ( $noesia_cs_matrix_apps as $noesia_cs_matrix_app ) : ?>
				<article class="noesia-cs-matrix-world__card">
					<?php echo wp_kses_post( $noesia_cs_matrix_image( $noesia_cs_matrix_app['image'], $noesia_cs_matrix_app['title'], 'noesia-cs-matrix-world__card-img' ) ); ?>
					<div class="noesia-cs-matrix-world__card-body">
						<span><?php echo esc_html( $noesia_cs_matrix_app['badge'] ); ?></span>
						<h3><?php echo esc_html( $noesia_cs_matrix_app['title'] ); ?></h3>
						<p><?php echo esc_html( $noesia_cs_matrix_app['text'] ); ?></p>
					</div>
				</article>
			<?php endforeach; ?>
		</div>

		<div class="noesia-cs-matrix-world__highlights" aria-label="<?php esc_attr_e( 'Featured Noesia Matrix OS experiences', 'noesia-commerce-suite' ); ?>">
			<?php foreach ( $noesia_cs_matrix_highlights as $noesia_cs_matrix_highlight ) : ?>
				<article class="noesia-cs-matrix-world__highlight">
					<?php echo wp_kses_post( $noesia_cs_matrix_image( $noesia_cs_matrix_highlight['image'], $noesia_cs_matrix_highlight['title'], 'noesia-cs-matrix-world__highlight-img' ) ); ?>
					<div class="noesia-cs-matrix-world__highlight-copy">
						<span><?php echo esc_html( $noesia_cs_matrix_highlight['eyebrow'] ); ?></span>
						<h3><?php echo esc_html( $noesia_cs_matrix_highlight['title'] ); ?></h3>
						<p><?php echo esc_html( $noesia_cs_matrix_highlight['text'] ); ?></p>
						<div class="noesia-cs-matrix-world__highlight-points">
							<?php foreach ( $noesia_cs_matrix_highlight['points'] as $noesia_cs_matrix_point ) : ?>
								<em><?php echo esc_html( $noesia_cs_matrix_point ); ?></em>
							<?php endforeach; ?>
						</div>
					</div>
				</article>
			<?php endforeach; ?>
		</div>
	</section>

	<section class="noesia-cs-pro-page__section noesia-cs-matrix-systems" id="noesia-cs-matrix-systems">
		<div class="noesia-cs-matrix-systems__media">
			<?php echo wp_kses_post( $noesia_cs_matrix_image( 'matrix-systems-banner.webp', __( 'Noesia Matrix Systems private digital architecture', 'noesia-commerce-suite' ), 'noesia-cs-matrix-systems__img' ) ); ?>
		</div>
		<div class="noesia-cs-matrix-systems__copy">
			<span class="noesia-cs-pro-page__eyebrow"><?php esc_html_e( 'NOESIA MATRIX SYSTEMS', 'noesia-commerce-suite' ); ?></span>
			<h2><?php esc_html_e( 'Private digital architecture for serious companies.', 'noesia-commerce-suite' ); ?></h2>
			<p><?php esc_html_e( 'We design bespoke software, portals, dashboards, QR workflows, AI-assisted business tools, HoReCa operational systems, marketing presentation layers, customer experience flows, business intelligence structures, scientific and medical systems, and cybersecurity-aware architecture.', 'noesia-commerce-suite' ); ?></p>
			<p><?php esc_html_e( 'Engineered around real business logic, executive control and the way your company actually operates.', 'noesia-commerce-suite' ); ?></p>
			<div class="noesia-cs-matrix-systems__pills">
				<span><?php esc_html_e( 'Enterprise Systems', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'HoReCa Operations', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'AI Workflows', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Marketing Systems', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Customer Psychology', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Business Intelligence', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Medical & Research', 'noesia-commerce-suite' ); ?></span>
				<span><?php esc_html_e( 'Security Architecture', 'noesia-commerce-suite' ); ?></span>
			</div>
			<div class="noesia-cs-matrix-systems__actions">
				<a class="noesia-cs-pro-page__button" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Start a Custom Project', 'noesia-commerce-suite' ); ?></a>
				<a class="noesia-cs-pro-page__button is-secondary" href="https://noesia.io/commerce-suite-for-woocommerce/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Read More', 'noesia-commerce-suite' ); ?></a>
			</div>
			<p class="noesia-cs-matrix-systems__closing"><?php esc_html_e( 'Built for companies ready to move beyond generic digital presence.', 'noesia-commerce-suite' ); ?></p>
		</div>
	</section>

</section>
