<?php

// If this file is called directly, abort.
if (!defined('WPINC')) {
	die;
}
?>

<section class="athena-wp-admin">
	<div class="athena-wp-admin-left-side">
		<?php include dirname(__FILE__) . '/partials/wp-admin-header.php'; ?>

		<div class="about-view-intro">
			<img class="intro-logo" src="<?php echo ASWP_PLUGIN_URL . 'public/img/omnispect-search-logo.svg'; ?>" alt="Omnispect Search Logo"/>
			<p class="intro-title">Find products through text-based AI Search!</p>
			<p class="intro-paragraph">With powerful merchandising features + keyword & semantic search combo, shoppers will get results no matter what or how they type.</p>
		</div>

		<div class="athena-cards">
			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<img src="<?php echo ASWP_PLUGIN_URL . 'public/img/centerpieces-icon.svg'; ?>" alt="Centerpieces Icon"/>
						<p class="card-title">Centerpieces</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">AI-powered relevance:</p>
						<ul>
							<li>Faceted & Filterable Search,</li>
							<li>Semantic Search,</li>
							<li>Keyword Search,</li>
							<li>Error Correction.</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<img src="<?php echo ASWP_PLUGIN_URL . 'public/img/autocomplete-icon.svg'; ?>" alt="Autocomplete Icon"/>
						<p class="card-title">Autocomplete</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">Keyword-based features:</p>
						<ul>
							<li>Autocomplete Banners,</li>
							<li>Product Promotions,</li>
							<li>Product Recommendations,</li>
							<li>Search by SKU, & more.</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<img src="<?php echo ASWP_PLUGIN_URL . 'public/img/merchendising-icon.svg'; ?>" alt="Merchendising Icon"/>
						<p class="card-title">Merchandising</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">Frontend features:</p>
						<ul>
							<li>Zero Search Results (Recommendations),</li>
							<li>Smart Synonyms,</li>
							<li>Excluded Words.</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="athena-card-wrp">
				<div class="athena-card">
					<div class="card-top">
						<img src="<?php echo ASWP_PLUGIN_URL . 'public/img/searchalytics-icon.svg'; ?>" alt="Searchalytics Icon"/>
						<p class="card-title">Searchalytics</p>
					</div>
					<div class="card-bottom">
						<p class="list-title">eCommerce reports:</p>
						<ul>
							<li>Detailed Customers’ Data (Geo & Log Info),</li>
							<li>Users’ Searches & Results,</li>
							<li>Top-clicked or Abandoned Products.</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="about-view-outro">
			<p>Transform your eCommerce with ATHENA XAI, where every click counts!</p>
		</div>
	</div>

	<div class="athena-wp-admin-right-side">
		<?php include dirname(__FILE__) . '/partials/wp-admin-gallery.php'; ?>
	</div>
</section>