<div class="woxstore-page__setup-instructions">
	<h3><?php esc_html_e( 'Basic Theme Setup', 'woxstore' ); ?></h3>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Setup Header Layout', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor → Patterns → Header', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Header (You need to edit/update) →', 'woxstore' ); ?></strong> <?php esc_html_e( 'Add or Remove Required block/content as your requirement.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Save', 'woxstore' ); ?></strong> <?php esc_html_e( 'to update your layout.', 'woxstore' ); ?></li>
		</ol>
	</div>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Set Up Site Logo', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor', 'woxstore' ); ?></strong>.</li>
			<li><?php esc_html_e( 'You will see the site logo if it has already been set, or an empty placeholder in the top-left corner of the homepage design.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on the empty placeholder to upload or replace the site logo.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Once the logo is set, you can also use it as the favicon. Simply enable the "Use as Site Icon" option available in the block’s settings sidebar panel.', 'woxstore' ); ?></li>
		</ol>
	</div>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Setup Footer Layout', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor → Patterns → Footer', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Footer (You need to edit/update) →', 'woxstore' ); ?></strong> <?php esc_html_e( 'Add or Remove Required block/content as your requirement.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Save', 'woxstore' ); ?></strong> <?php esc_html_e( 'to update your layout.', 'woxstore' ); ?></li>
		</ol>
	</div>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Setup Templates (Homepage/404/Search/Page/Single and more)', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor → Templates', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Template (You need to edit/update) →', 'woxstore' ); ?></strong> <?php esc_html_e( 'Add or Remove Required block/content as your requirement.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Save', 'woxstore' ); ?></strong> <?php esc_html_e( 'to update your layout.', 'woxstore' ); ?></li>
		</ol>
	</div>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Restore/Reset Default Content Layout of Template (Frontpage/Blog/Archive etc.)', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor → Templates', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on the', 'woxstore' ); ?> <strong><?php esc_html_e( '3 Dots', 'woxstore' ); ?></strong> <?php esc_html_e( 'icon on the right side of the respective template.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Reset', 'woxstore' ); ?></strong>. <em><?php esc_html_e( 'Note: The Reset option appears only if there are any edits to the template.', 'woxstore' ); ?></em></li>
		</ol>
	</div>

	<div class="setup-step">
		<h4><?php esc_html_e( 'Restore/Reset Default Content Layout of Template Parts (Header/Footer/Sidebar)', 'woxstore' ); ?></h4>
		<ol>
			<li><?php esc_html_e( 'Go to', 'woxstore' ); ?> <strong><?php esc_html_e( 'Appearance → Editor → Patterns', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'All Template Parts', 'woxstore' ); ?></strong></li>
			<li><?php esc_html_e( 'Click on the', 'woxstore' ); ?> <strong><?php esc_html_e( '3 Dots', 'woxstore' ); ?></strong> <?php esc_html_e( 'icon on the right side of the respective template parts.', 'woxstore' ); ?></li>
			<li><?php esc_html_e( 'Click on', 'woxstore' ); ?> <strong><?php esc_html_e( 'Reset', 'woxstore' ); ?></strong>. <em><?php esc_html_e( 'Note: The Reset option appears only if there are any edits to the template.', 'woxstore' ); ?></em></li>
		</ol>
	</div>

</div>
<?php
