/**
 * Front Page Template for HelloBeds Boutique
 */
get_header();
?>

<style>
  body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f6f6f6; color: #333; }
  .site-nav { background: #2c3e50; padding: 15px 0; }
  .site-nav .container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: auto; padding: 0 20px; }
  .site-nav .logo { color: #ecf0f1; font-size: 1.8em; font-weight: bold; text-decoration: none; }
  .site-nav .menu a { color: #ecf0f1; margin: 0 15px; text-decoration: none; font-size: 1em; }
  .site-nav .menu a:hover { text-decoration: underline; }
  .hero { background: url('https://hellobeds.co.uk/wp-content/themes/HelloBeds_Child_Theme/images/hero-banner.jpg') no-repeat center center; background-size: cover; padding: 120px 20px; text-align: center; color: #fff; position: relative; }
  .hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(44,62,80,0.6); }
  .hero-content { position: relative; z-index: 1; }
  .hero h1 { margin: 0; font-size: 3em; }
  .hero p { font-size: 1.2em; margin: 20px 0; }
  .cta { background: #e74c3c; color: #fff; padding: 15px 30px; text-decoration: none; border-radius: 4px; font-size: 1em; }
  .products { max-width: 1200px; margin: 60px auto; padding: 0 20px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
  .product { background: #fff; padding: 20px; width: calc(33.333% - 40px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 4px; text-align: center; }
  .product h3 { margin-top: 0; font-size: 1.2em; }
  .bestseller { color: #e74c3c; font-weight: bold; margin: 10px 0; }
  .product p.price { font-size: 1.1em; font-weight: bold; }
  footer.site-footer { background: #2c3e50; color: #ecf0f1; text-align: center; padding: 20px; margin-top: 60px; }
</style>

<nav class="site-nav">
  <div class="container">
    <a href="https://hellobeds.co.uk" class="logo">Hello Beds</a>
    <div class="menu">
      <a href="https://hellobeds.co.uk">Home</a>
      <a href="https://hellobeds.co.uk/beds">All Beds</a>
      <a href="https://hellobeds.co.uk/divan-beds">Divan Beds</a>
      <a href="https://hellobeds.co.uk/bed-frames">Bed Frames</a>
      <a href="https://hellobeds.co.uk/mattresses">Mattresses</a>
      <a href="https://hellobeds.co.uk/about-us">About Us</a>
      <a href="https://hellobeds.co.uk/contact-us">Contact Us</a>
      <a href="https://hellobeds.co.uk/Reviews">Reviews</a>
    </div>
  </div>
</nav>

<section class="hero">
  <div class="hero-content">
    <h1>Find Your Perfect Bed</h1>
    <p>Comfort, style, and fast delivery</p>
    <a href="https://hellobeds.co.uk/shop" class="cta">Shop Now</a>
  </div>
</section>

<div class="products">
  <div class="product">
    <h3>Daytona Stone Ottoman - Double</h3>
    <p class="bestseller">Bestseller</p>
    <p class="price">£658.80</p>
  </div>
  <div class="product">
    <h3>Daytona Stone Ottoman - King</h3>
    <p class="bestseller">Bestseller</p>
    <p class="price">£712.80</p>
  </div>
  <div class="product">
    <h3>Vertex 50" Floor Standing Headboard</h3>
    <p class="bestseller">Bestseller</p>
    <p class="price">£194.40</p>
  </div>
  <div class="product">
    <h3>Madison  New Coffee Plush 49" </h3>
    <p class="bestseller">Bestseller</p>
    <p class="From">£329</p>
  </div> 
			  
  <div class="product">
    <h3>Lucindia Dove Stone 60" </h3>
    <p class="bestseller">Bestseller</p>
    <p class="price">Price: TBC</p>
  </div>
</div>

<footer class="site-footer">
    <div class="container">
        <p>&copy; 2025 HelloBeds. All rights reserved.</p>
    </div>
</footer>
			<script>
				const registerAllyAction = () => {
					if ( ! window?.elementorAppConfig?.hasPro || ! window?.elementorFrontend?.utils?.urlActions ) {
						return;
					}

					elementorFrontend.utils.urlActions.addAction( 'allyWidget:open', () => {
						if ( window?.ea11yWidget?.widget?.open ) {
							window.ea11yWidget.widget.open();
						}
					} );
				};

				const waitingLimit = 30;
				let retryCounter = 0;

				const waitForElementorPro = () => {
					return new Promise( ( resolve ) => {
						const intervalId = setInterval( () => {
							if ( retryCounter === waitingLimit ) {
								resolve( null );
							}

							retryCounter++;

							if ( window.elementorFrontend && window?.elementorFrontend?.utils?.urlActions ) {
								clearInterval( intervalId );
								resolve( window.elementorFrontend );
							}
								}, 100 ); // Check every 100 milliseconds for availability of elementorFrontend
					});
				};

				waitForElementorPro().then( () => { registerAllyAction(); });
			</script>
						<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script type="text/javascript" id="essential-blocks-blocks-localize-js-extra">
/* <![CDATA[ */
var eb_conditional_localize = [];
var EssentialBlocksLocalize = {"eb_plugins_url":"https:\/\/hellobeds.co.uk\/wp-content\/plugins\/essential-blocks\/","image_url":"https:\/\/hellobeds.co.uk\/wp-content\/plugins\/essential-blocks\/assets\/images","eb_wp_version":"6.8","eb_version":"5.7.2","eb_admin_url":"https:\/\/hellobeds.co.uk\/wp-admin\/","rest_rootURL":"https:\/\/hellobeds.co.uk\/wp-json\/","ajax_url":"https:\/\/hellobeds.co.uk\/wp-admin\/admin-ajax.php","nft_nonce":"4cc597002e","post_grid_pagination_nonce":"1355bdef33","placeholder_image":"https:\/\/hellobeds.co.uk\/wp-content\/plugins\/essential-blocks\/assets\/images\/placeholder.png","is_pro_active":"false","upgrade_pro_url":"https:\/\/essential-blocks.com\/upgrade","responsiveBreakpoints":{"tablet":1024,"mobile":767},"wc_currency_symbol":"\u00a3"};
/* ]]> */
</script>
<script type="text/javascript" src="https://hellobeds.co.uk/wp-content/plugins/essential-blocks/assets/js/eb-blocks-localize.js?ver=31d6cfe0d16ae931b73c" id="essential-blocks-blocks-localize-js"></script>
</body>
</html>