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

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

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

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

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

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

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

<?php
