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

at_django_boilerplate/core/templates/company/success_stories.html

@@ -163,7 +163,7 @@
 </div>
 
 
-<div class="w-full bg-[#1a1a1a] py-20">
+<div class="w-full bg-[#1d1d1d] py-48">
 
   <!-- Top Section: Heading + Paragraph -->
   <div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-start gap-8 px-8">
@@ -186,21 +186,21 @@
   </div>
 
   <!-- Profile Cards -->
-  <div class="max-w-7xl mx-auto mt-12 flex flex-col md:flex-row justify-between">
+  <div class="max-w-7xl mx-auto mt-12 flex flex-col md:flex-row justify-between gap-2">
 
 
     <!-- Profile 1 -->
-    <div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[32rem]">
+    <div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[40rem] py-10 px-10 rounded-full">
       
       <!-- Left: Image + Text -->
       <div class="flex items-center gap-4">
         <img src="{% static 'images/roland.png' %}" 
-             alt="Roland Hofmann"
+     alt="Roland Hofmann"
-             class="w-16 h-16 rounded-full object-cover" />
+     class="w-20 h-20 rounded-full object-cover" />
         
-        <div>
+        <div >
-          <h1 class="text-white text-lg font-semibold">Roland Hofmann</h1>
+          <h1 class="text-white text-2xl font-semibold py-2">Roland Hofmann</h1>
-          <p class="text-gray-300 text-sm">1. FC Nürnberg, U16w</p>
+          <p class="text-white text-sm font-semibold">1.FC Nürnberg, U16w</p>
         </div>
       </div>
 
@@ -221,17 +221,17 @@
     </div>
 
     <!-- Profile 2 -->
-    <div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[32rem]">
+    <div class="flex items-center justify-between bg-[#6d78ff] p-4 rounded-2xl w-full md:w-[40rem] py-10 px-10 rounded-full">
       
       <!-- Left: Image + Text -->
       <div class="flex items-center gap-4">
-        <img src="{% static 'images/roland.png' %}" 
+        <img src="{% static 'images/febian.png' %}" 
-             alt="Roland Hofmann"
+     alt="Roland Hofmann"
-             class="w-16 h-16 rounded-full object-cover" />
+     class="w-20 h-20 rounded-full object-cover" />
         
-        <div>
+        <div >
-          <h1 class="text-white text-lg font-semibold">Roland Hofmann</h1>
+          <h1 class="text-white text-2xl font-semibold py-2">Fabien Stierle</h1>
-          <p class="text-gray-300 text-sm">1. FC Nürnberg, U16w</p>
+          <p class="text-white text-sm font-semibold">DFI Bad Aibling, U15m</p>
         </div>
       </div>
 
@@ -250,8 +250,193 @@
         </svg>
       </button>
     </div>
+  </div>
+
+</div>
+
+
+
+<div class="bg-[#1d1d1d] py-16">
+
+  <!-- Centered Text -->
+  <div class="text-center mb-12">
+    <p class="text-indigo-500 font-medium">Stories</p>
+    <h1 class="text-white text-3xl lg:text-[40px] font-medium leading-snug">
+      Players and teams <br>tell their story
+    </h1>
+  </div>
+
+  <!-- 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/player3.png' %}" alt="Story 3" class="w-[28rem] h-[16rem] object-cover rounded-[4rem]" />
+</div>
+
+
+
+</div>
+
+
+<div class="bg-[#1d1d1d] py-32"> <!-- background full width -->
+
+  <div class="w-[75%] mx-auto px-8"> <!-- content width 75% and centered -->
+
+    <!-- Cards Container -->
+    <div class="flex flex-col md:flex-row gap-2 justify-center ">
+
+      <!-- Card 1 -->
+      <div class="bg-[#1d1d1d] border border-indigo-500 rounded-4xl p-12 flex flex-col gap-8 w-[28rem] h-[17rem] rounded-[4rem]">
+        <p class="text-white text-sm">
+          Everyone doesn't cook their own soup anymore. As a team, we work together across trainers using an app. Whether training or playing, all data is in one place.
+        </p>
+        <div class="flex items-center gap-6">
+          <img src="{% static 'images/musa.png' %}" alt="Musa Avlayici" class="w-12 h-12 rounded-full object-cover" />
+          <div class="text-white">
+            <h3 class="font-semibold text-lg">Musa Avlayici</h3>
+            <p class="text-sm">SC Pfullendorf, U13</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- Card 2 -->
+      <div class="bg-[#1d1d1d] border border-indigo-500 rounded-4xl p-12 flex flex-col gap-8 w-[28rem] h-[17rem] rounded-[4rem]">
+        <p class="text-white text-sm">
+          Everyone doesn't cook their own soup anymore. As a team, we work together across trainers using an app. Whether training or playing, all data is in one place.
+        </p>
+        <div class="flex items-center gap-6">
+          <div class="bg-white p-1 rounded-full">
+    <img src="{% static 'images/jokhim.webp' %}" 
+         alt="Joachim Kehl" 
+         class="w-12 h-12 rounded-full object-cover" />
+  </div>
+
+  <!-- Text -->
+  <div class="text-white">
+    <h3 class="font-semibold text-lg">Joachim Kehl</h3>
+    <p class="text-sm">SV Oberwolfach, Landesliga</p>
+  </div>
+        </div>
+      </div>
+
+      <!-- Card 3 -->
+      <div class="bg-[#1d1d1d] border border-indigo-500 rounded-4xl p-12 flex flex-col gap-8 w-[28rem] h-[17rem] rounded-[4rem]">
+        <p class="text-white text-sm">
+          Everyone doesn't cook their own soup anymore. As a team, we work together across trainers using an app. Whether training or playing, all data is in one place.
+        </p>
+        <div class="flex items-center gap-6">
+          <img src="{% static 'images/halfman.png' %}" alt="Musa Avlayici" class="w-12 h-12 rounded-full object-cover" />
+          <div class="text-white">
+            <h3 class="font-semibold text-lg">Roland Hofmann</h3>
+            <p class="text-sm">1. FC Nuremberg, U16</p>
+          </div>
+        </div>
+      </div>
+
+    </div>
 
   </div>
