<style>
.tf-section{
max-width:1200px;
margin:auto;
padding:45px 22px;
background:#fff;
font-family:Arial,sans-serif;
}

.tf-title{
font-size:34px;
font-weight:800;
color:#111;
line-height:1.1;
margin-bottom:15px;
text-align:center;
}

.tf-title span{
color:#7B2FF7;
}

.tf-text{
font-size:17px;
color:#555;
line-height:1.7;
text-align:center;
max-width:700px;
margin:auto;
}

.tf-features{
margin-top:35px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.tf-feature{
background:#fafafa;
border:1px solid #ececec;
border-radius:18px;
padding:18px;
display:flex;
align-items:center;
gap:12px;
transition:.3s;
}

.tf-feature:hover{
border-color:#7B2FF7;
transform:translateY(-3px);
}

.tf-icon{
width:42px;
height:42px;
border-radius:50%;
background:rgba(123,47,247,.08);
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
}

.tf-feature h4{
margin:0;
font-size:15px;
font-weight:700;
color:#111;
}

.tf-feature p{
margin:4px 0 0;
font-size:13px;
color:#666;
line-height:1.5;
}

@media(max-width:700px){

.tf-title{
font-size:28px;
}

.tf-text{
font-size:15px;
}

.tf-features{
grid-template-columns:1fr;
}

}
</style>

<section class="tf-section">

<h2 class="tf-title">
Everything You Need To Start Your <span>Boxing Journey</span>
</h2>

<p class="tf-text">
The Fitness Kit Boxing Starter Kit brings your essential boxing gear together in one complete bundle. Whether you're stepping into boxing for the first time or training at home, you've got the essentials ready to go.
</p>

<div class="tf-features">

<div class="tf-feature">
<div class="tf-icon">🥊</div>
<div>
<h4>Complete Boxing Kit</h4>
<p>Essential boxing gear brought together in one convenient bundle.</p>
</div>
</div>

<div class="tf-feature">
<div class="tf-icon">⚡</div>
<div>
<h4>Train With Confidence</h4>
<p>Get prepared for bag work, cardio, drills and boxing sessions.</p>
</div>
</div>

<div class="tf-feature">
<div class="tf-icon">💪</div>
<div>
<h4>Built For Training</h4>
<p>Durable training accessories designed for regular workouts.</p>
</div>
</div>

<div class="tf-feature">
<div class="tf-icon">🎯</div>
<div>
<h4>Perfect For Beginners</h4>
<p>A simple way to get started without buying every item separately.</p>
</div>
</div>

</div>

</section>

<style>
.tf2-section{
max-width:1200px;
margin:auto;
padding:20px 22px 50px;
font-family:Arial,sans-serif;
background:#fff;
}

.tf2-heading{
text-align:center;
font-size:30px;
font-weight:800;
color:#111;
margin-bottom:10px;
}

.tf2-heading span{
color:#7B2FF7;
}

.tf2-sub{
text-align:center;
font-size:16px;
color:#666;
max-width:650px;
margin:0 auto 30px;
line-height:1.6;
}

.tf2-accordion{
display:flex;
flex-direction:column;
gap:14px;
}

.tf2-item{
border:1px solid #ebebeb;
border-radius:18px;
overflow:hidden;
background:#fff;
transition:.3s;
}

.tf2-item:hover{
border-color:#7B2FF7;
}

.tf2-item input{
display:none;
}

.tf2-label{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px;
cursor:pointer;
font-weight:700;
font-size:16px;
color:#111;
}

.tf2-label span:last-child{
font-size:24px;
color:#7B2FF7;
transition:.3s;
}

.tf2-content{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
padding:0 18px;
}

.tf2-content p{
margin:0;
padding-bottom:18px;
color:#666;
font-size:15px;
line-height:1.7;
}

.tf2-item input:checked~.tf2-content{
max-height:180px;
}

.tf2-item input:checked~.tf2-label span:last-child{
transform:rotate(45deg);
}

@media(max-width:700px){

.tf2-heading{
font-size:26px;
}

.tf2-sub{
font-size:15px;
}

.tf2-label{
font-size:15px;
padding:16px;
}

}
</style>

<section class="tf2-section">

<h2 class="tf2-heading">
What's <span>Included</span>
</h2>

<p class="tf2-sub">
Everything you need to get started with your boxing training, packed into one complete starter kit.
</p>

<div class="tf2-accordion">

<div class="tf2-item">
<input type="checkbox" id="boxing1">
<label class="tf2-label" for="boxing1">
<span>🥊 Boxing Gloves</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Training boxing gloves designed to give you comfortable hand coverage and support during your boxing workouts.</p>
</div>
</div>

<div class="tf2-item">
<input type="checkbox" id="boxing2">
<label class="tf2-label" for="boxing2">
<span>🩸 Hand Wraps</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Wrap your hands before training for added support and a secure fit underneath your boxing gloves.</p>
</div>
</div>

<div class="tf2-item">
<input type="checkbox" id="boxing3">
<label class="tf2-label" for="boxing3">
<span>🎯 Reflex Ball</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Practice your timing, reaction speed and hand-eye coordination with a compact boxing reflex ball you can use almost anywhere.</p>
</div>
</div>

<div class="tf2-item">
<input type="checkbox" id="boxing4">
<label class="tf2-label" for="boxing4">
<span>⚡ Skipping Rope</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Add skipping to your training routine for a fast-paced cardio and footwork workout.</p>
</div>
</div>

<div class="tf2-item">
<input type="checkbox" id="boxing5">
<label class="tf2-label" for="boxing5">
<span>💧 Water Bottle</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Keep your water close during training and stay ready for your next round.</p>
</div>
</div>

<div class="tf2-item">
<input type="checkbox" id="boxing6">
<label class="tf2-label" for="boxing6">
<span>🎒 Premium Gym Bag</span>
<span>+</span>
</label>
<div class="tf2-content">
<p>Carry your boxing essentials together in one spacious gym bag designed for your active lifestyle.</p>
</div>
</div>

</div>

</section>

<style>
.tf3-section{
max-width:1200px;
margin:auto;
padding:20px 22px 55px;
font-family:Arial,sans-serif;
background:#fff;
}

.tf3-heading{
text-align:center;
font-size:30px;
font-weight:800;
color:#111;
margin-bottom:12px;
}

.tf3-heading span{
color:#7B2FF7;
}

.tf3-sub{
text-align:center;
max-width:650px;
margin:0 auto 35px;
font-size:16px;
color:#666;
line-height:1.6;
}

.tf3-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.tf3-card{
background:#fff;
border:1px solid #ececec;
border-radius:20px;
padding:22px;
transition:.3s;
}

.tf3-card:hover{
border-color:#7B2FF7;
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.tf3-icon{
width:52px;
height:52px;
border-radius:50%;
background:rgba(123,47,247,.08);
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
margin-bottom:16px;
}

.tf3-card h3{
margin:0 0 10px;
font-size:18px;
font-weight:700;
color:#111;
}

.tf3-card p{
margin:0;
font-size:15px;
line-height:1.7;
color:#666;
}

.tf3-highlight{
margin-top:40px;
background:#111;
border-radius:24px;
padding:28px;
text-align:center;
color:#fff;
}

.tf3-highlight h3{
margin:0 0 12px;
font-size:24px;
font-weight:800;
}

.tf3-highlight h3 span{
color:#B26BFF;
}

.tf3-highlight p{
margin:0;
font-size:16px;
line-height:1.8;
color:#e4e4e4;
}

@media(max-width:700px){

.tf3-heading{
font-size:26px;
}

.tf3-sub{
font-size:15px;
}

.tf3-grid{
grid-template-columns:1fr;
gap:15px;
}

.tf3-card{
padding:20px;
}

.tf3-highlight{
padding:24px 20px;
}

.tf3-highlight h3{
font-size:21px;
}

.tf3-highlight p{
font-size:15px;
}

}
</style>

<section class="tf3-section">

<h2 class="tf3-heading">
Why You'll <span>Love It</span>
</h2>

<p class="tf3-sub">
Built to make boxing training more convenient, more organised and more exciting from your very first session.
</p>

<div class="tf3-grid">

<div class="tf3-card">
<div class="tf3-icon">🥊</div>
<h3>Train Like A Boxer</h3>
<p>Get the essential equipment you need for boxing drills, bag work, cardio and skill-focused training.</p>
</div>

<div class="tf3-card">
<div class="tf3-icon">🎯</div>
<h3>Improve Your Skills</h3>
<p>Use the reflex ball and skipping rope to work on coordination, timing, footwork and conditioning.</p>
</div>

<div class="tf3-card">
<div class="tf3-icon">🎒</div>
<h3>Everything In One Bag</h3>
<p>Keep your gloves, wraps, rope, reflex ball and other training essentials organised and ready to go.</p>
</div>

<div class="tf3-card">
<div class="tf3-icon">⚡</div>
<h3>Ready For Every Session</h3>
<p>Whether you're training at home or heading to the gym, your essential boxing gear is always together.</p>
</div>

</div>

<div class="tf3-highlight">

<h3>Train Harder. <span>Move Faster.</span></h3>

<p>
From your first jab to your next workout, The Fitness Kit Boxing Starter Kit gives you the essentials to make every training session count.
</p>

</div>

</section>

<style>
.tf4-section{
max-width:1200px;
margin:auto;
padding:20px 22px 60px;
background:#fff;
font-family:Arial,sans-serif;
}

.tf4-heading{
text-align:center;
font-size:30px;
font-weight:800;
color:#111;
margin-bottom:12px;
}

.tf4-heading span{
color:#7B2FF7;
}

.tf4-sub{
max-width:650px;
margin:0 auto 35px;
text-align:center;
font-size:16px;
line-height:1.7;
color:#666;
}

.tf4-table{
border:1px solid #ececec;
border-radius:20px;
overflow:hidden;
background:#fff;
}

.tf4-row{
display:grid;
grid-template-columns:2fr 1fr 1fr;
align-items:center;
padding:18px;
border-bottom:1px solid #ececec;
}

.tf4-row:last-child{
border-bottom:none;
}

.tf4-head{
background:#111;
color:#fff;
font-weight:700;
}

.tf4-feature{
font-weight:600;
color:#111;
}

.tf4-yes{
color:#7B2FF7;
font-size:20px;
font-weight:700;
text-align:center;
}

.tf4-no{
color:#b5b5b5;
font-size:20px;
font-weight:700;
text-align:center;
}

.tf4-badges{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:35px;
}

.tf4-badge{
background:#fafafa;
border:1px solid #ececec;
border-radius:18px;
padding:20px;
text-align:center;
transition:.3s;
}

.tf4-badge:hover{
border-color:#7B2FF7;
transform:translateY(-4px);
}

.tf4-icon{
font-size:30px;
margin-bottom:12px;
}

.tf4-badge h4{
margin:0 0 8px;
font-size:16px;
color:#111;
}

.tf4-badge p{
margin:0;
font-size:14px;
line-height:1.6;
color:#666;
}

@media(max-width:700px){

.tf4-heading{
font-size:26px;
}

.tf4-sub{
font-size:15px;
}

.tf4-row{
grid-template-columns:1.8fr .8fr .8fr;
padding:15px;
font-size:14px;
}

.tf4-badges{
grid-template-columns:1fr 1fr;
gap:12px;
}

.tf4-badge{
padding:18px;
}

}
</style>

<section class="tf4-section">

<h2 class="tf4-heading">
Why Choose <span>The Fitness Kit?</span>
</h2>

<p class="tf4-sub">
Get your essential boxing gear together in one complete bundle instead of hunting down every piece individually.
</p>

<div class="tf4-table">

<div class="tf4-row tf4-head">
<div></div>
<div style="text-align:center;">Our Kit</div>
<div style="text-align:center;">Buy Separately</div>
</div>

<div class="tf4-row">
<div class="tf4-feature">Complete Boxing Essentials</div>
<div class="tf4-yes">✔</div>
<div class="tf4-no">✖</div>
</div>

<div class="tf4-row">
<div class="tf4-feature">Everything In One Purchase</div>
<div class="tf4-yes">✔</div>
<div class="tf4-no">✖</div>
</div>

<div class="tf4-row">
<div class="tf4-feature">Coordinated Training Gear</div>
<div class="tf4-yes">✔</div>
<div class="tf4-no">✖</div>
</div>

<div class="tf4-row">
<div class="tf4-feature">Ready-To-Train Bundle</div>
<div class="tf4-yes">✔</div>
<div class="tf4-no">✖</div>
</div>

</div>

<div class="tf4-badges">

<div class="tf4-badge">
<div class="tf4-icon">🥊</div>
<h4>Boxing Essentials</h4>
<p>Key training accessories brought together in one kit.</p>
</div>

<div class="tf4-badge">
<div class="tf4-icon">🎯</div>
<h4>Train Anywhere</h4>
<p>Perfect for home workouts, gym sessions and boxing drills.</p>
</div>

<div class="tf4-badge">
<div class="tf4-icon">🎒</div>
<h4>Easy To Carry</h4>
<p>Keep your boxing equipment organised in one gym bag.</p>
</div>

<div class="tf4-badge">
<div class="tf4-icon">⚡</div>
<h4>Beginner Friendly</h4>
<p>A straightforward way to get started with boxing training.</p>
</div>

</div>

</section>

 

<style>
.tf5-section{
max-width:1200px;
margin:auto;
padding:20px 22px 70px;
background:#fff;
font-family:Arial,sans-serif;
}

.tf5-card{
background:linear-gradient(180deg,#111111,#1b1b1b);
border-radius:24px;
padding:35px;
color:#fff;
overflow:hidden;
position:relative;
}

.tf5-card:before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:260px;
height:260px;
background:rgba(123,47,247,.15);
border-radius:50%;
}

.tf5-title{
font-size:32px;
font-weight:800;
margin-bottom:15px;
line-height:1.2;
position:relative;
z-index:2;
}

.tf5-title span{
color:#B56CFF;
}

.tf5-text{
font-size:16px;
line-height:1.8;
color:#e3e3e3;
max-width:700px;
position:relative;
z-index:2;
margin-bottom:30px;
}

.tf5-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
position:relative;
z-index:2;
}

.tf5-item{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
padding:20px;
backdrop-filter:blur(8px);
}

.tf5-icon{
font-size:30px;
margin-bottom:12px;
}

.tf5-item h4{
margin:0 0 8px;
font-size:17px;
font-weight:700;
color:#fff;
}

.tf5-item p{
margin:0;
font-size:14px;
line-height:1.7;
color:#d8d8d8;
}

.tf5-cta{
margin-top:35px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,.12);
text-align:center;
position:relative;
z-index:2;
}

