Test Page

<style>
  .everydaycore-hero {
    background: url('<?php echo get_template_directory_uri(); ?>/images/hero-road.jpg') no-repeat center center/cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
  }
  .everydaycore-hero::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  .everydaycore-hero * {
    z-index: 2;
  }
  .everydaycore-hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    margin-bottom: 1rem;
  }
  .everydaycore-hero p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .everydaycore-cta button {
    background: #00ff99;
    border: none;
    padding: 0.8rem 1.5rem;
    margin: 0 0.5rem;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
  }
  .everydaycore-section {
    padding: 4rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }
  .everydaycore-columns {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap;
  }
  .everydaycore-columns div {
    flex: 1 1 30%;
    margin: 1rem;
  }
  .everydaycore-section h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  .everydaycore-email input[type="email"] {
    padding: 0.5rem;
    width: 250px;
    margin-right: 0.5rem;
  }
  .everydaycore-email button {
    padding: 0.5rem 1rem;
    background: #000;
    color: white;
    border: none;
    cursor: pointer;
  }
</style>

<div class="everydaycore-hero">
  <h1>Every Day is Day One.</h1>
  <p>Your journey doesn’t start someday. It starts today β€” with grit, consistency, and core focus.</p>
  <div class="everydaycore-cta">
    <button>πŸ”₯ Start the 7-Day Core Challenge</button>
    <button>πŸ›’ Shop EverydayCore Apparel</button>
  </div>
</div>

<section class="everydaycore-section everydaycore-columns">
  <div>
    <h3>🧠 Mindset</h3>
    <p>Discipline is a decision you make daily.</p>
  </div>
  <div>
    <h3>πŸ’ͺ Movement</h3>
    <p>No gym? No problem. We train with intention.</p>
  </div>
  <div>
    <h3>🌎 Mission</h3>
    <p>Build a community that believes in Day One mentality.</p>
  </div>
</section>

<section class="everydaycore-section">
  <h2>7-Day Everyday Core Challenge</h2>
  <p>A no-equipment, bodyweight program to restart your rhythm. 20 minutes/day. Free to all.</p>
  <p><a href="#" class="button">πŸ‘‰ Join Now</a></p>
</section>

<section class="everydaycore-section">
  <h2>Train. Live. Repeat.</h2>
  <p>Explore our top-selling training gear.</p>
  <!-- WooCommerce or Product Grid Shortcode -->
</section>

<section class="everydaycore-section">
  <h2>Built by the Community.</h2>
  <p>See real stories, transformations, and the #EverydayCore lifestyle.</p>
  <!-- Insert testimonial slider or social feed plugin here -->
</section>

<section class="everydaycore-section">
  <h2>Everyday Core Motivation</h2>
  <p>Watch this week’s 90-second fire-up video.</p>
  <!-- Embed video shortcode or iframe -->
</section>

<section class="everydaycore-section everydaycore-email">
  <h2>Join the Core Movement</h2>
  <p>Don’t just train. Transform. Get tips, tools, and truth delivered to your inbox.</p>
  <form action="#" method="post">
    <input type="email" placeholder="Enter your email">
    <button type="submit">Join Now</button>
  </form>
</section>