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

at_django_boilerplate/core/templates/company/about_us.html

@@ -49,7 +49,7 @@
     <!-- LEFT IMAGE -->
     <div class="flex justify-center lg:justify-start">
       <img 
-        src="{% static 'images/about2.png' %}"
+        src="{% static 'images/about2.jpg' %}"
         alt="Players Team"
         class="rounded-lg w-full max-w-xl object-cover"
       />
@@ -98,7 +98,7 @@
 
     <!-- LEFT: TEAM GRID -->
     <div class="grid grid-cols-2 gap-6">
-      <img src="{% static 'images/about3.png' %}" 
+      <img src="{% static 'images/about3.jpg' %}" 
            alt="Team 1"
            class="rounded-3xl w-full h-full object-cover" />
 
@@ -106,11 +106,11 @@
            alt="Team 2"
            class="rounded-3xl w-full h-full object-cover" />
 
-      <img src="{% static 'images/about5.png' %}"
+      <img src="{% static 'images/about5.jpg' %}"
            alt="Team 3"
            class="rounded-3xl w-full h-full object-cover" />
 
-      <img src="{% static 'images/about6.jpeg' %}"
+      <img src="{% static 'images/about6.jpg' %}"
            alt="Team 4"
            class="rounded-3xl w-full h-full object-cover" />
     </div>
@@ -143,6 +143,7 @@
 
   </div>
 </section>
+
 <section class="relative bg-[#161616] py-20 overflow-hidden">
 
   <!-- BG pattern layer -->
@@ -182,7 +183,7 @@ Through sport, but also in everyday life in general, they have the opportunity a
         <!-- Right: Image -->
         <div class="h-80 lg:h-auto">
           <img
-            src="{% static 'images/about7.png' %}"
+            src="{% static 'images/about7.jpg' %}"
             alt="Women Soccer"
             class="w-full h-full object-cover"
           />
@@ -211,7 +212,7 @@ Through sport, but also in everyday life in general, they have the opportunity a
         <!-- Right: Image -->
         <div class="h-80 lg:h-auto">
           <img
-            src="{% static 'images/about8.png' %}"
+            src="{% static 'images/about8.jpg' %}"
             alt="Another Soccer Image"
             class="w-full h-full object-cover"
           />
@@ -228,6 +229,7 @@ Through sport, but also in everyday life in general, they have the opportunity a
 
   </div>
 </section>
+
 <section class="bg-blue-500 min-h-80 flex items-center justify-center px-4">
         <div class="text-center text-white">
             <h1 class="text-3xl md:text-4xl font-bold mb-4">PLAY IT REAL - EVEN IN YOUR INBOX.</h1>

at_django_boilerplate/core/templates/company/ourcoreteam.html

@@ -40,7 +40,7 @@
                 <!-- Back layer: team1a (aerial team huddle - shaped like a circle) -->
              <div class="absolute inset-0 overflow-hidden shadow-2xl opacity-90">
                 <img 
-                    src="{% static 'images/team1a.jpg' %}"  
+                    src="{% static 'images/team1.jpg' %}"  
                     alt="Soccer team in motivational huddle circle on the field"
                     class="w-full h-full object-cover rounded-tl-[25%]"
                 >
@@ -116,7 +116,7 @@
         <!-- Image Section -->
         <div class="w-full lg:w-1/2 relative">
             <img 
-                src="{% static 'images/team2.png' %}" 
+                src="{% static 'images/team2.jpg' %}" 
                 alt="Tennis coach celebrating victory with arms raised" 
                 class="w-full h-full object-cover"
             >

at_django_boilerplate/core/templates/company/success_stories.html

@@ -20,7 +20,7 @@ Case Studies
 
     <!-- Image on the right -->
     <div class="lg:w-1/2 flex justify-end">
-     <img src="{% static 'images/stoey.png' %}" 
+     <img src="{% static 'images/stoey.jpg' %}" 
      alt="Success story image" 
   class="w-full max-w-md lg:max-w-[33rem] h-60 sm:h-70 md:h-76 lg:h-[30rem] object-cover rounded-[4rem]">
 
@@ -96,7 +96,7 @@ Case Studies
 
     <!-- Card 2 -->
     <div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
-      <img src="{% static 'images/sv.png' %}"
+      <img src="{% static 'images/sv.jpg' %}"
         alt="Former DFB physio"
         class="w-full h-64 object-cover rounded-[4rem]"
       />
@@ -130,7 +130,7 @@ Case Studies
 
     <!-- Card 3 -->
     <div class="bg-[#6d78ff] rounded-[4rem] overflow-hidden flex flex-col">
-      <img src="{% static 'images/stoey.png' %}"
+      <img src="{% static 'images/stoey.jpg' %}"
         alt="Former DFB physio"
         class="w-full h-64 object-cover rounded-[4rem]"
       />
@@ -197,7 +197,7 @@ Case Studies
       
       <!-- Left: Image + Text -->
       <div class="flex items-center gap-4">
-        <img src="{% static 'images/roland.png' %}" 
+        <img src="{% static 'images/roland.jpg' %}" 
      alt="Roland Hofmann"
      class="w-20 h-20 rounded-full object-cover" />
         
@@ -271,8 +271,8 @@ Case Studies
 
   <!-- Images Row -->
 <div class="flex flex-row justify-center gap-2 flex-wrap">
-    <img src="{% static 'images/player1.png' %}" alt="Story 1" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
-    <img src="{% static 'images/player2.png' %}" alt="Story 2" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
+    <img src="{% static 'images/player1.jpg' %}" alt="Story 1" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
+    <img src="{% static 'images/player2.jpg' %}" alt="Story 2" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
     <img src="{% static 'images/player3.png' %}" alt="Story 3" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
 </div>
 
@@ -463,7 +463,7 @@ Case Studies
 </div>
 </div>
 
-  
+
 
 
 

at_django_boilerplate/core/templates/company/training.html

@@ -25,12 +25,13 @@ training
                     </p>
                 </div>
 
-                <div class="flex-shrink-0">
-                    <img 
-                        src="{% static 'images/training1.png' %}"
-                        alt="Soccer player celebrating on the field"
-                    />
-                </div>
+               <div class="flex-shrink-0">
+    <img 
+        src="{% static 'images/training1.jpg' %}"
+        alt="Soccer player celebrating on the field"
+        class="w-[500px] h-auto object-contain"
+    />
+</div>
             </div>
 
         </div>