+</div>
+
+
+
+<div class="bg-[#1d1d1d] py-16 px-8">
+
+  <!-- Top section: Left text, Right paragraph -->
+  <div class="flex flex-col lg:flex-row gap-12 w-[75%] mx-auto">
+    
+    <!-- Left column -->
+    <div class="lg:w-1/3">
+      <p class="text-indigo-500 font-semibold">Teams</p>
+      <h1 class="text-white text-4xl font-bold leading-snug mt-2">
+        Visionary clubs <br>trust us
+      </h1>
+    </div>
+
+    <!-- Right column -->
+    <div class="lg:w-2/3 text-white text-sm leading-relaxed">
+      <p>
+        Real innovation breaks down traditional thought patterns. For us at B42, digitization is the key to soccer training of the future.
+      </p>
+      <p class="mt-4">
+        These and many other future-oriented associations are already taking this path with us.
+      </p>
+    </div>
+
+  </div>
+
+  <!-- Image grid -->
+<div class="grid grid-cols-5 grid-rows-4 gap-x-2 gap-y-4 mt-12 w-[75%] mx-auto">
+
+  <!-- Row 1 -->
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/acadmy.svg' %}" alt="Player 1" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/albera.svg' %}" alt="Player 2" class="w-28 h-28 object-cover rounded-full">
+  </div>
+ <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/defi.svg' %}" alt="Player 3" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/fnc.svg' %}" alt="Player 4" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/urdu.svg' %}" alt="Player 5" class="w-28 h-28 object-cover rounded-full">
+  </div>
+
+  <!-- Row 2 -->
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/w.svg' %}" alt="Player 6" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/panja.svg' %}" alt="Player 7" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/new.svg' %}" alt="Player 8" class="w-28 h-28 object-cover rounded-full">
+  </div>
+<div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/austria.svg' %}" alt="Player 9" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/sve.svg' %}" alt="Player 10" class="w-28 h-28 object-cover rounded-full">
+  </div>
+
+  <!-- Row 3 -->
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/fwk.svg' %}" alt="Player 11" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/ffc.svg' %}" alt="Player 12" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/sport.svg' %}" alt="Player 13" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/bush.svg' %}" alt="Player 14" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/fcunion.svg' %}" alt="Player 15" class="w-28 h-28 object-cover rounded-full">
+  </div>
+
+  <!-- Row 4 -->
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/fclock.svg' %}" alt="Player 16" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/singen.svg' %}" alt="Player 17" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/tsv.svg' %}" alt="Player 18" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/alzial.svg' %}" alt="Player 19" class="w-28 h-28 object-cover rounded-full">
+  </div>
+  <div class="w-62 h-60 bg-white flex items-center justify-center rounded-[4rem]">
+    <img src="{% static 'images/spvgg.svg' %}" alt="Player 20" class="w-28 h-28 object-cover rounded-full">
+  </div>
+
+</div>
 
 </div>
 
@@ -264,4 +449,9 @@
 
 
 
+
+
+
+
+
 {% endblock %}

static/images/acadmy.svg

