<?php
defined( 'ABSPATH' ) || exit;

$features = array(
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-cart" style="background:#EFF6FF;color:#3b82f6"></span>',
		'title' => esc_html__( '1 Click Checkout', 'quicker' ),
		'desc'  => esc_html__( 'Let customers buy with a single click, reducing cart abandonment and boosting conversions.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-image-filter" style="background:#ECFDF5;color:#10b981"></span>',
		'title' => esc_html__( 'Checkout Field Editor', 'quicker' ),
		'desc'  => esc_html__( 'Add, remove, or reorder WooCommerce checkout fields with a drag-and-drop editor.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-buddicons-groups" style="background:#FFFBEB;color:#f59e0b"></span>',
		'title' => esc_html__( 'Extra Fees in Checkout', 'quicker' ),
		'desc'  => esc_html__( 'Add conditional fees by product, category, payment method, or order total.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-admin-page" style="background:#F5F3FF;color:#8b5cf6"></span>',
		'title' => esc_html__( 'Side Cart / Mini Cart', 'quicker' ),
		'desc'  => esc_html__( 'A slide-in cart drawer that keeps shoppers engaged without leaving the current page.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-cart" style="background:#FDF2F8;color:#ec4899"></span>',
		'title' => esc_html__( 'Ajax Add to Cart', 'quicker' ),
		'desc'  => esc_html__( 'Add products to cart instantly via AJAX — no page reload for a faster shopping flow.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-welcome-view-site" style="background:#FFF7ED;color:#f97316"></span>',
		'title' => esc_html__( 'Quick View', 'quicker' ),
		'desc'  => esc_html__( 'Preview product details in a popup without navigating away from the shop page.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-superhero-alt" style="background:#F0FDFA;color:#0d9488"></span>',
		'title' => esc_html__( 'Order Bump', 'quicker' ),
		'desc'  => esc_html__( 'Boost average order value with relevant add-on offers directly on the checkout page.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-money" style="background:#F0F9FF;color:#0ea5e9"></span>',
		'title' => esc_html__( 'Cash On Delivery Charge', 'quicker' ),
		'desc'  => esc_html__( 'Apply a surcharge for COD orders to offset handling costs automatically.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-star-filled" style="background:#EFF6FF;color:#3b82f6"></span>',
		'title' => esc_html__( 'Product Addons', 'quicker' ),
		'desc'  => esc_html__( 'Offer custom addons, engraving, gifting options, and more right on the product page.', 'quicker' ),
	),
	array(
		'icon'  => '<span class="qkr-feat-icon dashicons dashicons-chart-area" style="background:#ECFDF5;color:#10b981"></span>',
		'title' => esc_html__( 'Min / Max Order Amount', 'quicker' ),
		'desc'  => esc_html__( 'Control which orders get processed by setting minimum and maximum amount rules.', 'quicker' ),
	),
	array(
		'icon'     => '<span class="qkr-feat-icon dashicons dashicons-randomize" style="background:#FDF4FF;color:#c026d3"></span>',
		'title'    => esc_html__( 'Multi-Step Checkout', 'quicker' ),
		'desc'     => esc_html__( 'Break checkout into guided steps for a cleaner, less overwhelming experience.', 'quicker' ),
		'upcoming' => true,
	),
	array(
		'icon'     => '<span class="qkr-feat-icon dashicons dashicons-awards" style="background:#FFFBEB;color:#d97706"></span>',
		'title'    => esc_html__( 'Purchase Rewards', 'quicker' ),
		'desc'     => esc_html__( 'Reward customers who reach specific purchase amounts to drive repeat orders.', 'quicker' ),
		'upcoming' => true,
	),
	array(
		'icon'     => '<span class="qkr-feat-icon dashicons dashicons-migrate" style="background:#F0F9FF;color:#0ea5e9"></span>',
		'title'    => esc_html__( 'Pabbly / Zapier Integration', 'quicker' ),
		'desc'     => esc_html__( 'Connect Quicker to thousands of apps and automate your order workflows.', 'quicker' ),
		'upcoming' => true,
	),
);

$more_products = array(
	array(
		'url_demo' => 'https://wpbens.com/memberhub/',
		'url_free' => 'https://wordpress.org/plugins/memberhub/',
		'title'    => esc_html__( 'MemberHub', 'quicker' ),
		'logo'     => 'plugin-logo-memberhub.gif',
		'desc'     => esc_html__( 'Transform your site into a membership platform — restrict content, manage subscriptions, and offer member-exclusive pricing.', 'quicker' ),
		'cta_free' => esc_html__( 'Free', 'quicker' ),
		'cta_demo' => esc_html__( 'Premium', 'quicker' ),
	),
	array(
		'url_demo' => 'https://wpbens.com/plugin/filter-plus/',
		'url_free' => 'https://wordpress.org/plugins/filter-plus/',
		'title'    => esc_html__( 'Filter Plus', 'quicker' ),
		'logo'     => 'plugin-logo-filter-plus.gif',
		'desc'     => esc_html__( 'Create beautiful filter widgets for WooCommerce products and blog posts — by price, category, tags, rating, and more.', 'quicker' ),
		'cta_free' => esc_html__( 'Free', 'quicker' ),
		'cta_demo' => esc_html__( 'Premium', 'quicker' ),
	),
	array(
		'url_demo' => 'https://wpbens.com/plugin/discountify/',
		'url_free' => 'https://wordpress.org/plugins/discountify/',
		'title'    => esc_html__( 'Discountify', 'quicker' ),
		'logo'     => 'plugin-logo-discountify.gif',
		'desc'     => esc_html__( 'Dynamic pricing and discount rules for WooCommerce — percentage, fixed, BOGO, tiered, and conditional discounts.', 'quicker' ),
		'cta_free' => esc_html__( 'Free', 'quicker' ),
		'cta_demo' => esc_html__( 'Premium', 'quicker' ),
	),
	array(
		'url_demo' => 'https://wpbens.com/plugins/mailerhub/',
		'url_free' => 'https://wordpress.org/plugins/bens-email-marketing-automation/',
		'title'    => esc_html__( 'MailerHub', 'quicker' ),
		'logo'     => 'plugin-logo-mailerhub.png',
		'desc'     => esc_html__( 'All-in-one Email Marketing & CRM — send campaigns, automate sequences, manage contacts, and grow your list.', 'quicker' ),
		'cta_free' => esc_html__( 'Free', 'quicker' ),
		'cta_demo' => esc_html__( 'Premium', 'quicker' ),
	),
);
?>

<!-- Hero -->
<div class="qkr-hero">
	<div class="qkr-hero-left">
		<div class="qkr-hero-badge">
			<span class="dashicons dashicons-cart"></span>
			<?php esc_html_e( 'WooCommerce Quick Checkout Plugin', 'quicker' ); ?>
		</div>
		<h1 class="qkr-hero-title"><?php esc_html_e( 'Convert Browsers into Buyers with a Faster Checkout', 'quicker' ); ?></h1>
		<p class="qkr-hero-desc"><?php esc_html_e( 'Reduce cart abandonment and boost conversions with 1-click checkout, side cart, order bumps, ajax add-to-cart, quick view, and more — all in one plugin.', 'quicker' ); ?></p>
		<div class="qkr-hero-stats">
			<div class="qkr-hero-stat">
				<strong>4.8 &#9733;</strong>
				<span><?php esc_html_e( 'Plugin Rating', 'quicker' ); ?></span>
			</div>
			<div class="qkr-hero-stat-sep"></div>
			<div class="qkr-hero-stat">
				<strong>10+</strong>
				<span><?php esc_html_e( 'Features', 'quicker' ); ?></span>
			</div>
			<div class="qkr-hero-stat-sep"></div>
			<div class="qkr-hero-stat">
				<strong>100%</strong>
				<span><?php esc_html_e( 'Free to Use', 'quicker' ); ?></span>
			</div>
		</div>
		<div class="qkr-hero-actions">
			<a href="<?php echo esc_url( admin_url( 'admin.php?page=quicker-settings' ) ); ?>" class="qkr-btn-hero-primary">
				<span class="dashicons dashicons-admin-settings"></span>
				<?php esc_html_e( 'Configure Quicker', 'quicker' ); ?>
			</a>
			<a href="https://www.wpbens.com/plugins/quicker/" target="_blank" class="qkr-btn-hero-secondary">
				<?php esc_html_e( 'Explore Pro', 'quicker' ); ?>
				<span class="dashicons dashicons-arrow-right-alt"></span>
			</a>
		</div>
	</div>
	<div class="qkr-hero-right">
		<div class="qkr-speed-pill qkr-pill-1">
			<span class="dashicons dashicons-cart"></span>
			<?php esc_html_e( '1-Click Checkout', 'quicker' ); ?>
		</div>
		<div class="qkr-speed-pill qkr-pill-2">
			<span class="dashicons dashicons-superhero-alt"></span>
			<?php esc_html_e( 'Order Bump', 'quicker' ); ?>
		</div>
		<div class="qkr-speed-pill qkr-pill-3">
			<span class="dashicons dashicons-admin-page"></span>
			<?php esc_html_e( 'Side Cart', 'quicker' ); ?>
		</div>

		<svg viewBox="0 0 480 330" fill="none" xmlns="http://www.w3.org/2000/svg" class="qkr-hero-svg" aria-hidden="true">

			<!-- Card background -->
			<rect x="6" y="6" width="468" height="318" rx="18" fill="white" fill-opacity="0.97"/>

			<!-- Step Progress -->
			<rect x="22" y="16" width="436" height="32" rx="8" fill="#f8faff"/>
			<rect x="22" y="30" width="436" height="18" fill="#f8faff"/>

			<!-- Step 1: Cart (complete) -->
			<circle cx="62" cy="32" r="9" fill="#3b6ef8"/>
			<polyline points="57.5,32 60.5,35 66.5,28" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
			<text x="62" y="52" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" fill="#6b7280">Cart</text>
			<rect x="71" y="30" width="50" height="4" rx="2" fill="#3b6ef8"/>

			<!-- Step 2: Details (active) -->
			<circle cx="129" cy="32" r="9" fill="#3b6ef8"/>
			<text x="129" y="35" text-anchor="middle" font-family="Arial,sans-serif" font-size="7" font-weight="700" fill="white">2</text>
			<text x="129" y="52" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" fill="#3b6ef8" font-weight="600">Details</text>
			<rect x="138" y="30" width="50" height="4" rx="2" fill="#e5e7eb"/>

			<!-- Step 3: Payment -->
			<circle cx="196" cy="32" r="9" fill="white" stroke="#e5e7eb" stroke-width="1.5"/>
			<text x="196" y="35" text-anchor="middle" font-family="Arial,sans-serif" font-size="7" fill="#9ca3af">3</text>
			<text x="196" y="52" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" fill="#9ca3af">Payment</text>
			<rect x="205" y="30" width="50" height="4" rx="2" fill="#e5e7eb"/>

			<!-- Step 4: Done -->
			<circle cx="263" cy="32" r="9" fill="white" stroke="#e5e7eb" stroke-width="1.5"/>
			<text x="263" y="35" text-anchor="middle" font-family="Arial,sans-serif" font-size="7" fill="#9ca3af">4</text>
			<text x="263" y="52" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" fill="#9ca3af">Done</text>

			<!-- LEFT: Checkout Form -->
			<text x="22" y="74" font-family="Arial,sans-serif" font-size="9.5" font-weight="700" fill="#111">Shipping Details</text>

			<!-- Full Name -->
			<text x="22" y="90" font-family="Arial,sans-serif" font-size="6.5" font-weight="600" fill="#374151">Full Name</text>
			<rect x="22" y="93" width="148" height="15" rx="5" fill="#f9fafb" stroke="#e5e7eb" stroke-width="0.8"/>
			<text x="30" y="104" font-family="Arial,sans-serif" font-size="6.5" fill="#9ca3af">John Doe</text>

			<!-- Email (active) -->
			<text x="22" y="120" font-family="Arial,sans-serif" font-size="6.5" font-weight="600" fill="#374151">Email Address</text>
			<rect x="22" y="123" width="148" height="15" rx="5" fill="#EEF2FF" stroke="#3b6ef8" stroke-width="1"/>
			<text x="30" y="134" font-family="Arial,sans-serif" font-size="6.5" fill="#374151">john@example.com</text>

			<!-- Address -->
			<text x="22" y="150" font-family="Arial,sans-serif" font-size="6.5" font-weight="600" fill="#374151">Address</text>
			<rect x="22" y="153" width="148" height="15" rx="5" fill="#f9fafb" stroke="#e5e7eb" stroke-width="0.8"/>
			<text x="30" y="164" font-family="Arial,sans-serif" font-size="6.5" fill="#9ca3af">123 Main Street</text>

			<!-- City + ZIP -->
			<rect x="22" y="175" width="68" height="15" rx="5" fill="#f9fafb" stroke="#e5e7eb" stroke-width="0.8"/>
			<text x="30" y="186" font-family="Arial,sans-serif" font-size="6.5" fill="#9ca3af">City</text>
			<rect x="102" y="175" width="68" height="15" rx="5" fill="#f9fafb" stroke="#e5e7eb" stroke-width="0.8"/>
			<text x="110" y="186" font-family="Arial,sans-serif" font-size="6.5" fill="#9ca3af">ZIP</text>

			<!-- Phone -->
			<text x="22" y="202" font-family="Arial,sans-serif" font-size="6.5" font-weight="600" fill="#374151">Phone</text>
			<rect x="22" y="205" width="148" height="15" rx="5" fill="#f9fafb" stroke="#e5e7eb" stroke-width="0.8"/>
			<text x="30" y="216" font-family="Arial,sans-serif" font-size="6.5" fill="#9ca3af">+1 (555) 000-0000</text>

			<!-- Save info checkbox -->
			<rect x="22" y="228" width="8" height="8" rx="1.5" fill="#3b6ef8"/>
			<polyline points="23.5,232 25.5,234 29.5,229" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
			<text x="35" y="235" font-family="Arial,sans-serif" font-size="6" fill="#374151">Save for next time</text>

			<!-- Place Order button -->
			<rect x="22" y="244" width="148" height="22" rx="8" fill="#3b6ef8"/>
			<text x="96" y="259" text-anchor="middle" font-family="Arial,sans-serif" font-size="8" font-weight="700" fill="white">Place Order Now</text>

			<!-- Security line -->
			<rect x="22" y="273" width="148" height="16" rx="6" fill="#f0fdf4" stroke="#bbf7d0" stroke-width="0.8"/>
			<text x="96" y="284" text-anchor="middle" font-family="Arial,sans-serif" font-size="6.5" fill="#166534">256-bit SSL Secured</text>

			<!-- Payment icons -->
			<rect x="22" y="296" width="22" height="14" rx="3" fill="#1a1f71"/>
			<text x="33" y="306" text-anchor="middle" font-family="Arial,sans-serif" font-size="5" font-weight="700" fill="white">VISA</text>
			<rect x="48" y="296" width="22" height="14" rx="3" fill="#f0f0f0" stroke="#e5e7eb" stroke-width="0.5"/>
			<circle cx="54" cy="303" r="5.5" fill="#ef4444" fill-opacity="0.85"/>
			<circle cx="64" cy="303" r="5.5" fill="#fbbf24" fill-opacity="0.85"/>
			<rect x="74" y="296" width="22" height="14" rx="3" fill="#003087"/>
			<text x="85" y="306" text-anchor="middle" font-family="Arial,sans-serif" font-size="5.5" font-weight="700" fill="white">Pay</text>
			<rect x="100" y="296" width="22" height="14" rx="3" fill="#1a1a1a"/>
			<text x="111" y="306" text-anchor="middle" font-family="Arial,sans-serif" font-size="5" fill="white">GPay</text>

			<!-- Vertical divider -->
			<line x1="180" y1="60" x2="180" y2="322" stroke="#e8ecf4" stroke-width="1"/>

			<!-- RIGHT: Order Summary -->
			<rect x="192" y="62" width="270" height="24" rx="8" fill="#f8faff"/>
			<rect x="192" y="74" width="270" height="12" fill="#f8faff"/>
			<text x="204" y="79" font-family="Arial,sans-serif" font-size="8.5" font-weight="700" fill="#374151">Order Summary</text>
			<rect x="346" y="67" width="38" height="12" rx="6" fill="#EEF2FF"/>
			<text x="365" y="76" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" font-weight="600" fill="#3b6ef8">2 items</text>

			<line x1="192" y1="86" x2="462" y2="86" stroke="#f0f4ff" stroke-width="1"/>

			<!-- Product 1 -->
			<rect x="200" y="92" width="36" height="30" rx="6" fill="#EFF6FF"/>
			<rect x="207" y="96" width="22" height="22" rx="4" fill="#bfdbfe"/>
			<rect x="210" y="99" width="16" height="13" rx="2" fill="#dbeafe"/>
			<circle cx="218" cy="115" r="2" fill="#93c5fd"/>
			<rect x="218" y="93" width="18" height="10" rx="5" fill="#ef4444"/>
			<text x="227" y="100" text-anchor="middle" font-family="Arial,sans-serif" font-size="5" font-weight="700" fill="white">20% OFF</text>
			<text x="244" y="102" font-family="Arial,sans-serif" font-size="7" font-weight="600" fill="#374151">Wireless Headphones</text>
			<text x="244" y="113" font-family="Arial,sans-serif" font-size="5.5" fill="#9ca3af">Black, Premium · Qty: 1</text>
			<text x="244" y="122" font-family="Arial,sans-serif" font-size="7.5" font-weight="700" fill="#111">$89.99</text>

			<!-- Product 2 -->
			<rect x="200" y="130" width="36" height="30" rx="6" fill="#FFF7ED"/>
			<rect x="206" y="136" width="24" height="20" rx="4" fill="#fed7aa"/>
			<path d="M209,136 Q209,130 218,130 Q227,130 227,136" stroke="#fb923c" stroke-width="1.5" fill="none" stroke-linecap="round"/>
			<rect x="213" y="141" width="10" height="10" rx="2" fill="#fb923c" fill-opacity="0.3"/>
			<rect x="224" y="131" width="18" height="10" rx="5" fill="#22c55e"/>
			<text x="233" y="138" text-anchor="middle" font-family="Arial,sans-serif" font-size="5.5" font-weight="700" fill="white">NEW</text>
			<text x="244" y="140" font-family="Arial,sans-serif" font-size="7" font-weight="600" fill="#374151">Phone Case</text>
			<text x="244" y="151" font-family="Arial,sans-serif" font-size="5.5" fill="#9ca3af">Blue · Qty: 2</text>
			<text x="244" y="160" font-family="Arial,sans-serif" font-size="7.5" font-weight="700" fill="#111">$18.00</text>

			<line x1="192" y1="168" x2="462" y2="168" stroke="#f3f4f6" stroke-width="1"/>

			<!-- Price breakdown -->
			<text x="200" y="181" font-family="Arial,sans-serif" font-size="6.5" fill="#6b7280">Subtotal</text>
			<text x="454" y="181" text-anchor="end" font-family="Arial,sans-serif" font-size="6.5" fill="#374151">$107.99</text>
			<text x="200" y="194" font-family="Arial,sans-serif" font-size="6.5" fill="#6b7280">Shipping</text>
			<text x="454" y="194" text-anchor="end" font-family="Arial,sans-serif" font-size="6.5" font-weight="700" fill="#16a34a">Free</text>
			<text x="200" y="207" font-family="Arial,sans-serif" font-size="6.5" fill="#6b7280">Discount (SAVE10)</text>
			<text x="454" y="207" text-anchor="end" font-family="Arial,sans-serif" font-size="6.5" fill="#ef4444">-$10.80</text>

			<line x1="192" y1="214" x2="462" y2="214" stroke="#f3f4f6" stroke-width="1"/>

			<text x="200" y="229" font-family="Arial,sans-serif" font-size="10" font-weight="800" fill="#111">Total</text>
			<text x="454" y="229" text-anchor="end" font-family="Arial,sans-serif" font-size="11" font-weight="800" fill="#3b6ef8">$97.19</text>

			<!-- Order Bump strip -->
			<rect x="192" y="237" width="270" height="28" rx="8" fill="#fffbeb" stroke="#fde68a" stroke-width="0.8"/>
			<rect x="192" y="251" width="270" height="14" fill="#fffbeb"/>
			<text x="202" y="249" font-family="Arial,sans-serif" font-size="6.5" font-weight="700" fill="#92400e">Order Bump — Boost your order!</text>
			<text x="202" y="260" font-family="Arial,sans-serif" font-size="6" fill="#78350f">Add screen protector for only $4.99</text>
			<rect x="416" y="242" width="38" height="15" rx="5" fill="#f59e0b"/>
			<text x="435" y="252" text-anchor="middle" font-family="Arial,sans-serif" font-size="6" font-weight="700" fill="white">Add</text>

			<!-- Payment methods -->
			<text x="200" y="278" font-family="Arial,sans-serif" font-size="6" fill="#9ca3af">Accepted payments:</text>
			<rect x="200" y="283" width="24" height="15" rx="3" fill="#1a1f71"/>
			<text x="212" y="293" text-anchor="middle" font-family="Arial,sans-serif" font-size="5" font-weight="700" fill="white">VISA</text>
			<rect x="228" y="283" width="24" height="15" rx="3" fill="#f0f0f0" stroke="#e5e7eb" stroke-width="0.5"/>
			<circle cx="234" cy="290.5" r="5.5" fill="#eb001b" fill-opacity="0.9"/>
			<circle cx="246" cy="290.5" r="5.5" fill="#f79e1b" fill-opacity="0.9"/>
			<rect x="256" y="283" width="24" height="15" rx="3" fill="#003087"/>
			<text x="268" y="293" text-anchor="middle" font-family="Arial,sans-serif" font-size="5.5" font-weight="700" fill="white">Pay</text>
			<rect x="284" y="283" width="24" height="15" rx="3" fill="#1a1a1a"/>
			<text x="296" y="293" text-anchor="middle" font-family="Arial,sans-serif" font-size="5" fill="white">GPay</text>

			<!-- Security badge -->
			<rect x="192" y="305" width="270" height="16" rx="6" fill="#f0fdf4" stroke="#bbf7d0" stroke-width="0.8"/>
			<text x="327" y="316" text-anchor="middle" font-family="Arial,sans-serif" font-size="6.5" font-weight="600" fill="#166534">256-bit SSL · PCI Compliant · Secure Checkout</text>

		</svg>
	</div>
</div>

<div class="qkr-overview-body">

	<!-- Features -->
	<div class="qkr-features">
		<div class="qkr-section-label"><?php esc_html_e( 'WOOCOMMERCE', 'quicker' ); ?></div>
		<h2 class="qkr-section-title"><?php esc_html_e( 'Everything You Need for Faster Checkout', 'quicker' ); ?></h2>
		<p class="qkr-section-subtitle"><?php esc_html_e( 'Powerful tools to streamline your WooCommerce checkout and maximize conversions.', 'quicker' ); ?></p>

		<div class="qkr-features-grid">
			<?php foreach ( $features as $feature ) : ?>
				<div class="qkr-feature-card">
					<?php
					// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
					echo Quicker\Utils\Helper::kses( $feature['icon'] );
					?>
					<h3><?php echo esc_html( $feature['title'] ); ?></h3>
					<p><?php echo esc_html( $feature['desc'] ); ?></p>
				</div>
			<?php endforeach; ?>
		</div>
	</div>

	<!-- CTA Banner -->
	<div class="qkr-cta-banner">
		<div class="qkr-cta-content">
			<div class="qkr-cta-badge"><?php esc_html_e( 'UPGRADE TODAY', 'quicker' ); ?></div>
			<h2><?php esc_html_e( 'Ready to unlock all premium checkout features?', 'quicker' ); ?></h2>
			<p><?php esc_html_e( 'Join thousands of WooCommerce store owners using Quicker Pro to reduce cart abandonment and maximize revenue.', 'quicker' ); ?></p>
			<a href="https://www.wpbens.com/plugins/quicker/" target="_blank" class="qkr-cta-btn">
				<?php esc_html_e( 'Get Quicker Pro', 'quicker' ); ?>
				<span class="dashicons dashicons-arrow-right-alt"></span>
			</a>
		</div>
	</div>

	<!-- More Plugins -->
	<div class="qkr-more-plugins">
		<div class="qkr-section-label"><?php esc_html_e( 'BY THE SAME TEAM', 'quicker' ); ?></div>
		<h2 class="qkr-section-title"><?php esc_html_e( 'More Plugins to Grow Your Store', 'quicker' ); ?></h2>
		<p class="qkr-section-subtitle"><?php esc_html_e( 'Powerful WooCommerce and WordPress solutions built by the same team.', 'quicker' ); ?></p>

		<div class="qkr-plugin-cards">
			<?php foreach ( $more_products as $product ) : ?>
				<div class="qkr-plugin-card">
					<div class="qkr-plugin-img">
						<img src="<?php echo esc_url( Quicker::assets_url() . 'images/' . $product['logo'] ); ?>"
							alt="<?php echo esc_attr( $product['title'] ); ?>"/>
					</div>
					<div class="qkr-plugin-info">
						<h3><a href="<?php echo esc_url( $product['url_demo'] ); ?>" target="_blank"><?php echo esc_html( $product['title'] ); ?></a></h3>
						<p><?php echo esc_html( $product['desc'] ); ?></p>
						<div class="qkr-plugin-btns">
							<a class="qkr-btn-outline" href="<?php echo esc_url( $product['url_free'] ); ?>" target="_blank"><?php echo esc_html( $product['cta_free'] ); ?></a>
							<a class="qkr-btn-filled" href="<?php echo esc_url( $product['url_demo'] ); ?>" target="_blank"><?php echo esc_html( $product['cta_demo'] ); ?></a>
						</div>
					</div>
				</div>
			<?php endforeach; ?>
		</div>
	</div>

</div>