.tf5-cta h3{
margin:0;
font-size:28px;
font-weight:800;
}

.tf5-cta p{
margin:15px auto 0;
max-width:650px;
font-size:16px;
line-height:1.7;
color:#dddddd;
}

@media(max-width:700px){

.tf5-card{
padding:28px 22px;
}

.tf5-title{
font-size:26px;
}

.tf5-text{
font-size:15px;
}

.tf5-grid{
grid-template-columns:1fr;
gap:14px;
}

.tf5-item{
padding:18px;
}

.tf5-cta h3{
font-size:23px;
}

.tf5-cta p{
font-size:15px;
}

}
</style>

<section class="tf5-section">

<div class="tf5-card">

<h2 class="tf5-title">
Ready To Start Your <span>Boxing Journey?</span>
</h2>

<p class="tf5-text">
Everything you need to get started is right here. From gloves and hand wraps to a reflex ball, skipping rope, water bottle and gym bag — The Fitness Kit Boxing Starter Kit keeps your essential training gear together and ready for action.
</p>

<div class="tf5-grid">

<div class="tf5-item">
<div class="tf5-icon">🥊</div>
<h4>Complete Boxing Kit</h4>
<p>Get your essential boxing training gear together in one convenient bundle.</p>
</div>

<div class="tf5-item">
<div class="tf5-icon">🎯</div>
<h4>Train Your Skills</h4>
<p>Practice your coordination, footwork, conditioning and boxing drills.</p>
</div>

<div class="tf5-item">
<div class="tf5-icon">💜</div>
<h4>The Fitness Kit</h4>
<p>Train. Grow. Evolve. Built for people ready to take their training seriously.</p>
</div>

</div>

<div class="tf5-cta">

<h3>Your Boxing Journey Starts Today.</h3>

<p>
Tap <strong>Add to Cart</strong> above and get your essential boxing gear in one complete starter kit.
</p>

</div>

</div>

</section>