@@ -0,0 +1,36 @@
+<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="90" height="90" fill="white"/>
+<g clip-path="url(#clip0_581_17886)">
+<path d="M21.923 20.7158L21.4621 23.3423H19.4785L21.6625 11.4243H24.269L26.5951 23.3423H24.5295L24.0687 20.7158H21.923ZM22.9649 14.2841L22.2035 19.0382H23.7681L22.9649 14.2841Z" fill="#3A3634"/>
+<path d="M31.7283 15.3916C31.7283 15.0455 31.7247 14.7431 31.7174 14.4808C31.7101 14.2185 31.701 14.0164 31.6882 13.8725C31.6463 13.5865 31.5298 13.3588 31.3367 13.1858C31.1418 13.0127 30.8995 12.9271 30.6044 12.9271C30.0562 12.9271 29.7083 13.2003 29.5625 13.745C29.5079 13.9471 29.4824 14.5337 29.4824 15.5063V19.2805C29.4824 19.8743 29.4915 20.3096 29.5134 20.5883C29.5334 20.867 29.5698 21.071 29.6227 21.2022C29.8084 21.6302 30.1363 21.8433 30.6044 21.8433C30.8995 21.8433 31.1418 21.7522 31.3367 21.5737C31.5298 21.3952 31.6409 21.1512 31.6682 20.8415C31.6955 20.6739 31.7119 20.4134 31.7174 20.0564C31.7247 19.6994 31.7283 19.3825 31.7283 19.1093H33.752V19.8961C33.752 20.1694 33.7447 20.4116 33.7319 20.6193C33.7192 20.8287 33.6955 21.0182 33.6627 21.1912C33.6299 21.3643 33.5826 21.5227 33.5225 21.6648C33.4624 21.8087 33.3859 21.9581 33.2911 22.1147C33.0361 22.561 32.6791 22.9071 32.2183 23.1548C31.7574 23.4007 31.2256 23.5246 30.6245 23.5246C30.1564 23.5246 29.7137 23.4444 29.2966 23.2823C28.8795 23.122 28.5352 22.887 28.2656 22.5774C28.1035 22.3989 27.9687 22.2204 27.8613 22.0419C27.752 21.8634 27.6682 21.6575 27.6063 21.4244C27.5462 21.193 27.5061 20.9162 27.486 20.5938C27.466 20.2714 27.4551 19.8797 27.4551 19.4134V15.3752C27.4551 14.9107 27.4642 14.5136 27.486 14.1876C27.5061 13.8615 27.5462 13.581 27.6063 13.3479C27.6664 13.1165 27.752 12.9107 27.8613 12.7322C27.9687 12.5537 28.1035 12.3752 28.2656 12.1967C28.5352 11.887 28.8795 11.6521 29.2966 11.4918C29.7137 11.3315 30.1564 11.2495 30.6245 11.2495C31.2128 11.2495 31.7356 11.3643 32.1982 11.5938C32.6591 11.8215 33.0234 12.1475 33.2911 12.5683C33.4642 12.8579 33.5844 13.1475 33.6518 13.4389C33.7192 13.7304 33.752 14.1384 33.752 14.663V15.3952H31.7283" fill="#3A3634"/>
+<path d="M36.1984 20.7158L35.7375 23.3423H33.7539L35.9397 11.4243H38.5463L40.8705 23.3423H38.8049L38.3441 20.7158H36.1984ZM37.2402 14.2841L36.477 19.0382H38.0417L37.2402 14.2841Z" fill="#3A3634"/>
+<path d="M41.0293 11.4243H43.8763C45.0384 11.4243 45.8945 11.6957 46.4428 12.2367C46.991 12.7795 47.2643 13.6283 47.2643 14.7832V19.9835C47.2643 21.1383 46.9892 21.9872 46.4428 22.5281C45.8945 23.0709 45.0402 23.3423 43.8763 23.3423H41.0293V11.4243ZM43.665 21.6629C44.2297 21.6629 44.6431 21.5081 44.9054 21.2003C45.0366 21.0345 45.1258 20.8433 45.1714 20.632C45.2169 20.4189 45.2406 20.0855 45.2406 19.6356V15.1347C45.2406 14.6848 45.2169 14.3515 45.1714 14.1383C45.1258 13.9252 45.0366 13.7358 44.9054 13.57C44.6431 13.2622 44.2297 13.1074 43.665 13.1074H43.0548V21.6648H43.665V21.6629Z" fill="#3A3634"/>
+<path d="M53.6611 13.1056H50.213V16.3205H52.6975V17.9999H50.213V21.6629H53.6611V23.3423H48.1875V11.4243H53.6611V13.1056Z" fill="#3A3634"/>
+<path d="M61.077 23.3423V15.1056L59.1517 23.3423H58.2501L56.2246 15.1056V23.3423H54.3594V11.4243H57.0461L58.7109 18.6793L60.2337 11.4243H62.9423V23.3423H61.077Z" fill="#3A3634"/>
+<path d="M67.8133 23.3423H65.7878V18.519L63.2832 11.4243H65.367L66.8005 16.1074L68.194 11.4243H70.2195L67.8133 18.519V23.3423Z" fill="#3A3634"/>
+<path d="M23.2446 3.2785H21.0679V5.30765H22.6362V6.36776H21.0679V8.67923H23.2446V9.73934H19.791V2.22021H23.2446V3.2785Z" fill="#3A3634"/>
+<path d="M27.0645 9.7394H23.6875V2.20752H24.9644V8.67929H27.0645V9.7394Z" fill="#3A3634"/>
+<path d="M30.5997 9.7394H27.2227V2.20752H28.4995V8.67929H30.5997V9.7394Z" fill="#3A3634"/>
+<path d="M34.268 3.27869H32.0931V5.30783H33.6614V6.36794H32.0931V8.67942H34.268V9.73953H30.8145V2.2204H34.268V3.28051M31.0294 0H32.1296V1.00364H31.0294V0ZM32.7871 0H33.8873V1.00364H32.7871V0Z" fill="#3A3634"/>
+<path d="M41.1809 3.2785H39.0425V5.30765H40.598V6.36776H39.0425V9.73934H37.7656V2.22021H41.1809V3.2785Z" fill="#3A3634"/>
+<path d="M45.4425 7.29308C45.4425 7.57177 45.4334 7.81039 45.417 8.00893C45.4006 8.20747 45.3733 8.38051 45.335 8.52623C45.2968 8.67377 45.2458 8.8031 45.1838 8.91603C45.1201 9.02897 45.0381 9.1419 44.9379 9.25483C44.7685 9.44245 44.5536 9.58999 44.2931 9.69381C44.0308 9.79946 43.754 9.85228 43.4589 9.85228C43.1638 9.85228 42.8869 9.79946 42.6301 9.69381C42.3733 9.58816 42.1602 9.44245 41.9908 9.25483C41.8906 9.1419 41.805 9.02897 41.7376 8.91603C41.6702 8.8031 41.6173 8.67195 41.5791 8.52077C41.5408 8.36958 41.5153 8.19836 41.5044 8.00164C41.4917 7.80674 41.4844 7.56995 41.4844 7.29126V4.66467C41.4844 4.38598 41.4898 4.15101 41.5044 3.95428C41.5172 3.75938 41.5427 3.58634 41.5791 3.43698C41.6173 3.2858 41.6702 3.15465 41.7376 3.04172C41.805 2.92878 41.8887 2.81585 41.9908 2.70292C42.1602 2.5153 42.3733 2.36776 42.6301 2.26394C42.8869 2.15829 43.1638 2.10547 43.4589 2.10547C43.754 2.10547 44.0308 2.15829 44.2931 2.26394C44.5536 2.36959 44.7685 2.5153 44.9379 2.70292C45.0381 2.81585 45.1219 2.92878 45.1838 3.04172C45.2476 3.15465 45.2986 3.28398 45.335 3.42969C45.3733 3.57724 45.4006 3.74846 45.417 3.94882C45.4334 4.14736 45.4425 4.38598 45.4425 4.66467V7.29126M42.7594 7.16376C42.7594 7.53716 42.7667 7.81403 42.7795 7.99436C42.7922 8.17469 42.8159 8.30401 42.8487 8.3878C42.9653 8.65738 43.1711 8.79217 43.468 8.79217C43.8068 8.79217 44.0217 8.61913 44.1128 8.27487C44.1456 8.14736 44.1638 7.7776 44.1638 7.16376V4.79399C44.1638 4.4133 44.1565 4.13461 44.1438 3.95793C44.131 3.78124 44.1073 3.65374 44.0745 3.56995C43.9598 3.30037 43.7558 3.16558 43.468 3.16558C43.1201 3.16558 42.9015 3.33862 42.8104 3.68106C42.7922 3.74846 42.7813 3.8796 42.7722 4.0745C42.7631 4.2694 42.7594 4.50802 42.7594 4.79217V7.16193V7.16376Z" fill="#3A3634"/>
+<path d="M49.7062 7.29308C49.7062 7.57177 49.6989 7.81039 49.6807 8.00893C49.6643 8.20747 49.6369 8.38051 49.5987 8.52623C49.5604 8.67377 49.5094 8.8031 49.4475 8.91603C49.3837 9.02897 49.3018 9.1419 49.2016 9.25483C49.0322 9.44245 48.8173 9.58999 48.5568 9.69381C48.2963 9.79946 48.0176 9.85228 47.7225 9.85228C47.4275 9.85228 47.1506 9.79946 46.8938 9.69381C46.6369 9.58816 46.4238 9.44245 46.2562 9.25483C46.1542 9.1419 46.0705 9.02897 46.0031 8.91603C45.9357 8.8031 45.8828 8.67195 45.8446 8.52077C45.8063 8.36958 45.7808 8.19836 45.7681 8.00164C45.7553 7.80674 45.748 7.56995 45.748 7.29126V4.66467C45.748 4.38598 45.7553 4.15101 45.7681 3.95428C45.7808 3.75938 45.8063 3.58634 45.8446 3.43698C45.8828 3.2858 45.9357 3.15465 46.0031 3.04172C46.0705 2.92878 46.1542 2.81585 46.2562 2.70292C46.4238 2.5153 46.6369 2.36776 46.8938 2.26394C47.1506 2.15829 47.4275 2.10547 47.7225 2.10547C48.0176 2.10547 48.2963 2.15829 48.5568 2.26394C48.8173 2.36959 49.0322 2.5153 49.2016 2.70292C49.3036 2.81585 49.3856 2.92878 49.4475 3.04172C49.5113 3.15465 49.5623 3.28398 49.5987 3.42969C49.6369 3.57724 49.6643 3.74846 49.6807 3.94882C49.6989 4.14736 49.7062 4.38598 49.7062 4.66467V7.29126M47.0249 7.16376C47.0249 7.53716 47.0304 7.81403 47.0449 7.99436C47.0577 8.17469 47.0796 8.30401 47.1142 8.3878C47.2307 8.65738 47.4366 8.79217 47.7335 8.79217C48.0723 8.79217 48.2872 8.61913 48.3783 8.27487C48.4111 8.14736 48.4293 7.7776 48.4293 7.16376V4.79399C48.4293 4.4133 48.4238 4.13461 48.4092 3.95793C48.3965 3.78124 48.3728 3.65374 48.34 3.56995C48.2235 3.30037 48.0213 3.16558 47.7317 3.16558C47.3837 3.16558 47.1652 3.33862 47.0741 3.68106C47.0559 3.74846 47.0449 3.8796 47.0358 4.0745C47.0286 4.2694 47.0231 4.50802 47.0231 4.79217V7.16193L47.0249 7.16376Z" fill="#3A3634"/>
+<path d="M52.5882 9.73934H51.3113V3.2785H49.9707V2.22021H53.9543V3.2785H52.5882V9.73934Z" fill="#3A3634"/>
+<path d="M54.0938 2.22021H55.857C57.2613 2.22021 57.9644 2.86685 57.9644 4.15646C57.9644 4.56266 57.8952 4.89417 57.7586 5.15282C57.622 5.41147 57.3925 5.6428 57.0682 5.84499C57.4435 6.01074 57.7112 6.24025 57.8733 6.53351C58.0355 6.82677 58.1156 7.22204 58.1156 7.7193C58.1156 8.47158 57.908 9.02167 57.4945 9.36776C57.3251 9.51165 57.132 9.60819 56.9171 9.66102C56.7021 9.71384 56.387 9.73934 55.9717 9.73934H54.0938V2.22021ZM55.6366 5.31858C56.0245 5.31858 56.3032 5.23297 56.4726 5.06174C56.6402 4.89052 56.7258 4.60819 56.7258 4.21475C56.7258 3.58998 56.4344 3.2785 55.8533 3.2785H55.3724V5.31858H55.6366ZM55.8351 8.67923C56.1866 8.67923 56.4417 8.59544 56.6001 8.42787C56.7586 8.26029 56.8387 7.9816 56.8387 7.5918C56.8387 7.09089 56.7058 6.74298 56.438 6.54808C56.3542 6.48797 56.2559 6.44608 56.1429 6.41876C56.03 6.39144 55.877 6.37868 55.6857 6.37868H55.3724V8.67741H55.8369L55.8351 8.67923Z" fill="#3A3634"/>
+<path d="M59.9491 8.08178L59.6576 9.73934H58.4062L59.7851 2.22021H61.4299L62.8981 9.73934H61.5957L61.3042 8.08178H59.9509M60.6066 4.02349L60.1257 7.02349H61.1112L60.6048 4.02349H60.6066Z" fill="#3A3634"/>
+<path d="M66.629 9.7394H63.252V2.20752H64.5288V8.67929H66.629V9.7394Z" fill="#3A3634"/>
+<path d="M70.2208 9.7394H66.8438V2.20752H68.1224V8.67929H70.2208V9.7394Z" fill="#3A3634"/>
+<path d="M67.8506 25.5845H21.4935C19.57 25.5845 18.0072 27.1491 18.0072 29.0708V61.4606C17.7413 70.5298 24.8779 75.6938 32.4316 81.1582C35.4917 83.3714 38.6557 85.661 41.6101 88.355C43.417 90.0016 44.1092 90.0016 44.4425 90.0016C45.2731 90.0016 45.9034 89.4788 46.9453 88.5553C47.0473 88.4643 47.1365 88.3859 47.2039 88.3295C50.0764 85.9123 52.989 83.8468 55.8032 81.8522C63.8833 76.1236 70.8597 71.1765 71.3351 61.5699V61.4879L71.3369 29.0745C71.3369 27.1528 69.7722 25.5881 67.8506 25.5881" fill="#5A5654"/>
+<path d="M67.9737 28.936L26.4473 72.2603C28.6349 74.3349 31.3744 76.3167 34.3671 78.4825C37.5019 80.7502 40.7423 83.0945 43.8334 85.9123C43.9828 86.0471 44.1959 86.2275 44.4017 86.3896C44.5383 86.2712 44.6677 86.1583 44.7515 86.0817C44.879 85.9688 44.9919 85.8705 45.0739 85.7994C48.052 83.293 51.0192 81.1892 53.8899 79.1546C61.5584 73.7175 67.6167 69.4206 68.032 61.4424V29.0708C68.032 29.018 68.0083 28.9706 67.9719 28.936" fill="white"/>
+<path d="M26.4473 72.2606C23.2069 69.1896 21.1723 65.9127 21.3071 61.5357V61.4847V29.0712C21.3071 28.971 21.3891 28.8872 21.4911 28.8872H67.8499C67.8973 28.8872 67.941 28.9072 67.9738 28.9364L26.4473 72.2606Z" fill="#3A3634"/>
+<path d="M52.9883 52.9524H52.9427C52.9427 55.2621 52.0065 57.3532 50.4928 58.8668C48.9791 60.3805 46.8881 61.3167 44.5784 61.3167C42.2688 61.3167 40.1777 60.3805 38.664 58.8668C37.1504 57.3532 36.2141 55.2621 36.2141 52.9524C36.2141 50.6428 37.1504 48.5517 38.664 47.0381C40.1777 45.5244 42.2688 44.5881 44.5784 44.5881C46.8881 44.5881 48.9791 45.5244 50.4928 47.0381C52.0065 48.5517 52.9427 50.6428 52.9427 52.9524H53.0338C53.0338 48.2821 49.2487 44.4971 44.5784 44.4971C39.9081 44.4971 36.123 48.2821 36.123 52.9524C36.123 57.6228 39.9081 61.4078 44.5784 61.4078C49.2487 61.4078 53.0338 57.6228 53.0338 52.9524H52.9883Z" fill="#12100C"/>
+<path d="M50.36 52.9524C50.36 56.1437 47.7716 58.732 44.5804 58.732C41.3891 58.732 38.8008 56.1437 38.8008 52.9524C38.8008 49.7612 41.3891 47.1729 44.5804 47.1729C47.7716 47.1729 50.36 49.7612 50.36 52.9524Z" fill="#5A5654"/>
+<path d="M38.8021 52.9528C38.8021 49.7615 41.3905 47.1732 44.5817 47.1732C46.2302 47.1732 47.7147 47.8672 48.7675 48.9747L50.589 47.0694C49.0626 45.5102 46.9369 44.543 44.5817 44.543C39.9369 44.543 36.1719 48.308 36.1719 52.9528C36.1719 55.441 37.2538 57.6759 38.9715 59.2151L40.793 57.3098C39.5744 56.2497 38.8021 54.6923 38.8021 52.951" fill="#C5D874"/>
+<path d="M48.7649 48.9746C49.7503 50.011 50.3587 51.41 50.3587 52.9528C50.3587 56.144 47.7703 58.7324 44.5791 58.7324C43.1292 58.7324 41.8068 58.1932 40.7922 57.3116L38.9707 59.2169C40.4589 60.5502 42.4243 61.3626 44.5791 61.3626C49.2239 61.3626 52.9889 57.5976 52.9889 52.9528C52.9889 50.6613 52.0727 48.5866 50.5864 47.0693L48.7649 48.9746Z" fill="#A0BFCF"/>
+</g>
+<defs>
+<clipPath id="clip0_581_17886">
+<rect width="53.337" height="90" fill="white" transform="translate(18)"/>
+</clipPath>
+</defs>
+</svg>

