updated to english

templates/index.html

@@ -26,8 +26,8 @@
     <!-- CTA Button -->
     <div class="mt-6 pointer-events-auto">
       <a href=""
-         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">
-       Booste dein Spiel
+        Boost your game
       </a>
     </div>
   </div>
@@ -55,44 +55,39 @@
 
 
 <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">
+        TRAIN — No excuses, just skills.
+      </h1>
 
-    <h1 class="text-2xl md:text-3xl font-bold">
+      <p class="text-lg text-gray-300 mb-8 ">
-      TRAIN — No excuses, just skills.
+        Over 500 soccer specific training-sessions and individualized training-plans,
-    </h1>
+        designed to push you past your limits. Every session is tailored to your level,
+        so you’re always leveling up – no matter if you’re grinding alone or with your squad.
+      </p>
 
-    <!-- Gradient Line -->
+       <a
-    <div class="mt-3 w-40 h-1 ml-[20rem] bg-gradient-to-r from-lime-400 to-transparent rounded-full"></div>
+         href=""
+         class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
+       >
+         Boost your game
+       </a>
 
-    <p class="text-lg text-gray-300 mb-8 mt-6">
+    </div>
-      Over 500 soccer specific training-sessions and individualized training-plans,
-      designed to push you past your limits. Every session is tailored to your level,
-      so you’re always leveling up – no matter if you’re grinding alone or with your squad.
-    </p>
 
-    <a
+    <!-- RIGHT IMAGE -->
-      href=""
+    <div class="md:w-1/2 flex justify-center">
-      class="inline-block bg-[#6d7cff] hover:bg-[#5b6bf5] transition px-8 py-3 rounded-full font-semibold text-white"
+      <img
-    >
+        src="/static/images/sec-2.jpg"
-      Boost your game
+        alt="Training Image"
-    </a>
+        class="max-w-full  shadow-lg"
+      />
+    </div>
 
   </div>
-
-  <!-- RIGHT IMAGE -->
-  <div class="md:w-1/2 flex justify-center">
-    <img
-      src="/static/images/sec-2.jpg"
-      alt="Training Image"
-      class="max-w-full shadow-lg"
-    />
-  </div>
-
-</div>
-
 </div>
 
 <div class="bg-black py-16 px-6">
@@ -158,7 +153,7 @@
        <h1 class="inline-block text-2xl md:text-3xl font-semibold bg-white text-black px-2 py-1">
         WIN – Turn grind into glory.
        </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">
         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 you’re willing to work for your spot at the top of your league table.
        CTA Boost your game
@@ -237,35 +232,29 @@
     <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
+        mental 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
+        Through Active Relaxation
       </h1>
 
       <p class="text-[21px] mt-6 mb-4">
-        Du willst mental stabiler werden, souveräner unter Druck bleiben und dich
+        Do you want to become mentally stronger, stay confident under pressure,
-        nach Training und Spielen schneller erholen?
+        and recover faster after training sessions and matches?
       </p>
 
       <p class="text-[21px] mb-4">
-        In unserem 8-wöchigen Online-Präventionskurs lernst du mentale Techniken,
+        In our 8-week online prevention course, you will learn mental techniques
-        die dir helfen, deinen Fokus zu schärfen und deine Regeneration zu verbessern –
+        that help sharpen your focus and improve your recovery –
-        speziell entwickelt für Fußballer*innen.
+        specifically designed for football players.
       </p>
 
       <p class="text-[21px] mb-8 font-semibold">
-        Erhalte 12 Monate kostenlosen Zugang zu B42 India Boost
+        Get 12 months of free access to B42 India Boost
       </p>
 
 
-       <a
-         href=""
-         class="inline-block bg-[#6d7cff]  transition px-8 py-3 rounded-full font-bold text-white text-lg"
-       >
-         Zum Kurs anmelden
-       </a>
       <!-- IMAGE BUTTON -->
     
 
@@ -279,17 +268,16 @@
 
     <!-- Heading -->
     <h1 class="text-2xl md:text-3xl font-extrabold uppercase tracking-wide mb-6">
-      Play it real – Auch in deinem Posteingang.
+      Play it real – straight to your inbox.
     </h1>
 
     <!-- Sub text -->
     <p class="text-lg md:text-xl mb-4">
-      Erhalte exklusive Trainingstipps, mentale Unterstützung und Updates aus der B42 India
+      Get exclusive training tips, mental support, and updates from the B42 India Arena.
-      Arena.
     </p>
 
     <p class="text-lg md:text-xl mb-10">
-      Kein Spam. Nur reale Performance.
+      No spam. Just real performance.
     </p>
 
     <!-- Email input + button -->
@@ -298,20 +286,20 @@
         
         <input
           type="email"
-          placeholder="E-Mail angeben"
+          placeholder="Enter your email"
           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
+          Sign up
         </button>
 
-
       </div>
     </div>
 
+
   </div>
 </section>