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

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

	<div class="setup-step">
		<h4><?php esc_html_e('Set Up Site Logo', 'velvetine'); ?></h4>
		<ol>
			<li><?php esc_html_e('Go to', 'velvetine'); ?> <strong><?php esc_html_e('Appearance → Editor', 'velvetine'); ?></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.', 'velvetine'); ?></li>
			<li><?php esc_html_e('Click on the empty placeholder to upload or replace the site logo.', 'velvetine'); ?></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.', 'velvetine'); ?></li>
		</ol>
	</div>

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

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

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

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

</div>
<?php