static/images/bush.svg

@@ -0,0 +1,23 @@
+<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="90" height="90" fill="white"/>
+<g clip-path="url(#clip0_581_17825)">
+<path d="M45 88.3424C39.6622 84.399 34.5072 80.2614 29.7066 75.6551C25.1003 71.2316 20.8712 66.431 17.225 61.1504C8.26391 48.1544 4.89205 33.3183 1.4859 18.3564C0.994412 16.2075 0.502921 14.0701 0 11.9213C3.93193 10.2639 7.89815 8.72085 11.9444 7.4064C15.3962 6.28626 18.9167 5.30328 22.4486 4.53747C30.221 2.84582 37.6162 2 45 2C52.3838 2 59.779 2.84582 67.5514 4.53747C71.0833 5.30328 74.6038 6.28626 78.0556 7.4064C82.1019 8.72085 86.0681 10.2639 90 11.9213C89.4971 14.0701 89.0056 16.2075 88.5141 18.3564C85.108 33.3183 81.7361 48.1544 72.775 61.1504C69.1288 66.431 64.8997 71.2316 60.2934 75.6551C55.4928 80.2614 50.3378 84.399 45 88.3424Z" fill="#B81221"/>
+<path d="M45.0005 85.6107C49.7897 82.0445 54.4417 78.2269 58.7623 74.0778C63.2771 69.7458 67.4148 65.0481 70.9581 59.9046C79.6792 47.2515 83.0168 32.6211 86.3658 17.8764C86.743 16.2419 87.1087 14.6074 87.4288 13.2358C84.1941 11.887 80.8222 10.6297 77.3703 9.49816C73.9985 8.40087 70.558 7.44075 67.0947 6.68637C59.4709 5.02902 52.2357 4.20605 45.0005 4.20605C37.7653 4.20605 30.5301 5.02902 22.9063 6.68637C19.443 7.44075 16.0025 8.40087 12.6307 9.49816C9.17882 10.6297 5.80696 11.887 2.57227 13.2358C2.89231 14.6074 3.25807 16.2419 3.63526 17.8764C6.98425 32.6211 10.3218 47.2515 19.0429 59.9046C22.5862 65.0481 26.7239 69.7458 31.2388 74.0778C35.5593 78.2269 40.2113 82.0445 45.0005 85.6107Z" fill="white"/>
+<path d="M44.9999 81.1988C46.543 79.9987 48.1432 78.7185 49.8006 77.3469C52.1323 75.3923 54.3269 73.4607 56.3271 71.5404C58.5102 69.4373 60.6019 67.2542 62.5681 64.991C64.5226 62.7279 66.3742 60.3733 68.0659 57.9044C72.2036 51.9151 75.0725 45.3771 77.3242 38.5762C78.3301 35.5359 79.2102 32.4612 80.0217 29.3522C76.7299 28.0606 73.4037 26.8948 70.009 25.9232C61.9051 23.6029 53.424 22.3228 45.0001 22.3228C36.5762 22.3228 28.0951 23.6029 19.9912 25.9232C16.5965 26.9062 13.2704 28.0606 9.97852 29.3522C10.79 32.4612 11.6702 35.5359 12.676 38.5762C14.9277 45.3771 17.7967 51.9151 21.9343 57.9044C23.626 60.3733 25.4776 62.7279 27.4322 64.991C29.3981 67.2542 31.4898 69.4373 33.673 71.5404C35.6732 73.4607 37.8678 75.3923 40.1995 77.3469C41.8567 78.7185 43.4569 79.9987 44.9999 81.1988Z" fill="#B81221"/>
+<path d="M14.961 20.2996C14.5838 19.1108 13.9323 18.505 12.5493 18.3907C13.1894 17.7164 13.3265 17.0877 13.0294 16.1619C12.7436 15.2361 12.0921 14.596 11.2577 14.3674C10.5719 14.1845 9.94326 14.2759 8.5145 14.756L6.53711 15.4189L9.65751 25.3402L12.2178 24.483C14.6867 23.66 15.5325 22.1055 14.961 20.2996ZM13.1551 20.8596C13.4294 21.7169 13.0065 22.277 11.7606 22.6884L10.8805 22.9856L10.0804 20.4482L10.9262 20.1624C12.1607 19.7509 12.8808 19.9681 13.1551 20.8596ZM11.3034 16.9277C11.5206 17.6364 11.1663 18.0936 10.0918 18.4593L9.52035 18.6536L8.88026 16.6191L9.61179 16.3791C10.5262 16.0705 11.0863 16.2419 11.3034 16.9277Z" fill="#B81221"/>
+<path d="M22.9052 17.4533L21.3507 11.041L19.5448 11.5096L21.0878 17.9219C21.465 19.5107 21.0078 20.1507 20.1048 20.3793C19.179 20.6194 18.4818 20.265 18.1046 18.6877L16.5615 12.2755L14.7441 12.7441L16.2872 19.1563C16.9044 21.7281 18.6075 22.6882 20.5277 22.1967C22.4594 21.6938 23.5224 20.0364 22.9052 17.4533Z" fill="#B81221"/>
+<path d="M34.5636 16.2877L32.3919 16.642C31.7176 17.6593 31.0661 18.105 30.1059 18.2651C28.2771 18.5622 26.5169 17.2249 26.2197 15.2932C25.9226 13.3616 27.0998 11.6014 28.9972 11.2813C30.1631 11.0984 30.9975 11.3613 31.809 12.15L33.8778 11.8185C32.6891 9.96686 30.7232 9.10961 28.6772 9.45251C25.854 9.90971 23.9109 12.6758 24.3566 15.5904C24.8138 18.5622 27.5228 20.5739 30.426 20.0939C32.472 19.7624 34.0722 18.2993 34.5636 16.2877Z" fill="#B81221"/>
+<path d="M43.5362 18.7108L43.1818 8.28662L41.3187 8.34377L41.4559 12.55L37.8554 12.6872L37.7183 8.48093L35.8438 8.54951L36.1981 18.9737L38.0612 18.9051L37.9126 14.5274L41.5245 14.4017L41.6731 18.7794L43.5362 18.7108Z" fill="#B81221"/>
+<path d="M52.1325 15.7506C52.1667 14.5047 51.7553 13.7046 50.498 13.1102C51.3209 12.6987 51.6524 12.1615 51.6867 11.19C51.7095 10.207 51.3209 9.37261 50.6123 8.86968C50.0293 8.4582 49.4007 8.32104 47.9033 8.26389L45.8231 8.19531L45.4688 18.6195L48.1662 18.7109C50.7494 18.8024 52.0639 17.6479 52.1325 15.7506ZM50.2465 15.6363C50.2122 16.5392 49.6407 16.9164 48.3377 16.8707L47.4004 16.8364L47.4919 14.1732L48.3834 14.1961C49.675 14.2532 50.2808 14.7104 50.2465 15.6363ZM49.8007 11.2814C49.7779 12.0358 49.2864 12.3444 48.1548 12.2987L47.5604 12.2758L47.629 10.1498L48.3948 10.1727C49.3664 10.207 49.835 10.5613 49.8007 11.2814Z" fill="#B81221"/>
+<path d="M62.3959 20.2651L59.4241 9.38376L57.9611 9.18945L52.5547 19.0193L54.6121 19.2822L56.0408 16.7447L59.607 17.1905L60.35 20.0023L62.3959 20.2651ZM59.0698 15.2702L56.9324 14.9959L58.3726 11.9898L59.0698 15.2702Z" fill="#B81221"/>
+<path d="M72.8434 19.8535L70.6946 19.3391C69.7116 20.0249 68.9458 20.1849 67.9971 19.9563C66.1912 19.5334 65.0482 17.6018 65.4711 15.7044C65.894 13.7956 67.6199 12.6068 69.4945 13.064C70.6375 13.3384 71.3233 13.8984 71.7919 14.95L73.8264 15.4415C73.4035 13.2698 71.8833 11.7153 69.8602 11.2352C67.0827 10.5723 64.2824 12.3782 63.6309 15.2586C62.9793 18.1847 64.751 21.0993 67.6314 21.7851C69.643 22.2652 71.6547 21.5337 72.8434 19.8535Z" fill="#B81221"/>
+<path d="M80.3412 25.6028L83.4616 15.6815L81.6899 15.0872L80.4212 19.0877L76.9922 17.9332L78.2609 13.9327L76.4778 13.3384L73.3574 23.2596L75.1405 23.854L76.4435 19.6935L79.8725 20.8365L78.5695 25.0084L80.3412 25.6028Z" fill="#B81221"/>
+<path d="M59.3668 40.096L58.7725 53.3434L68.2708 42.6678C68.488 42.7478 68.7166 42.8278 68.9338 42.9078C69.8939 43.2622 70.854 43.6279 71.7913 44.0165L58.1095 59.4014L55.0234 58.1555L55.8578 39.4331C56.6579 39.5588 57.4466 39.696 58.2353 39.856C58.6239 39.936 59.0011 40.016 59.3668 40.096Z" fill="white"/>
+<path d="M49.1605 30.7695C48.909 28.6892 47.1031 27.089 45 27.089C41.6281 27.089 40.5308 30.038 41.2509 32.9526C42.5082 32.8955 43.7541 32.8612 45 32.8612C49.892 32.8612 54.7841 33.3184 59.3561 34.2328C61.9735 34.7585 64.5682 35.4329 67.1171 36.2445C69.6659 37.0446 72.1577 37.9704 74.6151 38.9877L73.2664 42.2452C70.9004 41.2622 68.5115 40.3707 66.0769 39.6049C63.6538 38.8391 61.1849 38.199 58.6703 37.6961C54.3269 36.8274 49.6634 36.393 45 36.393C44.1541 36.393 43.3083 36.4045 42.4625 36.4388C44.0055 40.1764 45.7658 43.9026 47.4688 47.5487C48.1889 49.1032 48.909 50.6463 49.7091 52.4408C50.1435 53.4123 50.5549 54.3839 50.8978 55.2754C52.0751 58.3273 52.8981 61.3791 50.715 64.3052C49.3662 66.1111 47.2174 67.0484 45 67.0484C40.748 67.0484 37.2847 63.5851 37.2847 59.3217H40.8051C40.8051 61.642 42.6911 63.5165 45 63.5165C46.1201 63.5165 47.1831 63.1279 47.8803 62.1906C49.1948 60.4418 48.2918 58.3044 47.606 56.5213C47.2517 55.6069 46.8745 54.7154 46.4973 53.881C45.8343 52.3951 45.0571 50.7149 44.2799 49.0232C42.4168 45.0341 40.3251 40.805 38.7706 36.6559C36.2331 36.8731 33.73 37.216 31.3296 37.6961C30.7124 37.8218 30.0952 37.9475 29.478 38.0961L33.2956 58.6816L29.8323 59.3102L26.0604 38.9648C25.3403 39.1705 24.6317 39.3763 23.923 39.6049C21.4884 40.3707 19.0995 41.2622 16.7335 42.2452L15.3848 38.9877C17.8422 37.9704 20.334 37.0446 22.8829 36.2445C25.4318 35.4329 28.0264 34.7585 30.6438 34.2328C32.9413 33.7756 35.3187 33.4327 37.7419 33.2041C36.7018 28.152 39.765 23.5571 45 23.5571C49.1491 23.5571 52.5895 26.8947 52.7152 31.0438C51.5379 30.9295 50.3492 30.8381 49.1605 30.7695Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_581_17825">
+<rect width="90" height="86.3424" fill="white" transform="translate(0 2)"/>
+</clipPath>
+</defs>
+</svg>

