diff --git a/config/static/css/app.css b/config/static/css/app.css
index e713c9b..12f3b68 100644
--- a/config/static/css/app.css
+++ b/config/static/css/app.css
@@ -671,6 +671,58 @@ video {
   top: calc(4rem + 2px);
 }
 
+.left-20 {
+  left: 5rem;
+}
+
+.-left-20 {
+  left: -5rem;
+}
+
+.-left-0 {
+  left: -0px;
+}
+
+.-left-16 {
+  left: -4rem;
+}
+
+.-left-32 {
+  left: -8rem;
+}
+
+.-left-36 {
+  left: -9rem;
+}
+
+.-left-40 {
+  left: -10rem;
+}
+
+.top-10 {
+  top: 2.5rem;
+}
+
+.-right-40 {
+  right: -10rem;
+}
+
+.-right-20 {
+  right: -5rem;
+}
+
+.-right-24 {
+  right: -6rem;
+}
+
+.-right-8 {
+  right: -2rem;
+}
+
+.-left-8 {
+  left: -2rem;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -683,6 +735,14 @@ video {
   z-index: 50;
 }
 
+.-z-10 {
+  z-index: -10;
+}
+
+.-z-0 {
+  z-index: 0;
+}
+
 .col-span-2 {
   grid-column: span 2 / span 2;
 }
@@ -794,6 +854,18 @@ video {
   margin-top: 1.25rem;
 }
 
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .block {
   display: block;
 }
@@ -858,10 +930,23 @@ video {
   height: 100%;
 }
 
+.h-max {
+  height: -moz-max-content;
+  height: max-content;
+}
+
 .h-screen {
   height: 100vh;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
+.h-64 {
+  height: 16rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -886,10 +971,6 @@ video {
   width: 50%;
 }
 
-.w-1\/4 {
-  width: 25%;
-}
-
 .w-2\/3 {
   width: 66.666667%;
 }
@@ -922,8 +1003,76 @@ video {
   width: 100%;
 }
 
-.w-auto {
-  width: auto;
+.w-16 {
+  width: 4rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-\[150px\] {
+  width: 150px;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
+.w-\[100px\] {
+  width: 100px;
+}
+
+.w-\[400px\] {
+  width: 400px;
+}
+
+.w-96 {
+  width: 24rem;
+}
+
+.w-\[80px\] {
+  width: 80px;
+}
+
+.w-\[30px\] {
+  width: 30px;
+}
+
+.w-\[200\] {
+  width: 200;
+}
+
+.w-\[500px\] {
+  width: 500px;
+}
+
+.w-\[600px\] {
+  width: 600px;
+}
+
+.w-\[1000px\] {
+  width: 1000px;
+}
+
+.w-60 {
+  width: 15rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.min-w-\[450px\] {
+  min-width: 450px;
 }
 
 .max-w-2xl {
@@ -954,6 +1103,58 @@ video {
   max-width: 36rem;
 }
 
+.max-w-4xl {
+  max-width: 56rem;
+}
+
+.max-w-7xl {
+  max-width: 80rem;
+}
+
+.max-w-\[1260px\] {
+  max-width: 1260px;
+}
+
+.max-w-\[10px\] {
+  max-width: 10px;
+}
+
+.max-w-\[100px\] {
+  max-width: 100px;
+}
+
+.max-w-\[100000px\] {
+  max-width: 100000px;
+}
+
+.max-w-\[1\/2\] {
+  max-width: 1/2;
+}
+
+.max-w-\[1\/4\] {
+  max-width: 1/4;
+}
+
+.max-w-\[1400px\] {
+  max-width: 1400px;
+}
+
+.max-w-\[800px\] {
+  max-width: 800px;
+}
+
+.max-w-\[30px\] {
+  max-width: 30px;
+}
+
+.max-w-\[20px\] {
+  max-width: 20px;
+}
+
+.max-w-\[500px\] {
+  max-width: 500px;
+}
+
 .flex-grow {
   flex-grow: 1;
 }
@@ -962,6 +1163,10 @@ video {
   flex-basis: 50%;
 }
 
+.table-auto {
+  table-layout: auto;
+}
+
 .table-fixed {
   table-layout: fixed;
 }
@@ -975,10 +1180,39 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.rotate-90 {
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.skew-y-12 {
+  --tw-skew-y: 12deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.skew-x-12 {
+  --tw-skew-x: 12deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-skew-y-12 {
+  --tw-skew-y: -12deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.snap-center {
+  scroll-snap-align: center;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -987,10 +1221,6 @@ video {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.flex-row {
-  flex-direction: row;
-}
-
 .flex-col {
   flex-direction: column;
 }
@@ -999,6 +1229,10 @@ video {
   flex-wrap: wrap;
 }
 
+.content-center {
+  align-content: center;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -1053,34 +1287,42 @@ video {
   margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+.overflow-auto {
+  overflow: auto;
 }
 
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+.overflow-hidden {
+  overflow: hidden;
 }
 
 .overflow-visible {
   overflow: visible;
 }
 
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1105,6 +1347,10 @@ video {
   border-top-width: 1px;
 }
 
+.border-r {
+  border-right-width: 1px;
+}
+
 .border-solid {
   border-style: solid;
 }
@@ -1119,8 +1365,13 @@ video {
   border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
 }
 
-.border-\[\#3D521E33\] {
-  border-color: #3D521E33;
+.border-\[\#3D521E\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(61 82 30 / var(--tw-border-opacity, 1));
+}
+
+.border-opacity-20 {
+  --tw-border-opacity: 0.2;
 }
 
 .bg-\[\#12204A\] {
@@ -1147,23 +1398,33 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-\[\#fffbebf\] {
+  background-color: #fffbebf;
+}
+
+.bg-\[\#fffbef\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 239 / var(--tw-bg-opacity, 1));
+}
+
 .object-contain {
   -o-object-fit: contain;
      object-fit: contain;
 }
 
-.p-6 {
-  padding: 1.5rem;
-}
-
-.p-2 {
-  padding: 0.5rem;
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 .p-4 {
   padding: 1rem;
 }
 
+.p-6 {
+  padding: 1.5rem;
+}
+
 .px-10 {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
@@ -1204,21 +1465,26 @@ video {
   padding-bottom: 5rem;
 }
 
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
 .py-32 {
   padding-top: 8rem;
   padding-bottom: 8rem;
 }
 
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .py-5 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
 
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
 .py-\[17px\] {
   padding-top: 17px;
   padding-bottom: 17px;
@@ -1229,19 +1495,14 @@ video {
   padding-bottom: 80px;
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
 }
 
 .pr-8 {
@@ -1252,6 +1513,10 @@ video {
   padding-top: 2.5rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .pt-20 {
   padding-top: 5rem;
 }
@@ -1264,10 +1529,6 @@ video {
   padding-top: 70px;
 }
 
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -1280,6 +1541,10 @@ video {
   text-align: right;
 }
 
+.align-top {
+  vertical-align: top;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -1320,6 +1585,11 @@ video {
   line-height: 1.75rem;
 }
 
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1332,6 +1602,10 @@ video {
   font-weight: 600;
 }
 
+.font-normal {
+  font-weight: 400;
+}
+
 .italic {
   font-style: italic;
 }
@@ -1385,6 +1659,26 @@ video {
   color: rgb(255 255 255 / 0.9);
 }
 
+.text-\[\#333333\] {
+  --tw-text-opacity: 1;
+  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#3D521E\] {
+  --tw-text-opacity: 1;
+  color: rgb(61 82 30 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#FF9500\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 149 0 / var(--tw-text-opacity, 1));
+}
+
+.text-\[\#61491B\] {
+  --tw-text-opacity: 1;
+  color: rgb(97 73 27 / var(--tw-text-opacity, 1));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -1405,6 +1699,10 @@ video {
   text-underline-offset: 2px;
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1425,20 +1723,14 @@ video {
   transition-duration: 150ms;
 }
 
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.duration-300 {
+  transition-duration: 300ms;
 }
 
 .duration-500 {
   transition-duration: 500ms;
 }
 
-.duration-300 {
-  transition-duration: 300ms;
-}
-
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -1535,23 +1827,14 @@ video {
   }
 }
 
-.hover\:bg-yellow-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
-}
-
-.hover\:bg-gray-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
-}
-
 .hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-gray-100\/50:hover {
-  background-color: rgb(243 244 246 / 0.5);
+.hover\:bg-yellow-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
 }
 
 .hover\:text-gray-800:hover {
@@ -1626,10 +1909,42 @@ video {
 }
 
 @media (min-width: 768px) {
+  .md\:static {
+    position: static;
+  }
+
+  .md\:relative {
+    position: relative;
+  }
+
   .md\:top-\[calc\(5rem\+2px\)\] {
     top: calc(5rem + 2px);
   }
 
+  .md\:-right-24 {
+    right: -6rem;
+  }
+
+  .md\:-left-40 {
+    left: -10rem;
+  }
+
+  .md\:-right-20 {
+    right: -5rem;
+  }
+
+  .md\:right-20 {
+    right: 5rem;
+  }
+
+  .md\:right-10 {
+    right: 2.5rem;
+  }
+
+  .md\:right-0 {
+    right: 0px;
+  }
+
   .md\:order-last {
     order: 9999;
   }
@@ -1642,16 +1957,24 @@ video {
     margin-top: 0px;
   }
 
+  .md\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
   .md\:block {
     display: block;
   }
 
+  .md\:flex {
+    display: flex;
+  }
+
   .md\:hidden {
     display: none;
   }
 
-  .md\:h-auto {
-    height: auto;
+  .md\:h-10 {
+    height: 2.5rem;
   }
 
   .md\:min-h-\[1570px\] {
@@ -1682,16 +2005,64 @@ video {
     width: 100%;
   }
 
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-\[100px\] {
+    width: 100px;
+  }
+
+  .md\:w-\[1000px\] {
+    width: 1000px;
+  }
+
+  .md\:w-\[10000px\] {
+    width: 10000px;
+  }
+
+  .md\:w-\[1500px\] {
+    width: 1500px;
+  }
+
+  .md\:w-\[150px\] {
+    width: 150px;
+  }
+
+  .md\:w-10 {
+    width: 2.5rem;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:max-w-7xl {
+    max-width: 80rem;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .md\:flex-row {
-    flex-direction: row;
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
-  .md\:flex-col {
-    flex-direction: column;
+  .md\:flex-row {
+    flex-direction: row;
   }
 
   .md\:justify-end {
@@ -1703,22 +2074,22 @@ video {
          column-gap: 2rem;
   }
 
-  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  .md\:overflow-auto {
+    overflow: auto;
   }
 
-  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  .md\:overflow-x-visible {
+    overflow-x: visible;
   }
 
   .md\:border-0 {
     border-width: 0px;
   }
 
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -1729,15 +2100,19 @@ video {
     padding-bottom: 1.5rem;
   }
 
-  .md\:py-\[17px\] {
-    padding-top: 17px;
-    padding-bottom: 17px;
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
   }
 
   .md\:pt-0 {
     padding-top: 0px;
   }
 
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
   .md\:text-left {
     text-align: left;
   }
@@ -1757,20 +2132,24 @@ video {
     line-height: 1;
   }
 
-  .md\:text-base {
-    font-size: 1rem;
-    line-height: 1.5rem;
-  }
-
   .md\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
 
+  .md\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
   .md\:text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
+
+  .md\:opacity-100 {
+    opacity: 1;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -1783,10 +2162,22 @@ video {
     margin-bottom: 8rem;
   }
 
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-3\/4 {
+    width: 75%;
+  }
+
   .lg\:w-48 {
     width: 12rem;
   }
 
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
   .lg\:gap-y-8 {
     row-gap: 2rem;
   }
@@ -1795,16 +2186,6 @@ video {
     padding-left: 0px;
     padding-right: 0px;
   }
-
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
 }
 
 @media (min-width: 1280px) {
@@ -1816,9 +2197,3 @@ video {
     display: none;
   }
 }
-
-@media (min-width: 1536px) {
-  .\32xl\:hidden {
-    display: none;
-  }
-}
diff --git a/config/static/img/.DS_Store b/config/static/img/.DS_Store
index 44ec9dd..73b539a 100644
Binary files a/config/static/img/.DS_Store and b/config/static/img/.DS_Store differ
diff --git a/config/static/img/beigeleaf-2.png b/config/static/img/beigeleaf-2.png
new file mode 100644
index 0000000..9da2d80
Binary files /dev/null and b/config/static/img/beigeleaf-2.png differ
diff --git a/config/static/img/beigeleaf.png b/config/static/img/beigeleaf.png
new file mode 100644
index 0000000..cb35582
Binary files /dev/null and b/config/static/img/beigeleaf.png differ
diff --git a/config/static/img/why-python-icons/artificial.svg b/config/static/img/why-python-icons/artificial.svg
new file mode 100644
index 0000000..220d120
--- /dev/null
+++ b/config/static/img/why-python-icons/artificial.svg
@@ -0,0 +1,16 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.5882 28.856C34.0358 29.7555 34.3863 30.5536 34.3863 31.2589C34.3863 34.4557 31.4682 35.258 28.7867 35.258C28.0687 38.1719 25.0451 38.4675 23.698 38.4591C22.0383 38.4464 20.7883 37.2259 20.7883 35.5241C20.7883 31.1237 20.7883 14.7386 20.7883 7.40753C20.7883 4.0925 21.7469 3.25635 23.698 3.25635C28.0687 3.25635 29.8804 5.47341 30.3872 7.25973C33.5333 7.64402 36.7174 10.7395 36.7892 15.258C36.8145 16.9472 36.1558 18.8349 35.1887 20.8577C36.0164 21.6981 36.7892 22.4582 36.7892 24.0587C36.7892 26.0013 36.2824 27.9523 33.5882 28.856Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M6.23161 20.6592C5.46303 21.4996 4.78735 22.4582 4.78735 24.0587C4.78735 25.9971 6.09225 27.9523 8.78652 28.856C6.60746 32.5258 9.41996 35.258 12.7899 35.258C13.5078 38.1719 16.4259 38.4591 17.8786 38.4591C19.5382 38.4591 20.7882 37.2259 20.7882 35.5241C20.7882 31.1237 20.7882 14.7386 20.7882 7.40753C20.7882 4.0925 19.8296 3.25635 17.8786 3.25635C13.5078 3.25635 10.898 5.47341 10.387 7.25973C7.2409 7.64402 4.78735 11.2589 4.78735 15.258C4.78735 16.9472 5.26455 18.6364 6.23161 20.6592Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M10.3871 20.0596H6.23169" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M13.588 20.0595C13.588 20.9421 12.8701 21.6558 11.9875 21.6558C11.1049 21.6558 10.387 20.9421 10.387 20.0595C10.387 19.1727 11.1049 18.459 11.9875 18.459C12.8701 18.459 13.588 19.1727 13.588 20.0595Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.7881 24.0586H15.1885V28.8559" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M16.7892 30.4565C16.7892 31.3433 16.0712 32.057 15.1886 32.057C14.306 32.057 13.5881 31.3433 13.5881 30.4565C13.5881 29.5739 14.306 28.856 15.1886 28.856C16.0712 28.856 16.7892 29.5739 16.7892 30.4565Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.7883 16.0563H16.7892V12.0571H13.5881" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M13.588 12.057C13.588 12.9397 12.8701 13.6576 11.9875 13.6576C11.1049 13.6576 10.387 12.9397 10.387 12.057C10.387 11.1744 11.1049 10.4565 11.9875 10.4565C12.8701 10.4565 13.588 11.1744 13.588 12.057Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M31.9876 12.057C31.9876 12.9397 31.274 13.6576 30.3871 13.6576C29.5045 13.6576 28.7866 12.9397 28.7866 12.057C28.7866 11.1744 29.5045 10.4565 30.3871 10.4565C31.274 10.4565 31.9876 11.1744 31.9876 12.057Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.7883 12.0571H28.7867" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M26.3879 20.8577V24.8568H33.5881V28.856" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M27.9884 19.2572C27.9884 20.1398 27.2705 20.8578 26.3879 20.8578C25.5053 20.8578 24.7874 20.1398 24.7874 19.2572C24.7874 18.3746 25.5053 17.6567 26.3879 17.6567C27.2705 17.6567 27.9884 18.3746 27.9884 19.2572Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M28.7866 30.4565C28.7866 31.3433 28.073 32.057 27.1904 32.057C26.3035 32.057 25.5898 31.3433 25.5898 30.4565C25.5898 29.5739 26.3035 28.856 27.1904 28.856C28.073 28.856 28.7866 29.5739 28.7866 30.4565Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M20.7883 30.4565H25.5899" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/config/static/img/why-python-icons/automation.svg b/config/static/img/why-python-icons/automation.svg
new file mode 100644
index 0000000..d05aa2e
--- /dev/null
+++ b/config/static/img/why-python-icons/automation.svg
@@ -0,0 +1,7 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.8546 8.85596V14.4556H29.2549" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M6.05371 32.8594V27.2598H11.6534" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M22.1348 29.6582H18.8535L18.4523 27.0991C18.1356 27.0189 17.8949 26.9386 17.5739 26.7782L15.416 28.2182L13.0131 25.8196L14.4532 23.6574C14.2927 23.4167 14.2124 23.0957 14.1322 22.8593L11.6533 22.4581V19.0966L14.1322 18.6996C14.2124 18.3787 14.3729 18.138 14.4532 17.817L13.0131 15.8196L15.416 13.4167L17.5739 14.937C17.8146 14.7765 18.1356 14.6962 18.3721 14.616L18.8535 12.0569H22.215L22.612 14.616C22.8527 14.6962 23.1736 14.7765 23.4143 14.937L25.492 13.4167L27.8147 15.7393L26.3746 17.8973C26.5351 18.138 26.6153 18.4589 26.6956 18.6996L29.2547 19.0966V22.4581L26.7758 22.9395C26.6956 23.176 26.6153 23.4969 26.4549 23.8179L27.9751 25.8956L25.5723 28.2984L23.4143 26.8584C23.0934 27.0189 22.8527 27.0991 22.612 27.1794L22.1348 29.6582ZM23.0131 16.5375C22.612 16.2968 22.1348 16.1363 21.6533 15.9758L21.1719 15.8196L20.8552 13.6574H20.2133L19.8121 15.8956L19.3349 15.9758C18.8535 16.1363 18.3721 16.377 17.8146 16.6177L17.4135 16.7782L15.5722 15.4986L15.095 15.9758L16.3746 17.817L16.0537 18.2182C15.813 18.6194 15.6525 19.0966 15.5722 19.4978L15.492 20.0594L13.2538 20.4564V21.0983L15.416 21.4995L15.5722 21.9766C15.7327 22.3778 15.8932 22.9395 16.1339 23.4167L16.3746 23.8179L15.095 25.6591L15.5722 26.1363L17.4937 24.8567L17.9751 25.1777C18.3721 25.4184 18.8535 25.5788 19.3349 25.7393L19.8121 25.8956L20.1331 28.0577H20.775L21.1719 25.8196L21.6533 25.6591C22.1348 25.4986 22.612 25.3381 23.0934 25.0974L23.4946 24.8567L25.3358 26.1363L25.813 25.6591L24.4532 23.8179L24.7741 23.3364C25.0148 22.9395 25.1753 22.4581 25.3358 21.9766L25.492 21.4995L27.6542 21.018V20.3761L25.416 20.0594L25.2555 19.578C25.0951 19.0966 24.9346 18.6194 24.6939 18.138L24.4532 17.7368L25.7327 15.8956L25.3358 15.4986M20.454 23.9783C18.693 23.9783 17.253 22.5383 17.253 20.7773C17.253 19.0163 18.693 17.5763 20.454 17.5763C22.215 17.5763 23.655 19.0163 23.655 20.7773C23.655 22.6185 22.215 23.9783 20.454 23.9783ZM20.454 19.2571C19.5756 19.2571 18.8535 19.9792 18.8535 20.8576C18.8535 21.7359 19.5756 22.4581 20.454 22.4581C21.3324 22.4581 22.0545 21.7359 22.0545 20.8576C22.0545 19.8989 21.3324 19.2571 20.454 19.2571Z" fill="#3D521E"/>
+<path d="M35.6526 20.8577C35.6526 29.2529 28.8494 36.0561 20.4541 36.0561C14.3477 36.0561 9.07741 32.454 6.66187 27.2597" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M5.25562 20.8577C5.25562 12.4624 12.0588 5.65918 20.4541 5.65918C26.5605 5.65918 31.8308 9.26138 34.2464 14.4556" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/config/static/img/why-python-icons/cloud-computing.svg b/config/static/img/why-python-icons/cloud-computing.svg
new file mode 100644
index 0000000..0577870
--- /dev/null
+++ b/config/static/img/why-python-icons/cloud-computing.svg
@@ -0,0 +1,16 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2665)">
+<path d="M33.0012 32.8592H31.3205V31.2587H33.0012C33.698 31.2587 34.3821 31.1278 35.0282 30.8744C37.1482 30.034 38.5206 28.0197 38.5206 25.735C38.5206 22.5551 35.8348 19.6582 32.8872 19.6582H31.9793L32.0468 18.7629C32.0975 18.3406 32.1228 17.9901 32.1228 17.6565C32.1228 12.724 28.2546 8.85581 23.3137 8.85581C19.5806 8.85581 16.464 11.0053 15.1845 14.4597L14.7495 15.6337L13.8669 14.7469C13.1659 14.0458 12.1608 13.6573 11.0333 13.6573C8.91334 13.6573 7.30861 15.3761 7.30861 17.6565L7.34239 18.4631L6.73428 18.6278C4.8635 19.1472 1.7216 20.6759 1.7216 25.1227C1.7216 28.5053 4.47499 31.2587 7.85759 31.2587H8.92178V32.8592H7.85759C3.59238 32.8592 0.121094 29.3879 0.121094 25.1227C0.121094 21.3051 2.15235 18.4715 5.72077 17.268C5.90235 14.2697 8.12364 12.0568 11.0333 12.0568C12.1693 12.0568 13.2292 12.3524 14.1118 12.9099C15.8264 9.39635 19.2639 7.25952 23.3137 7.25952C29.1499 7.25952 33.7191 11.8246 33.7191 17.6565C33.7191 17.8085 33.7191 17.9605 33.7107 18.121C37.2284 18.6024 40.1212 21.9555 40.1212 25.735C40.1212 28.6827 38.3517 31.2798 35.6152 32.3609C34.7791 32.6903 33.9007 32.8592 33.0012 32.8592Z" fill="#3D521E"/>
+<path d="M31.3205 37.6565C31.3205 38.9825 30.2479 40.0593 28.9218 40.0593C27.5958 40.0593 26.5232 38.9825 26.5232 37.6565C26.5232 36.3304 27.5958 35.2578 28.9218 35.2578C30.2479 35.2578 31.3205 36.3304 31.3205 37.6565Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.7192 37.6565C13.7192 38.9825 12.6465 40.0593 11.3205 40.0593C9.99451 40.0593 8.92188 38.9825 8.92188 37.6565C8.92188 36.3304 9.99451 35.2578 11.3205 35.2578C12.6465 35.2578 13.7192 36.3304 13.7192 37.6565Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3195 21.6555L12.6168 24.8988C11.7806 25.9081 11.3203 27.1749 11.3203 28.4841V35.2577" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.9218 35.2577V28.4841C28.9218 27.1749 28.4615 25.9081 27.6253 24.8988L24.9226 21.6555" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.5197 37.6565C22.5197 38.9825 21.4471 40.0593 20.1211 40.0593C18.795 40.0593 17.7224 38.9825 17.7224 37.6565C17.7224 36.3304 18.795 35.2578 20.1211 35.2578C21.4471 35.2578 22.5197 36.3304 22.5197 37.6565Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.1211 35.2577V21.6555" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2665">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.121094 0.857422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/config/static/img/why-python-icons/cyber-sec.svg b/config/static/img/why-python-icons/cyber-sec.svg
new file mode 100644
index 0000000..bca1f4b
--- /dev/null
+++ b/config/static/img/why-python-icons/cyber-sec.svg
@@ -0,0 +1,24 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2712)">
+<path d="M39.6559 19.257C39.6559 20.1396 38.9379 20.8575 38.0553 20.8575C37.1685 20.8575 36.4548 20.1396 36.4548 19.257C36.4548 18.3744 37.1685 17.6565 38.0553 17.6565C38.9379 17.6565 39.6559 18.3744 39.6559 19.257Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M37.6542 21.4106L33.8282 25.4098C33.6804 25.566 33.4735 25.6589 33.2539 25.6589H31.7083C32.0292 25.1437 32.3333 24.6074 32.6373 24.0584H32.9118L36.4929 20.3042L37.6542 21.4106Z" fill="#3D521E"/>
+<path d="M4.45322 19.257C4.45322 20.1396 3.73953 20.8575 2.85271 20.8575C1.9701 20.8575 1.2522 20.1396 1.2522 19.257C1.2522 18.3744 1.9701 17.6565 2.85271 17.6565C3.73953 17.6565 4.45322 18.3744 4.45322 19.257Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M9.19986 25.6589H7.65425C7.43466 25.6589 7.22773 25.566 7.07993 25.4098L3.25391 21.4106L4.41522 20.3042L7.99631 24.0584H8.27081C8.57486 24.6074 8.87892 25.1437 9.19986 25.6589Z" fill="#3D521E"/>
+<path d="M38.8536 28.8558C38.8536 29.7426 38.1357 30.4563 37.2531 30.4563C36.3705 30.4563 35.6526 29.7426 35.6526 28.8558C35.6526 27.9732 36.3705 27.2595 37.2531 27.2595C38.1357 27.2595 38.8536 27.9732 38.8536 28.8558Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M36.4549 37.6564C36.4549 38.539 35.737 39.2569 34.8544 39.2569C33.9718 39.2569 33.2539 38.539 33.2539 37.6564C33.2539 36.7738 33.9718 36.0559 34.8544 36.0559C35.737 36.0559 36.4549 36.7738 36.4549 37.6564Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M35.6526 28.0576V29.6581H28.748C29.1999 29.1598 29.6391 28.6235 30.0614 28.0576H35.6526Z" fill="#3D521E"/>
+<path d="M34.4532 35.5069L33.2961 36.6091L29.7108 32.8591H25.4709C26.0368 32.3945 26.628 31.8582 27.2446 31.2585H30.0529C30.2725 31.2585 30.4794 31.3472 30.6314 31.5035L34.4532 35.5069Z" fill="#3D521E"/>
+<path d="M5.25546 28.8558C5.25546 29.7426 4.53756 30.4563 3.65495 30.4563C2.77235 30.4563 2.05444 29.7426 2.05444 28.8558C2.05444 27.9732 2.77235 27.2595 3.65495 27.2595C4.53756 27.2595 5.25546 27.9732 5.25546 28.8558Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M7.65414 37.6564C7.65414 38.539 6.93624 39.2569 6.05364 39.2569C5.17103 39.2569 4.45312 38.539 4.45312 37.6564C4.45312 36.7738 5.17103 36.0559 6.05364 36.0559C6.93624 36.0559 7.65414 36.7738 7.65414 37.6564Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M12.1602 29.6581H5.25562V28.0576H10.8468C11.2691 28.6235 11.7083 29.1598 12.1602 29.6581Z" fill="#3D521E"/>
+<path d="M15.4371 32.8591H11.1972L7.61193 36.6091L6.45483 35.5069L10.2766 31.5035C10.4287 31.3472 10.6356 31.2585 10.8552 31.2585H13.6635C14.28 31.8582 14.8712 32.3945 15.4371 32.8591Z" fill="#3D521E"/>
+<path d="M20.4542 33.2561C20.4542 33.2561 6.8562 26.9765 6.8562 8.14208C15.2853 6.33887 17.8106 3.2561 20.4542 3.2561C23.0978 3.2561 25.6231 6.33887 34.0522 8.14208C34.0522 26.9765 20.4542 33.2561 20.4542 33.2561Z" stroke="#3D521E" stroke-width="1.6" stroke-linecap="round"/>
+<path d="M20.4542 12.4834C19.2675 12.4834 18.3047 13.4462 18.3047 14.6329C18.3047 15.8195 19.2675 16.7824 20.4542 16.7824C21.6408 16.7824 22.6037 15.8195 22.6037 14.6329C22.6037 13.4462 21.6408 12.4834 20.4542 12.4834Z" fill="#3D521E"/>
+<path d="M22.6037 21.0813H18.3047L19.3815 16.0686H21.5268L22.6037 21.0813Z" fill="#3D521E"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2712">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.454102 0.857422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/config/static/img/why-python-icons/data.svg b/config/static/img/why-python-icons/data.svg
new file mode 100644
index 0000000..ef61971
--- /dev/null
+++ b/config/static/img/why-python-icons/data.svg
@@ -0,0 +1,21 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2625)">
+<path d="M2.51978 25.6592C2.51978 27.8678 5.66167 29.6583 10.5223 29.6583C15.383 29.6583 18.5206 27.8678 18.5206 25.6592" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M2.51978 30.4565C2.51978 32.6694 5.66167 34.4557 10.5223 34.4557C15.383 34.4557 18.5206 32.6694 18.5206 30.4565" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M2.51978 20.8577V35.258C2.51978 37.4666 5.66167 39.2572 10.5223 39.2572C15.383 39.2572 18.5206 37.4666 18.5206 35.258V20.8577" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M10.5223 16.8586C5.66167 16.8586 2.51978 18.6492 2.51978 20.8578C2.51978 23.0664 5.66167 24.857 10.5223 24.857C15.383 24.857 18.5206 23.0664 18.5206 20.8578C18.5206 18.6492 15.383 16.8586 10.5223 16.8586Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M29.72 16.8586C24.8594 16.8586 21.7217 18.6492 21.7217 20.8578C21.7217 23.0664 24.8594 24.857 29.72 24.857C34.5807 24.857 37.7226 23.0664 37.7226 20.8578C37.7226 18.6492 34.5807 16.8586 29.72 16.8586Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M21.7217 25.6592C21.7217 27.8678 24.8594 29.6583 29.72 29.6583C34.5807 29.6583 37.7226 27.8678 37.7226 25.6592" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M21.7217 30.4565C21.7217 32.6694 24.8594 34.4557 29.72 34.4557C34.5807 34.4557 37.7226 32.6694 37.7226 30.4565" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M21.7217 20.8577V35.258C21.7217 37.4666 24.8594 39.2572 29.72 39.2572C34.5807 39.2572 37.7226 37.4666 37.7226 35.258V20.8577" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M20.1211 2.45825C15.2605 2.45825 12.1228 4.24879 12.1228 6.45741C12.1228 8.67025 15.2605 10.4566 20.1211 10.4566C24.9818 10.4566 28.1195 8.67025 28.1195 6.45741C28.1195 4.24879 24.9818 2.45825 20.1211 2.45825Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M12.1228 11.259C12.1228 13.4676 15.2605 15.2582 20.1211 15.2582C24.9818 15.2582 28.1195 13.4676 28.1195 11.259" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M12.1228 6.45752V14.4558" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+<path d="M28.1194 6.45752V14.4558" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2625">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.121094 0.857666)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/config/static/img/why-python-icons/laptop.svg b/config/static/img/why-python-icons/laptop.svg
new file mode 100644
index 0000000..ccb2190
--- /dev/null
+++ b/config/static/img/why-python-icons/laptop.svg
@@ -0,0 +1,13 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2705)">
+<path d="M35.9867 33.6573H5.58969C3.82026 33.6573 2.38867 32.2257 2.38867 30.4563H39.1877C39.1877 32.2257 37.7561 33.6573 35.9867 33.6573Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.6682 18.4588H30.3869L29.99 15.8954C29.669 15.8194 29.4283 15.7392 29.1074 15.5787L26.9494 17.0187L24.5466 14.6159L25.9866 12.4579C25.8261 12.2172 25.7501 11.8963 25.6699 11.6556L23.1868 11.2586V7.89712L25.6699 7.49594C25.7501 7.17921 25.9064 6.9385 25.9866 6.61756L24.5466 4.61587L26.9494 2.21722L29.1074 3.73749C29.3481 3.57702 29.669 3.49678 29.9098 3.41654L30.3869 0.857422H33.7484L34.1496 3.41654C34.3861 3.49678 34.7071 3.57702 34.9478 3.73749L37.0297 2.21722L39.3481 4.53563L37.9081 6.69779C38.0685 6.9385 38.1488 7.25945 38.229 7.49594L40.7881 7.89712V11.2586L38.3093 11.7358C38.229 11.9765 38.1488 12.2975 37.9883 12.6184L39.5086 14.6961L37.1099 17.099L34.9478 15.6589C34.6268 15.8194 34.3861 15.8954 34.1496 15.9757L33.6682 18.4588ZM31.6665 16.8583H32.3084L32.7096 14.6159L33.1868 14.4554C33.6682 14.2991 34.1496 14.1387 34.6268 13.898L35.028 13.6573L36.8692 14.9368L37.3464 14.4554L35.9866 12.6184L36.3076 12.137C36.5483 11.7358 36.7087 11.2586 36.8692 10.7772L37.0297 10.2958L39.1876 9.81857V9.17668L36.9495 8.85573L36.789 8.37854C36.6285 7.89712 36.468 7.4157 36.2273 6.9385L35.9866 6.53732L37.2662 4.6961L36.8692 4.29915L35.028 5.65894L34.5466 5.338C34.1496 5.09729 33.6682 4.93681 33.1868 4.77634L32.7096 4.61587L32.3886 2.45793H31.7467L31.3498 4.6961L30.8684 4.77634C30.3869 4.93681 29.9098 5.17752 29.3481 5.41823L28.9469 5.57871L27.1099 4.29915L26.6285 4.77634L27.9081 6.61756L27.5871 7.01874C27.3464 7.4157 27.1902 7.89712 27.1099 8.2983L27.0297 8.85573L24.7873 9.25692V9.89881L26.9494 10.2958L27.1099 10.7772C27.2662 11.1784 27.4266 11.7358 27.6673 12.2172L27.9081 12.6184L26.6285 14.4554L27.1099 14.9368L29.0271 13.6573L29.5086 13.9782C29.9098 14.2189 30.3869 14.3794 30.8684 14.5356L31.3498 14.6961L31.6665 16.8583ZM31.9875 12.7789C30.2265 12.7789 28.7864 11.3388 28.7864 9.57786C28.7864 7.81688 30.2265 6.37685 31.9875 6.37685C33.7484 6.37685 35.1885 7.81688 35.1885 9.57786C35.1885 11.4191 33.7484 12.7789 31.9875 12.7789ZM31.9875 8.05759C31.1091 8.05759 30.3869 8.7755 30.3869 9.6581C30.3869 10.5365 31.1091 11.2586 31.9875 11.2586C32.8701 11.2586 33.588 10.5365 33.588 9.6581C33.588 8.69948 32.8701 8.05759 31.9875 8.05759Z" fill="#3D521E"/>
+<path d="M35.9867 19.2569V28.0576C35.9867 28.9402 35.2688 29.6581 34.3862 29.6581V31.2586C36.1514 31.2586 37.5872 29.8228 37.5872 28.0576V18.4124C37.0805 18.7375 36.5484 19.0247 35.9867 19.2569Z" fill="#3D521E"/>
+<path d="M7.19028 8.85581H21.6286C21.6709 8.31104 21.7553 7.77895 21.8778 7.25952H7.19028C5.42507 7.25952 3.98926 8.69111 3.98926 10.4563V28.0577C3.98926 29.8229 5.42507 31.2587 7.19028 31.2587V29.6582C6.30767 29.6582 5.58977 28.9403 5.58977 28.0577V10.4563C5.58977 9.57371 6.30767 8.85581 7.19028 8.85581Z" fill="#3D521E"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2705">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.788086 0.857422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/config/static/img/why-python-icons/mobile.svg b/config/static/img/why-python-icons/mobile.svg
new file mode 100644
index 0000000..26772d6
--- /dev/null
+++ b/config/static/img/why-python-icons/mobile.svg
@@ -0,0 +1,15 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2686)">
+<path d="M37.2531 38.4588C37.2531 39.3414 36.5394 40.0593 35.6526 40.0593H19.6559C18.7691 40.0593 18.0554 39.3414 18.0554 38.4588V12.0568C18.0554 11.1742 18.7691 10.4563 19.6559 10.4563H35.6526C36.5394 10.4563 37.2531 11.1742 37.2531 12.0568V38.4588Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.2522 13.6572H34.0521V34.4554H21.2522V13.6572Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.8535 37.2595C28.8535 37.9182 28.3172 38.4588 27.6542 38.4588C26.9912 38.4588 26.4548 37.9182 26.4548 37.2595C26.4548 36.5964 26.9912 36.0559 27.6542 36.0559C28.3172 36.0559 28.8535 36.5964 28.8535 37.2595Z" fill="#3D521E"/>
+<path d="M16.4549 31.2586H5.25554C4.36871 31.2586 3.65503 30.5407 3.65503 29.6581V3.25602C3.65503 2.37342 4.36871 1.65552 5.25554 1.65552H21.2522C22.139 1.65552 22.8527 2.37342 22.8527 3.25602V8.85569" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M16.4548 25.6588H6.85596V4.85645H19.6558V8.8556" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M14.4531 28.4588C14.4531 29.1219 13.9168 29.6582 13.2538 29.6582C12.5908 29.6582 12.0544 29.1219 12.0544 28.4588C12.0544 27.7958 12.5908 27.2595 13.2538 27.2595C13.9168 27.2595 14.4531 27.7958 14.4531 28.4588Z" fill="#3D521E"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2686">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.454102 0.857422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/config/static/img/why-python-icons/web.svg b/config/static/img/why-python-icons/web.svg
new file mode 100644
index 0000000..4a0568b
--- /dev/null
+++ b/config/static/img/why-python-icons/web.svg
@@ -0,0 +1,10 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.9115 6.45703H4.66481C3.84977 6.45703 3.18677 7.13693 3.18677 7.97308V35.2577H38.3895V7.97308C38.3895 7.13693 37.7265 6.45703 36.9115 6.45703Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M13.588 11.2585C13.588 12.1411 12.8701 12.859 11.9875 12.859C11.1049 12.859 10.387 12.1411 10.387 11.2585C10.387 10.3716 11.1049 9.65796 11.9875 9.65796C12.8701 9.65796 13.588 10.3716 13.588 11.2585Z" fill="#3D521E"/>
+<path d="M8.7864 11.2585C8.7864 12.1411 8.07271 12.859 7.19011 12.859C6.30328 12.859 5.5896 12.1411 5.5896 11.2585C5.5896 10.3716 6.30328 9.65796 7.19011 9.65796C8.07271 9.65796 8.7864 10.3716 8.7864 11.2585Z" fill="#3D521E"/>
+<path d="M3.18677 16.0559H38.3895" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M27.1902 20.0593H34.3861V31.2586H27.1902V20.0593Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+<path d="M7.19019 20.0593H23.1868V24.0585H7.19019V20.0593Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+<path d="M7.19019 27.2593H23.1868V31.2584H7.19019V27.2593Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+<path d="M16.7891 9.65796H34.3862V12.859H16.7891V9.65796Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10"/>
+</svg>
diff --git a/config/static/img/why-python-icons/workstation.svg b/config/static/img/why-python-icons/workstation.svg
new file mode 100644
index 0000000..5359420
--- /dev/null
+++ b/config/static/img/why-python-icons/workstation.svg
@@ -0,0 +1,16 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2012_2695)">
+<path d="M15.3196 38.4587C15.3196 37.5761 15.9995 36.8582 16.8314 36.8582H28.2081C29.0443 36.8582 29.7199 37.5761 29.7199 38.4587V40.0592H15.3196V38.4587Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M14.5215 4.05835H38.5207C38.9641 4.05835 39.323 4.4173 39.323 4.85649V32.859C39.323 33.2982 38.9641 33.6572 38.5207 33.6572H14.5215" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M14.5215 7.25928H35.3197C35.7631 7.25928 36.122 7.61401 36.122 8.05742V27.2593C36.122 27.6985 35.7631 28.0574 35.3197 28.0574H14.5215" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M6.52312 36.8582C5.63629 36.8582 4.92261 36.1403 4.92261 35.2577C4.92261 34.3751 5.63629 33.6572 6.52312 33.6572C7.40572 33.6572 8.1194 34.3751 8.1194 35.2577C8.1194 36.1403 7.40572 36.8582 6.52312 36.8582Z" fill="#3D521E"/>
+<path d="M1.72156 40.0592C1.27814 40.0592 0.919189 39.7002 0.919189 39.2568V4.85649C0.919189 4.4173 1.27814 4.05835 1.72156 4.05835H11.3204C11.7638 4.05835 12.1228 4.4173 12.1228 4.85649V39.2568C12.1228 39.7002 11.7638 40.0592 11.3204 40.0592H1.72156Z" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.323 36.8582V33.6572" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M25.7207 36.8582V33.6572" stroke="#3D521E" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2012_2695">
+<rect width="40.0001" height="40" fill="white" transform="translate(0.121094 0.857422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/pyconph/home/templates/home/_why_python.html b/pyconph/home/templates/home/_why_python.html
new file mode 100644
index 0000000..689bee4
--- /dev/null
+++ b/pyconph/home/templates/home/_why_python.html
@@ -0,0 +1,215 @@
+{% load static %}
+
+
+<!-- Why Python? -->
+<div class="bg-[#fffbef] w-full">
+    
+    <div class="container mx-auto px-4 py-20 relative">
+        <img class="w-[150px] h-auto absolute top-10 -left-40 -z-0 " src="{% static 'img/beigeleaf.png' %}"/>
+        
+        <div class="flex  flex-col md:flex-row items-start gap-8 relative z-10">
+
+            <div class="w-full md:w-1/2 text-[#301F0E]">
+                <h2 class="text-6xl content-title font-normal text-left mb-8">Why Python?</h2>
+
+                <p class="text-lg mb-8 text-[#333333]">
+                   We truly believe and support the impact and innovation that Python has brought in the whole technology industry as it continues to power systems, products, and services of companies such as Google, Facebook, Spotify, Netflix, AirBnB, Quora, Amazon, Industrial Light and Magic, NASA, Disney, Instagram, Dropbox, Disqus, Reddit and Bitbucket.
+                </p>
+                <p class="text-lg text-[#333333]">
+              Python is also used as a business solution for Web Development, Automation, Monitoring, Artificial Intelligence, Data Science, Cloud Computing, and more.
+                </p>
+            </div>
+
+            <div class="w-full  mt-10 md:w-1/2 flex justify-center overflow-x-hidden">
+                <div class="max-w-full">
+                    <table class="w-full text-[#3D521E] text-sm font-normal">
+                        <tbody>
+                            <!-- Row 1 -->
+                            <tr class="border-b border-[#3D521E] border-opacity-20">
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/data.svg' %}" alt="Data Analysis" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Data Analysis</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center border-r border-l border-[#3D521E] border-opacity-20">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/artificial.svg' %}" alt="AI/Machine Learning" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">AI/Machine Learning</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/automation.svg' %}" alt="Automation" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Automation</h3>
+                                </td>
+                            </tr>
+
+                            <!-- Row 2 -->
+                            <tr class="border-b border-[#3D521E] border-opacity-20">
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/cloud-computing.svg' %}" alt="Cloud Computing" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Cloud Computing</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center border-r border-l border-[#3D521E] border-opacity-20">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/web.svg' %}" alt="Web Apps" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Web Apps</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/mobile.svg' %}" alt="Mobile Apps" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Mobile Apps</h3>
+                                </td>
+                            </tr>
+
+                            <!-- Row 3 -->
+                            <tr>
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/workstation.svg' %}" alt="Desktop Apps" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Desktop Apps</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center border-r border-l border-[#3D521E] border-opacity-20">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/laptop.svg' %}" alt="Software Testing" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Software Testing</h3>
+                                </td>
+                                <td class="p-4 md:p-6 text-center">
+                                    <div class="w-8 h-8 md:w-10 md:h-10 mx-auto mb-4">
+                                        <img src="{% static 'img/why-python-icons/cyber-sec.svg' %}" alt="Cyber Security" class="w-full h-full">
+                                    </div>
+                                    <h3 class="text-sm font-normal">Cyber Security</h3>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- What is PyCon -->
+<div class="bg-[#fffbef] w-full">
+<div class=" mx-auto px-4 py-16 relative overflow-x-hidden md:overflow-x-visible">
+    <img class="w-[100px] md:w-[150px] h-auto absolute top-10 -right-8 md:right-0 -z-0 opacity-50 md:opacity-100 " src="{% static 'img/beigeleaf-2.png' %}"/>
+    <div class="text-center mb-16">
+        <h2 class="text-6xl content-title font-bold mb-8 text-[#301F0E]">What is PyCon?</h2>
+        <p class="text-2xl italic text-[#301F0E] mb-8">Magic happens when people come together to achieve common goals.</p>
+        <p class="text-lg text-[#333333]">Magic happens when people come together to achieve common goals.</p>
+    </div>
+
+    <div class="hidden md:flex justify-center w-full overflow-x-auto md:overflow-x-visible">
+        <div class="w-full max-w-6xl">
+            <table class="w-full table-auto">
+                <tr>
+                    <td class="p-4 md:p-6 border-[#3D521E] border-opacity-20 w-8 md:w-16"></td>
+                    <td class="p-4 md:p-6 border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-l border-[#3D521E] border-opacity-20 w-8 md:w-16"></td>
+                </tr>
+                <tr>
+                    <td class="p-4 md:p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                        <h3 class="text-3xl md:text-4xl font-bold mb-6 text-[#FF9500] content-title">(Closed) Call for Sponsors</h3>
+                        <div class="text-[#333333]">
+                            <p class="mb-2">Submission deadline:</p>
+                            <p>January 31, 2024</p>
+                        </div>
+                    </td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                        <h3 class="text-3xl md:text-4xl font-bold mb-6 text-[#61491B] content-title">(Closed) Call for Volunteers</h3>
+                        <div class="text-[#333333]">
+                            <p class="mb-2">Submission Deadline:</p>
+                            <p>January 31, 2024</p>
+                        </div>
+                    </td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                        <h3 class="text-3xl md:text-4xl font-bold mb-6 text-[#3D521E] content-title">Individual Sponsors</h3>
+                        <div class="text-[#333333]">
+                            <p class="mb-4">Individuals can also sponsor as patrons for any amount.</p>
+                            <p>Look for "Individual Patron Sponsorship" at our {% if page.ticket_link %}
+                                <a href="{{ page.ticket_link }}" class="underline">ticketing page.</a>
+                            {% endif %}</p>
+                        </div>
+                    </td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                </tr>
+                <tr>
+                    <td class="p-4 md:p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                    <td class="p-4 md:p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                </tr>
+            </table>
+        </div>
+    </div>
+
+    <!-- Mobile version -->
+    <div class="md:hidden w-full">
+        <table class="w-full border-collapse table-fixed">
+            <colgroup>
+                <col class="w-[50px]">
+                <col>
+                <col class="w-[50px]">
+            </colgroup>
+            <tr>
+                <td class="p-6 border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-l border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-l border-[#3D521E] border-opacity-20"></td>
+            </tr>
+            <tr>
+                <td class="p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                    <h3 class="text-3xl font-bold mb-6 text-[#FF9500] content-title">Call for Sponsors</h3>
+                    <div class="text-[#333333]">
+                        <p class="mb-2">Submission deadline:</p>
+                        <p>January 31, 2024</p>
+                    </div>
+                </td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+            </tr>
+            <tr>
+                <td class="p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                    <h3 class="text-3xl font-bold mb-6 text-[#3D521E] content-title">Call for Volunteers</h3>
+                    <div class="text-[#333333]">
+                        <p class="mb-2">Submission Deadline:</p>
+                        <p>January 31, 2024</p>
+                    </div>
+                </td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+            </tr>
+            <tr>
+                <td class="p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20">
+                    <h3 class="text-3xl font-bold mb-6 text-[#3D521E] content-title">Individual Sponsors</h3>
+                    <div class="text-[#333333]">
+                        <p class="mb-4">Individuals can also sponsor as patrons for any amount.</p>
+                        <p>Look for "Individual Patron Sponsorship" at our <a href="#" class="underline">ticketing page</a></p>
+                    </div>
+                </td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+            </tr>
+            <tr>
+                <td class="p-6 border-t border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+                <td class="p-6 border-t border-l border-[#3D521E] border-opacity-20"></td>
+            </tr>
+        </table>
+    </div>
+</div>
+</div>
+
+<div class="bamboo-divider max-w-full h-10"></div>
\ No newline at end of file
diff --git a/pyconph/home/templates/home/home_page.html b/pyconph/home/templates/home/home_page.html
index b9021fb..81cf5d1 100644
--- a/pyconph/home/templates/home/home_page.html
+++ b/pyconph/home/templates/home/home_page.html
@@ -51,6 +51,7 @@
     {% include "home/_what_is_pycon.html" %}
 
     {% include "home/_expect.html" %}
+    {% include "home/_why_python.html" %}
     {% include "home/_tickets.html" %}
     {% include "home/_venue.html" %}