Mark demo HTML sections with BEGIN/END comments (#2741)

shared/components/marketing/MarketingNavbar.astro

@@ -7,6 +7,7 @@ import NavbarLogo from '../navbar/NavbarLogo.astro';
 const base = '..';
 ---
 
+<!-- BEGIN MARKETING NAVBAR -->
 <header class="navbar navbar-expand-lg navbar-transparent py-3">
 	<div class="container">
 		<NavbarLogo href={base} />
@@ -53,3 +54,4 @@ const base = '..';
 		</div>
 	</div>
 </header>
+<!-- END MARKETING NAVBAR -->

shared/components/marketing/hero/Browser.astro

@@ -6,6 +6,7 @@ import Icon from '@ui/Icon.astro';
 import { site } from '@shared/lib/site';
 ---
 
+<!-- BEGIN HERO -->
 <header class="hero pb-0">
 	<div class="container">
 		<h1 class="hero-title">Develop beautiful web apps with&nbsp;Tabler</h1>
@@ -50,3 +51,4 @@ import { site } from '@shared/lib/site';
 		</div>
 	</div>
 </header>
+<!-- END HERO -->

shared/components/marketing/hero/Side.astro

@@ -10,6 +10,7 @@ const strings = ['more effective', 'more efficient', 'more productive'];
 const typedId = 'typed';
 ---
 
+<!-- BEGIN HERO -->
 <header class="hero">
 	<div class="container">
 		<div class="row g-lg-8 align-items-center">
@@ -55,6 +56,8 @@ const typedId = 'typed';
 		</div>
 	</div>
 </header>
+<!-- END HERO -->
+<!-- BEGIN TYPED -->
 <script define:vars={{ typedId, strings }}>
 	function initTyped() {
 		const typed = new Typed(`#${typedId}`, {
@@ -72,3 +75,4 @@ const typedId = 'typed';
 	// finishes — this inline script (positioned mid-body) would otherwise run first.
 	document.readyState !== 'loading' ? initTyped() : document.addEventListener('DOMContentLoaded', initTyped, { once: true });
 </script>
+<!-- END TYPED -->