align heading underline to right and update gradient color

This commit is contained in:
2026-01-08 15:50:11 +05:30
parent f0524fa928
commit 7686866498

View File

@@ -55,15 +55,19 @@
<div class="bg-black text-white py-16 px-6"> <div class="bg-black text-white py-16 px-6">
<div class="max-w-7xl mx-auto flex flex-col-reverse md:flex-row items-center gap-12"> <div class="max-w-7xl mx-auto flex flex-col-reverse md:flex-row items-center gap-12">
<!-- LEFT CONTENT --> <!-- LEFT CONTENT -->
<div class="md:w-1/2"> <div class="md:w-1/2">
<h1 class="text-2xl md:text-3xl font-bold mb-6">
<h1 class="text-2xl md:text-3xl font-bold">
TRAIN — No excuses, just skills. TRAIN — No excuses, just skills.
</h1> </h1>
<p class="text-lg text-gray-300 mb-8 "> <!-- Gradient Line -->
<div class="mt-3 w-40 h-1 ml-[20rem] bg-gradient-to-r from-lime-400 to-transparent rounded-full"></div>
<p class="text-lg text-gray-300 mb-8 mt-6">
Over 500 soccer specific training-sessions and individualized training-plans, Over 500 soccer specific training-sessions and individualized training-plans,
designed to push you past your limits. Every session is tailored to your level, designed to push you past your limits. Every session is tailored to your level,
so youre always leveling up no matter if youre grinding alone or with your squad. so youre always leveling up no matter if youre grinding alone or with your squad.
@@ -87,7 +91,8 @@
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="bg-black py-16 px-6"> <div class="bg-black py-16 px-6">
@@ -153,7 +158,7 @@
<h1 class="inline-block text-2xl md:text-3xl font-semibold bg-white text-black px-2 py-1"> <h1 class="inline-block text-2xl md:text-3xl font-semibold bg-white text-black px-2 py-1">
WIN Turn grind into glory. WIN Turn grind into glory.
</h1> </h1>
<div class="mt-3 w-50 h-1 ml-[20rem] bg-gradient-to-r from-[#6f7cf7] to-transparent rounded-full"></div>
<p class="text-[21px] text-black mb-8 mt-5"> <p class="text-[21px] text-black mb-8 mt-5">
Every drop of sweat counts. Earn SweatPoints with every drill and stack them to climb the Road to Glory. The more you grind, the higher you rise show the world how hard youre willing to work for your spot at the top of your league table. Every drop of sweat counts. Earn SweatPoints with every drill and stack them to climb the Road to Glory. The more you grind, the higher you rise show the world how hard youre willing to work for your spot at the top of your league table.
CTA Boost your game CTA Boost your game