<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>