templates/index.html

@@ -187,6 +187,50 @@
 <div class="w-full bg-[#5b6bf5] h-[10rem]"></div>
 
 
+<!-- Floating Social Bar -->
+<div
+  id="socialBar"
+  class="fixed left-5 top-24 z-50
+         flex flex-col items-center gap-5
+         bg-lime-400
+         px-3 py-4
+         rounded-full
+         shadow-lg
+         transition-transform duration-300 ease-out"
+>
+  <a href="#" class="text-black text-xl hover:scale-125 transition">
+    <i class="fab fa-instagram"></i>
+  </a>
+
+  <a href="#" class="text-black text-xl hover:scale-125 transition">
+    <i class="fab fa-youtube"></i>
+  </a>
+
+  <a href="#" class="text-black text-xl hover:scale-125 transition">
+    <i class="fab fa-tiktok"></i>
+  </a>
+
+  <a href="#" class="text-black text-xl hover:scale-125 transition">
+    <i class="fab fa-linkedin-in"></i>
+  </a>
+</div>
+
+<!-- Dummy content to test scrolling -->
+<div class="h-[2000px] p-20">
+  <h1 class="text-3xl font-bold">Scroll Down</h1>
+</div>
+
+
+<script>
+  const bar = document.getElementById("socialBar");
+
+  window.addEventListener("scroll", () => {
+    const y = window.scrollY * 0.3;
+    bar.style.transform = `translateY(${y}px)`;
+  });
+</script>
+
+