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

at_django_boilerplate/core/templates/company/blog.html

@@ -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">
+      <div class="flex items-center gap-2 mb-4">
-  <span class="text-gray-300 text-sm font-bold">December 2021</span>
+  <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">
+      <div class="flex flex-wrap items-center gap-1 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+          Challenges
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-2 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+          Challenges
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-2 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+       Challenges
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-2 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+          Features
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-2 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+          Features
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-1 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+         Women's football
         </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
+          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">
+      <div class="flex flex-wrap items-center gap-1 mb-4">
-        <span class="text-gray-300 text-sm font-bold">December 2021</span>
+        <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">
+        <span class="px-4 py-1 rounded-full bg-[#6d78ff] text-sm font-medium text-white">
-          News
+          Performance App
         </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
+          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
+        Patellar tendon problems - 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>
-
-<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
       </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>

templates/index.html

@@ -25,8 +25,8 @@
 
     <!-- CTA Button -->
     <div class="mt-6 pointer-events-auto">
-      <a href=""
+      <a href="https://app.b-42.com/"
-         class="inline-block bg-white text-black px-8 py-3 rounded-full font-semibold transition-all hover:bg-gray-200">
+         class="inline-block bg-white text-black px-8 py-3 rounded-lg font-semibold transition-all hover:bg-gray-200">
         Boost your game
       </a>
     </div>
@@ -70,8 +70,8 @@
       </p>
 
        <a
-         href=""
+         href="https://app.b-42.com/"
-         class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-lg font-semibold text-white"
+         class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
        >
          Boost your game
        </a>
@@ -81,7 +81,7 @@
     <!-- RIGHT IMAGE -->
     <div class="md:w-1/2 flex justify-center">
       <img
-        src="/static/images/sec-2.jpg"
+        src="/static/images/sec-2.jpeg"
         alt="Training Image"
         class="max-w-full  shadow-lg"
       />
@@ -96,7 +96,7 @@
     <!-- LEFT IMAGE -->
     <div class="md:w-1/2">
       <img
-        src="static/images/sec-3.jpg"
+        src="static/images/sec-3.jpeg"
         alt="Training Image"
         class="w-full  shadow-lg"
       />
@@ -120,7 +120,7 @@
       </p>
 
        <a
-        href=""
+        href="https://app.b-42.com/"
         class="inline-block bg-black text-[#d0ff23] border-2 border-[#d0ff23]
                px-8 py-3 rounded-full font-semibold
                transition-all duration-300 hover:bg-[#d0ff23] hover:text-black"
@@ -164,7 +164,7 @@
 
      <div class="mt-[7rem]">
           <a
-              href=""
+              href="https://app.b-42.com/"
               class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
             >
               Boost your game
@@ -175,7 +175,7 @@
 
      <div class="md:w-1/2">
       <img
-        src="static/images/sec-4.jpg"
+        src="static/images/sec-4.jpeg"
         alt="Training Image"
         class="w-full  shadow-lg"
       />
@@ -184,7 +184,7 @@
   </div>
 </div>
 
-<div class="w-full bg-[#5b6bf5] h-[10rem]"></div>
+<!-- <div class="w-full bg-[#5b6bf5] h-[10rem]"></div> -->
 
 
 <!-- Floating Social Bar -->
@@ -215,6 +215,97 @@
 
 
 
+<div
+  class="relative w-full py-20 px-6 bg-cover bg-center"
+  style="background-image: url('/static/images/boyball.jpeg');"
+>
+  <!-- Dark overlay (optional but recommended for readability) -->
+  <div class="absolute inset-0 "></div>
+
+  <!-- Content -->
+  <div class="relative max-w-7xl mx-auto flex flex-col md:flex-row items-center gap-12 z-10">
+
+    <!-- LEFT SIDE (empty or optional image removed since bg is used) -->
+    <div class="md:w-1/2"></div>
+
+    <!-- RIGHT CONTENT -->
+    <div class="md:w-1/2 text-right text-white">
+
+      <h1 class="inline-block text-3xl md:text-4xl font-bold bg-white text-black px-3 py-1">
+        Mentale Power
+      </h1>
+      <br />
+      <h1 class="inline-block text-3xl md:text-4xl font-bold bg-white text-black px-3 py-1 mt-3">
+        Durch aktive Entspannung
+      </h1>
+
+      <p class="text-[21px] mt-6 mb-4">
+        Du willst mental stabiler werden, souveräner unter Druck bleiben und dich
+        nach Training und Spielen schneller erholen?
+      </p>
+
+      <p class="text-[21px] mb-4">
+        In unserem 8-wöchigen Online-Präventionskurs lernst du mentale Techniken,
+        die dir helfen, deinen Fokus zu schärfen und deine Regeneration zu verbessern –
+        speziell entwickelt für Fußballer*innen.
+      </p>
+
+      <p class="text-[21px] mb-8 font-semibold">
+        Erhalte 12 Monate kostenlosen Zugang zu B42 Boost
+      </p>
+
+      <!-- IMAGE BUTTON -->
+    
+
+    </div>
+  </div>
+</div>
+
+
+<section class="w-full bg-[#6f7cf7] py-24 px-4">
+  <div class="max-w-4xl mx-auto text-center text-black">
+
+    <!-- Heading -->
+    <h1 class="text-2xl md:text-3xl font-extrabold uppercase tracking-wide mb-6">
+      Play it real – Auch in deinem Posteingang.
+    </h1>
+
+    <!-- Sub text -->
+    <p class="text-lg md:text-xl mb-4">
+      Erhalte exklusive Trainingstipps, mentale Unterstützung und Updates aus der B42
+      Arena.
+    </p>
+
+    <p class="text-lg md:text-xl mb-10">
+      Kein Spam. Nur reale Performance.
+    </p>
+
+    <!-- Email input + button -->
+    <div class="flex justify-center">
+      <div class="flex items-center bg-white rounded-full px-2 py-2 w-full max-w-xl shadow-lg">
+        
+        <input
+          type="email"
+          placeholder="E-Mail angeben"
+          class="flex-1 px-5 py-3 outline-none rounded-full text-gray-700 placeholder-gray-400"
+        />
+
+        <button
+          class="bg-black text-white px-8 py-3 rounded-full font-semibold hover:bg-gray-800 transition"
+        >
+          Anmelden
+        </button>
+
+      </div>
+    </div>
+
+  </div>
+</section>
+
+
+
+
+
 <!-- Dummy content to test scrolling -->