Built To Endure 40

<!-- BTE40 — First Design (WordPress-safe embed) -->
<style>
  body { background:#0d0d0d; color:#fff; }
  .section { padding:60px 20px; text-align:center; border-bottom:1px solid #333; }
  .hero {
    color:#fff; padding:120px 20px;
    background:
      linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55)),
      url('https://YOUR-DOMAIN/wp-content/uploads/bte40-hero.jpg') center/cover no-repeat; /* <-- update this */
  }
  .hero h1 { font-size:2.8em; margin-bottom:10px; font-weight:bold; }
  .hero p { font-size:1.2em; margin-bottom:30px; }
  .btn { display:inline-block; padding:14px 24px; margin:8px; background:#e63946; color:#fff; text-decoration:none; border-radius:30px; font-weight:bold; }
  .timeline { display:flex; justify-content:space-around; margin-top:40px; gap:12px; }
  .timeline div { background:#1c1c1c; padding:20px; border:1px solid #444; border-radius:6px; width:20%; color:#eaeaea; font-weight:bold; }
  .shop-items { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
  .shop-item { background:#1c1c1c; border:1px solid #444; border-radius:6px; padding:20px; width:220px; color:#eaeaea; }
  .shop-item img { max-width:100%; border-radius:6px; margin-bottom:10px; }
  .footer { background:#111; color:#aaa; padding:30px; font-size:.9em; }
  textarea, input { width:80%; max-width:500px; padding:10px; border-radius:6px; border:1px solid #444; margin:8px 0; }
  form button { margin-top:10px; }
  .video-wrap { position:relative; width:100%; max-width:900px; margin:24px auto 0; }
  .video-wrap::before { content:""; display:block; padding-top:56.25%; }
  .video-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:8px; }
  @media (max-width:768px){
    .timeline { flex-direction:column; }
    .timeline div { width:100%; }
    .shop-items { flex-direction:column; align-items:center; }
  }
</style>

<div class="section hero" style="
  position:relative;
  color:#fff;
  padding:120px 20px;
  background-color:#000; /* solid black background */
  background-image:none; /* disables image if one was set before */
">

  <!-- LOGO PATCH (top-left) -->
  <img src="https://YOUR-DOMAIN/wp-content/uploads/BTE_WHT_BRAND.jpg"
       alt="Built to Endure 40 Logo"
       style="position:absolute; top:30px; left:30px; width:150px; height:auto;
              border:1px solid rgba(255,255,255,.2);
              border-radius:8px; background:rgba(0,0,0,.6);
              padding:6px; box-shadow:0 0 12px rgba(0,0,0,.8);" />

  <h1>You Were Not Made to Break</h1>
  <p>BTE40 — Built to Endure through faith, resilience, and community.  
     A banner of hope for every battle.</p>

  <a href="#signup" class="btn">Join the Journey</a>
  <a href="#shop" class="btn">Wear the Endurance</a>
</div>
  <div class="video-wrap">
    <iframe src="https://www.youtube-nocookie.com/embed/_pgJh67_CHY?rel=0&modestbranding=1" title="BTE40 Origin Story" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  </div>
  <p style="margin-top:20px;">
    If the video doesn’t play, <a href="https://www.youtube.com/watch?v=_pgJh67_CHY" target="_blank" class="btn">Open on YouTube</a>
  </p>
</div>

<div class="section" id="wall">
  <h2>Community Wall</h2>
  <p>Leave a message of endurance. Share your voice, your story, your encouragement. Every word becomes part of the healing brotherhood and reminds others: you are not fighting alone.</p>
  <form>
    <input type="text" placeholder="Your Name (optional)"><br>
    <textarea placeholder="Your message"></textarea><br>
    <button class="btn" type="submit">Add Your Voice</button>
  </form>
  <div style="margin-top:30px;">
    <p>[ Rotating feed of community messages here ]</p>
  </div>
</div>

<div class="section" id="shop">
  <h2>Shop the Mission</h2>
  <p>Every shirt carries the creed: <em>Built to Endure.</em> Proceeds fuel the mission and inspire others to keep going.</p>
  <div class="shop-items">
    <div class="shop-item">
      <img src="https://YOUR-DOMAIN/wp-content/uploads/bte40-shirt1.jpg" alt="BTE40 Shirt 1"><!-- <-- update -->
      BTE40 Shirt Mockup 1<br><button class="btn">Buy Now</button>
    </div>
    <div class="shop-item">
      <img src="https://YOUR-DOMAIN/wp-content/uploads/bte40-shirt2.jpg" alt="BTE40 Shirt 2"><!-- <-- update -->
      BTE40 Shirt Mockup 2<br><button class="btn">Buy Now</button>
    </div>
  </div>
</div>

<div class="section" id="social">
  <h2>Social Pulse</h2>
  <p>Follow the daily endurance drops: stories, scripture, and strength from the frontlines of faith and recovery.</p>
  <a href="#" class="btn">Follow on Instagram</a>
  <a href="#" class="btn">Subscribe on YouTube</a>
  <a href="#" class="btn">Join on TikTok</a>
</div>

<div class="section" id="signup">
  <h2>Join the Movement</h2>
  <p>Sign up and receive the 5-Day Endurance Kickstart. Each day you’ll get one short MEPS practice — Mental, Emotional, Physical, Spiritual.</p>
  <form>
    <input type="text" placeholder="Name"><br>
    <input type="email" placeholder="Email"><br>
    <button class="btn" type="submit">Join Now</button>
  </form>
</div>

<div class="footer">
  <p>BTE40 Logo | Contact | Privacy | Disclaimer</p>
  <p>BTE40 is an independent mission — not affiliated with other projects.</p>
</div>