Merge remote-tracking branch 'origin/dev_khushi' into dev_anurag

This commit is contained in:
2026-01-08 15:17:13 +05:30
5 changed files with 400 additions and 224 deletions

View File

@@ -26,7 +26,7 @@
<!-- Post 1 -->
<div class="bg-[#303033] rounded-[4rem] shadow-lg max-w-sm flex flex-col overflow-hidden">
<!-- Image with all corners rounded -->
<img src="{% static 'images/blog1.jpg' %}" alt="Recover like a Pro" class="w-full object-cover rounded-[4rem]" />
<img src="{% static 'images/prov.png' %}" alt="Recover like a Pro" class="w-full object-cover rounded-[4rem]" />
<div class="p-6 flex flex-col flex-grow justify-between text-left">
<p class="text-gray-300 text-sm mb-2 font-bold">November 5, 2025</p>
@@ -105,10 +105,10 @@
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-y-8 justify-items-center m-auto w-[80%]">
<!-- Card -->
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/blog2.jpg' %}"
<img src="{% static 'images/formal.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -118,14 +118,14 @@
<!-- Date + Tags -->
<div>
<div class="flex items-center gap-4 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex items-center gap-2 mb-4">
<span class="text-white text-sm font-bold">December 2021</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
News
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Verletzungen
</span>
</div>
@@ -133,7 +133,7 @@
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Former DFB physiotherapist now rehab partner of B42
</h3>
</div>
@@ -157,9 +157,9 @@
<!-- Duplicate Cards -->
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/blog1.jpg' %}"
<img src="{% static 'images/prov.png' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -169,21 +169,24 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">November 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Challenges
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
progress
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Prove your progress
</h3>
</div>
@@ -205,7 +208,7 @@
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/recover.png' %}"
@@ -218,21 +221,25 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-2 mb-4">
<span class="text-white text-sm font-bold">September 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Challenges
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Features
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Features
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Recover lika a Pro - Train. Sweat. Recover.
</h3>
</div>
@@ -255,10 +262,10 @@
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/blog3.jpg' %}"
<img src="{% static 'images/disrupt.png' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -268,21 +275,25 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-2 mb-4">
<span class="text-white text-sm font-bold">September 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Challenges
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Features
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Your move decides
</h3>
</div>
@@ -304,7 +315,7 @@
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/ball.png' %}"
@@ -317,21 +328,26 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-2 mb-4">
<span class="text-white text-sm font-bold">September 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Features
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
progress
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
From professional ball to amateur training
</h3>
</div>
@@ -353,10 +369,10 @@
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/ball.png' %}"
<img src="{% static 'images/ras.png' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -366,15 +382,124 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-2 mb-4">
<span class="text-white text-sm font-bold">September 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Features
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Avoid ankle injuries before they happen
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/close.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">August 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Women's football
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
progress
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
LET'S CLOSE THE GAP
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/july.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">July 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Women's football
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Stories
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
engagement
</span>
</div>
@@ -402,10 +527,10 @@
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/blog4.jpg' %}"
<img src="{% static 'images/women.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -415,15 +540,70 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">June 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Women's football
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/train.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">June 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Women's football
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
training
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
</div>
@@ -451,10 +631,10 @@
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/blog5.jpg' %}"
<img src="{% static 'images/pattelar.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
@@ -464,168 +644,24 @@
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">January 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Performance App
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white" >
regeneration
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<!-- Image -->
<img src="{% static 'images/blog6.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<!-- Image -->
<img src="{% static 'images/blog7.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/blog8.jpg"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col">
<!-- Image -->
<img src="{% static 'images/blog9.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-3 mb-4">
<span class="text-gray-300 text-sm font-bold">December 2021</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
News
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium">
Verletzungen
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Former DFB physio now rehab partner of B42
Patellar tendon problems - B42 can help
</h3>
</div>
@@ -648,8 +684,57 @@
</div>
<div class="bg-[#303033] rounded-[4rem] overflow-hidden flex flex-col w-[29rem]">
<!-- Image -->
<img src="{% static 'images/down.jpg' %}"
alt="Former DFB physio"
class="w-full h-64 object-cover rounded-[4rem]"
/>
<!-- Content -->
<div class="p-8 flex flex-col flex-grow justify-between text-left">
<!-- Date + Tags -->
<div>
<div class="flex flex-wrap items-center gap-1 mb-4">
<span class="text-white text-sm font-bold">January 2025</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Performance App
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
Injuries
</span>
<span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
regeneration
</span>
</div>
<!-- Title -->
<h3 class="text-white text-xl font-semibold mb-6 leading-snug">
Achilles tendon pain - B42 can help
</h3>
</div>
<!-- Button -->
<button
class="w-14 h-14 bg-[#d0ff23] rounded-full flex items-center justify-center hover:bg-lime-400 transition"
aria-label="Read more"
>
<svg xmlns="images/prevents.png"
class="w-6 h-6 text-black"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="3">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
<!-- Copy same card structure as many times as needed -->
</div>