style: add xo case study (#12)

ScruffyParrot · web-flow · commit 613807f06e7c · 2026-04-30T18:22:07.000+02:00
diff --git a/public/logos/xo.svg b/public/logos/xo.svg
@@ -0,0 +1,37 @@
+<svg width="185" height="50" viewBox="0 0 185 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44.6961 23.4716C44.4972 23.4716 44.3315 23.4054 44.1989 23.2732C44.0663 23.1189 44 22.9426 44 22.7443C44 22.7002 44 22.6561 44 22.612C44.0221 22.5459 44.0552 22.4688 44.0994 22.3806L51.1926 11.6366L44.7292 1.42152C44.6408 1.28928 44.5966 1.16807 44.5966 1.05787C44.5966 0.859522 44.6629 0.694229 44.7955 0.561996C44.9502 0.407722 45.127 0.330585 45.3258 0.330585H51.3252C51.7008 0.330585 51.9881 0.429761 52.187 0.628112C52.3858 0.826463 52.5184 0.980736 52.5847 1.09093L55.7336 6.11583L58.9818 1.09093C59.0702 0.980736 59.2139 0.826463 59.4127 0.628112C59.6116 0.429761 59.8989 0.330585 60.2745 0.330585H65.9756C66.1744 0.330585 66.3402 0.407722 66.4727 0.561996C66.6274 0.694229 66.7048 0.859522 66.7048 1.05787C66.7048 1.19011 66.6716 1.31132 66.6053 1.42152L60.0093 11.5705L67.2019 22.3806C67.2461 22.4688 67.2682 22.5459 67.2682 22.612C67.2903 22.6561 67.3014 22.7002 67.3014 22.7443C67.3014 22.9426 67.224 23.1189 67.0694 23.2732C66.9368 23.4054 66.7821 23.4716 66.6053 23.4716H60.3739C59.9983 23.4716 59.711 23.3834 59.5122 23.2071C59.3133 23.0087 59.1918 22.8545 59.1476 22.7443L55.5015 17.3557L51.955 22.7443C51.9108 22.8545 51.7892 23.0087 51.5904 23.2071C51.3915 23.3834 51.1042 23.4716 50.7286 23.4716H44.6961Z" fill="black"/>
+<path d="M78.4272 23.8021C76.3059 23.8021 74.4608 23.4716 72.8919 22.8104C71.3451 22.1492 70.1187 21.1575 69.2127 19.8351C68.3288 18.4907 67.8537 16.8268 67.7874 14.8433C67.7653 13.9176 67.7543 12.97 67.7543 12.0002C67.7543 11.0085 67.7653 10.0278 67.7874 9.05804C67.8537 7.09656 68.3288 5.44364 69.2127 4.09926C70.1187 2.75488 71.3561 1.74108 72.925 1.05787C74.4939 0.352624 76.328 0 78.4272 0C80.5043 0 82.3273 0.352624 83.8962 1.05787C85.4651 1.74108 86.7025 2.75488 87.6085 4.09926C88.5145 5.44364 88.9896 7.09656 89.0338 9.05804C89.078 10.0278 89.1001 11.0085 89.1001 12.0002C89.1001 12.97 89.078 13.9176 89.0338 14.8433C88.9675 16.8268 88.4814 18.4907 87.5754 19.8351C86.6915 21.1575 85.4651 22.1492 83.8962 22.8104C82.3494 23.4716 80.5264 23.8021 78.4272 23.8021ZM78.4272 18.1822C79.3553 18.1822 80.1176 17.9067 80.7142 17.3557C81.3109 16.7827 81.6202 15.8791 81.6423 14.6449C81.6865 13.6972 81.7086 12.7826 81.7086 11.9011C81.7086 10.9975 81.6865 10.0829 81.6423 9.15721C81.6202 8.34177 81.4655 7.66958 81.1783 7.14064C80.9131 6.61171 80.5375 6.22602 80.0513 5.98359C79.5873 5.74116 79.0459 5.61995 78.4272 5.61995C77.8085 5.61995 77.256 5.74116 76.7699 5.98359C76.2838 6.22602 75.8971 6.61171 75.6098 7.14064C75.3446 7.66958 75.201 8.34177 75.1789 9.15721C75.1568 10.0829 75.1458 10.9975 75.1458 11.9011C75.1458 12.7826 75.1568 13.6972 75.1789 14.6449C75.2231 15.8791 75.5325 16.7827 76.107 17.3557C76.7036 17.9067 77.477 18.1822 78.4272 18.1822Z" fill="black"/>
+<path d="M46.7511 50C46.508 50 46.2981 49.9229 46.1213 49.7686C45.9445 49.5923 45.8562 49.3829 45.8562 49.1405V27.7186C45.8562 27.4761 45.9445 27.2778 46.1213 27.1235C46.2981 26.9472 46.508 26.859 46.7511 26.859H51.1595C51.5572 26.859 51.8555 26.9692 52.0544 27.1896C52.2533 27.41 52.3858 27.5643 52.4521 27.6524L57.7554 36.8427L63.0587 27.6524C63.125 27.5643 63.2576 27.41 63.4565 27.1896C63.6554 26.9692 63.9537 26.859 64.3514 26.859H68.7598C69.0029 26.859 69.2017 26.9472 69.3564 27.1235C69.5332 27.2778 69.6216 27.4761 69.6216 27.7186V49.1405C69.6216 49.3829 69.5332 49.5923 69.3564 49.7686C69.2017 49.9229 69.0029 50 68.7598 50H63.7879C63.5449 50 63.335 49.9229 63.1582 49.7686C63.0035 49.5923 62.9262 49.3829 62.9262 49.1405V38.4295L59.9431 43.6528C59.8326 43.8291 59.6889 44.0054 59.5122 44.1817C59.3354 44.358 59.0813 44.4462 58.7498 44.4462H56.7279C56.4186 44.4462 56.1755 44.358 55.9987 44.1817C55.8219 44.0054 55.6783 43.8291 55.5678 43.6528L52.5847 38.4295V49.1405C52.5847 49.3829 52.4963 49.5923 52.3196 49.7686C52.1649 49.9229 51.966 50 51.7229 50H46.7511Z" fill="black"/>
+<path d="M72.5648 50C72.3659 50 72.1892 49.9339 72.0345 49.8016C71.9019 49.6474 71.8356 49.4711 71.8356 49.2727C71.8356 49.1846 71.8577 49.1074 71.9019 49.0413L79.4591 27.8838C79.5254 27.6414 79.669 27.41 79.89 27.1896C80.1331 26.9692 80.4535 26.859 80.8512 26.859H86.9169C87.3367 26.859 87.6571 26.9692 87.8781 27.1896C88.0991 27.41 88.2427 27.6414 88.309 27.8838L95.8993 49.0413C95.9214 49.1074 95.9325 49.1846 95.9325 49.2727C95.9325 49.4711 95.8551 49.6474 95.7005 49.8016C95.5679 49.9339 95.4022 50 95.2033 50H90.0989C89.7232 50 89.447 49.9118 89.2702 49.7355C89.0934 49.5592 88.9719 49.3939 88.9056 49.2397L87.8781 46.4627H79.89L78.8625 49.2397C78.7962 49.3939 78.6747 49.5592 78.4979 49.7355C78.3432 49.9118 78.067 50 77.6692 50H72.5648ZM81.4147 40.8758H86.3534L83.8675 33.4377L81.4147 40.8758Z" fill="black"/>
+<path d="M98.9935 50C98.7726 50 98.5737 49.9229 98.3969 49.7686C98.2201 49.5923 98.1317 49.3829 98.1317 49.1405V27.7186C98.1317 27.4761 98.2201 27.2778 98.3969 27.1235C98.5737 26.9472 98.7726 26.859 98.9935 26.859H108.44C111.445 26.859 113.799 27.5422 115.5 28.9087C117.224 30.2751 118.085 32.1815 118.085 34.6278C118.085 36.1705 117.732 37.4818 117.025 38.5618C116.318 39.6417 115.39 40.4902 114.241 41.1073L118.549 48.9091C118.616 49.0413 118.649 49.1625 118.649 49.2727C118.649 49.4711 118.583 49.6474 118.45 49.8016C118.317 49.9339 118.152 50 117.953 50H112.351C111.931 50 111.611 49.9008 111.39 49.7025C111.169 49.4821 111.025 49.2837 110.959 49.1074L107.645 42.2974H105.258V49.1405C105.258 49.3829 105.17 49.5923 104.993 49.7686C104.838 49.9229 104.639 50 104.396 50H98.9935ZM105.258 36.8427H108.407C109.18 36.8427 109.755 36.6333 110.13 36.2146C110.506 35.7738 110.694 35.2339 110.694 34.5947C110.694 33.9336 110.506 33.3716 110.13 32.9087C109.777 32.4459 109.202 32.2145 108.407 32.2145H105.258V36.8427Z" fill="black"/>
+<path d="M122.429 50C122.208 50 122.009 49.9229 121.832 49.7686C121.655 49.5923 121.567 49.3829 121.567 49.1405V27.7186C121.567 27.4761 121.655 27.2778 121.832 27.1235C122.009 26.9472 122.208 26.859 122.429 26.859H127.699C127.942 26.859 128.141 26.9472 128.295 27.1235C128.472 27.2778 128.56 27.4761 128.56 27.7186V34.6608L133.499 27.5533C133.61 27.399 133.764 27.2447 133.963 27.0904C134.162 26.9362 134.438 26.859 134.792 26.859H140.858C141.056 26.859 141.222 26.9362 141.355 27.0904C141.509 27.2227 141.587 27.388 141.587 27.5863C141.587 27.7186 141.543 27.8398 141.454 27.95L134.494 37.9336L142.051 48.9091C142.139 48.9972 142.183 49.1184 142.183 49.2727C142.183 49.4711 142.106 49.6474 141.951 49.8016C141.819 49.9339 141.653 50 141.454 50H135.19C134.77 50 134.449 49.9008 134.228 49.7025C134.03 49.5041 133.908 49.3609 133.864 49.2727L128.56 41.6031V49.1405C128.56 49.3829 128.472 49.5923 128.295 49.7686C128.141 49.9229 127.942 50 127.699 50H122.429Z" fill="black"/>
+<path d="M145.281 50C145.06 50 144.861 49.9229 144.684 49.7686C144.508 49.5923 144.419 49.3829 144.419 49.1405V27.7186C144.419 27.4761 144.508 27.2778 144.684 27.1235C144.861 26.9472 145.06 26.859 145.281 26.859H161.522C161.765 26.859 161.975 26.9472 162.152 27.1235C162.329 27.2778 162.417 27.4761 162.417 27.7186V31.6195C162.417 31.8398 162.329 32.0382 162.152 32.2145C161.975 32.3908 161.765 32.479 161.522 32.479H151.28V35.7518H160.793C161.036 35.7518 161.246 35.8399 161.423 36.0162C161.6 36.1705 161.688 36.3689 161.688 36.6113V40.1816C161.688 40.424 161.6 40.6334 161.423 40.8097C161.246 40.964 161.036 41.0411 160.793 41.0411H151.28V44.3801H161.787C162.031 44.3801 162.24 44.4682 162.417 44.6445C162.594 44.8208 162.682 45.0302 162.682 45.2726V49.1405C162.682 49.3829 162.594 49.5923 162.417 49.7686C162.24 49.9229 162.031 50 161.787 50H145.281Z" fill="black"/>
+<path d="M172.073 50C171.83 50 171.62 49.9229 171.443 49.7686C171.289 49.5923 171.211 49.3829 171.211 49.1405V33.0079H165.51C165.267 33.0079 165.057 32.9308 164.881 32.7765C164.726 32.6002 164.649 32.3908 164.649 32.1484V27.7186C164.649 27.4761 164.726 27.2778 164.881 27.1235C165.057 26.9472 165.267 26.859 165.51 26.859H184.138C184.381 26.859 184.58 26.9472 184.735 27.1235C184.912 27.2778 185 27.4761 185 27.7186V32.1484C185 32.3908 184.912 32.6002 184.735 32.7765C184.58 32.9308 184.381 33.0079 184.138 33.0079H178.437V49.1405C178.437 49.3829 178.349 49.5923 178.172 49.7686C178.017 49.9229 177.818 50 177.575 50H172.073Z" fill="black"/>
+<g clip-path="url(#clip0_1_42)">
+<path d="M30.5668 4.09783L32.4098 6.20302L12.7286 3.70617L10.8854 1.60098L30.5668 4.09783Z" fill="black"/>
+<path d="M31.2657 4.46389L33.1087 6.56908C32.9382 6.37435 32.6957 6.23903 32.4098 6.20272L30.5668 4.09753C30.8527 4.13384 31.0952 4.26889 31.2657 4.46389Z" fill="black"/>
+<path d="M33.098 6.55715C33.3205 6.80387 33.4259 7.14987 33.3544 7.51293L31.5115 5.40774C31.5829 5.04469 31.4775 4.69868 31.2551 4.45197C31.8079 5.08347 32.5452 5.92565 33.098 6.55715Z" fill="white"/>
+<path d="M9.48464 2.61316L11.3276 4.71862L3.49075 44.5923L1.64779 42.4869L9.48464 2.61316Z" fill="black"/>
+<path d="M3.73651 45.5362L1.89354 43.431C1.67829 43.1854 1.57762 42.8446 1.64798 42.4874L3.49095 44.5926C3.42087 44.9498 3.52154 45.2906 3.73651 45.5362Z" fill="black"/>
+<path d="M4.43496 45.9018C4.15492 45.8663 3.91686 45.736 3.74695 45.5478L1.90398 43.4427C2.0739 43.6311 2.31195 43.7612 2.592 43.7966C3.14486 44.4281 3.8821 45.2703 4.43496 45.9018Z" fill="white"/>
+<path d="M22.2737 46.2931L24.1169 48.3986L4.43524 45.9017L2.59227 43.7965L22.2737 46.2931Z" fill="white"/>
+<path d="M31.5116 5.40729L33.3545 7.51248L25.5177 47.3865L23.6747 45.2813L31.5116 5.40729Z" fill="white"/>
+<path d="M23.673 45.2822C23.5473 45.9226 22.9188 46.3764 22.2722 46.2944L2.59081 43.7976C1.94422 43.7156 1.5204 43.1281 1.64638 42.4881L9.48268 2.61383C9.60838 1.97352 10.2369 1.51943 10.8835 1.60139L30.5649 4.09824C31.2115 4.1802 31.6353 4.76797 31.5093 5.408L23.6725 45.282L23.673 45.2822Z" fill="#FF87A6"/>
+<mask id="mask0_1_42" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="31" height="46">
+<path d="M23.6705 45.2819C23.5448 45.9222 22.9163 46.3761 22.2697 46.2941L2.58829 43.7973C1.94171 43.7153 1.51789 43.1278 1.64386 42.4878L9.48017 2.61352C9.60587 1.97322 10.2344 1.51912 10.881 1.60108L30.5624 4.09793C31.209 4.1799 31.6328 4.76767 31.5068 5.40769L23.6699 45.2817L23.6705 45.2819Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1_42)">
+<path d="M25.0886 7.83989L21.777 7.41989C21.6068 7.39844 21.4305 7.45895 21.3023 7.583L18.9685 9.85596C18.9237 9.89997 18.8642 9.9173 18.8097 9.91042C18.7552 9.90354 18.7051 9.87246 18.6796 9.81938L17.3513 7.08352C17.2774 6.93224 17.1311 6.83075 16.9595 6.80902L13.4568 6.36455C13.0219 6.30927 12.6726 6.76364 12.8559 7.14513L15.6346 12.9387C15.6658 13.006 15.6497 13.0888 15.5924 13.1449L10.5621 18.0454C10.2348 18.3623 10.3922 18.8857 10.8288 18.9409L14.391 19.3928C14.5642 19.4148 14.7428 19.3527 14.8715 19.2242L17.239 16.8564C17.2843 16.8107 17.3444 16.7926 17.4 16.7995C17.4556 16.8063 17.5051 16.838 17.5316 16.8916L18.8959 19.7364C18.9679 19.8887 19.1139 19.9922 19.2872 20.0142L22.875 20.4694C23.3099 20.5246 23.6595 20.0686 23.4732 19.6852L20.5634 13.6961C20.532 13.6301 20.5467 13.5473 20.6037 13.4909L25.3631 8.73048C25.6827 8.41115 25.5239 7.89572 25.0889 7.84044" fill="black"/>
+<path d="M13.4936 37.3431C13.0939 37.2925 12.7324 37.1734 12.4092 36.9842C12.0989 36.7966 11.8355 36.5545 11.6208 36.2569C11.42 35.9481 11.2854 35.5938 11.2151 35.1906C11.1483 34.7767 11.1617 34.3237 11.2585 33.8311C11.355 33.3401 11.5152 32.9108 11.7349 32.5458C11.9587 32.1687 12.2226 31.8631 12.5299 31.6318C12.8503 31.3906 13.1954 31.2179 13.5622 31.1177C13.9421 31.0176 14.332 30.9937 14.7317 31.0446C15.1313 31.0952 15.4864 31.2137 15.7985 31.4016C16.1219 31.5892 16.3822 31.8389 16.5833 32.1461C16.7979 32.4437 16.9384 32.8005 17.0068 33.2147C17.076 33.6163 17.0635 34.064 16.967 34.5553C16.8702 35.0479 16.7092 35.4822 16.487 35.8595C16.2654 36.2256 15.9951 36.5284 15.6744 36.7713C15.3674 37.0029 15.0256 37.1679 14.6454 37.268C14.2767 37.3695 13.8935 37.394 13.4936 37.3434M15.4072 27.6065C14.3765 27.4759 13.3879 27.5166 12.4398 27.7287C11.5043 27.9424 10.6558 28.3087 9.89578 28.8264C9.13823 29.333 8.49721 29.965 7.97661 30.7217C7.46936 31.4704 7.12201 32.3238 6.93374 33.2821C6.74546 34.2403 6.75019 35.129 6.94375 35.9761C7.14843 36.8263 7.51441 37.5928 8.03891 38.2736C8.56535 38.943 9.23362 39.4953 10.0415 39.9302C10.8622 40.3667 11.7874 40.6483 12.8181 40.7792C13.8598 40.9115 14.8482 40.8722 15.7851 40.6588C16.7206 40.445 17.568 40.085 18.3255 39.5784C19.0853 39.0608 19.7211 38.4213 20.2308 37.6616C20.7514 36.905 21.1049 36.0523 21.2912 35.1034C21.4795 34.1452 21.4703 33.2463 21.2634 32.4072C21.0696 31.56 20.7086 30.8006 20.1821 30.1312C19.6576 29.4504 18.991 28.8918 18.1829 28.457C17.3733 28.0219 16.4484 27.7386 15.4066 27.6063" fill="black"/>
+<path d="M25.0248 24.2238L8.83412 22.17C8.49118 22.1266 8.1564 22.3682 8.0896 22.7081C8.0228 23.0481 8.24845 23.3607 8.59138 23.4041L24.7821 25.458C25.1273 25.5018 25.4594 25.2617 25.5266 24.9198C25.5934 24.5803 25.3701 24.2676 25.0248 24.2238Z" fill="black"/>
+</g>
+<path d="M23.6744 45.2815L25.5174 47.3867C25.3917 48.027 24.7632 48.4808 24.1166 48.3988L22.2737 46.2937C22.9202 46.3756 23.5487 45.9218 23.6744 45.2815Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.14044 45.3536C0.695019 45.0948 -0.234511 43.7481 0.0532183 42.2848L7.8898 2.41109C8.18681 0.900551 9.66964 -0.171021 11.1956 0.0226103L30.877 2.51946C32.0682 2.67064 32.9389 3.54881 33.1221 4.64553C33.0427 4.16986 32.8339 3.73531 32.5258 3.38337L34.3688 5.48855C34.8763 6.06835 35.1144 6.8723 34.9487 7.71504L33.1057 5.60986L34.9486 7.71532L27.1118 47.5887L27.1118 47.589L27.1118 47.589C26.8146 49.0994 25.3319 50.1708 23.8063 49.9772L4.12489 47.4807L4.12462 47.4803C3.45007 47.3948 2.87839 47.076 2.47604 46.6165L0.633068 44.5113C1.00704 44.9384 1.52729 45.2439 2.14044 45.3536ZM25.2688 45.4836C24.9718 46.9941 23.489 48.0657 21.9633 47.872C23.489 48.0657 24.9721 46.9944 25.2688 45.4836ZM22.2734 46.2938L2.59199 43.797V43.7967C1.94541 43.7147 1.52159 43.1273 1.64757 42.4869L9.48442 2.61325C9.61013 1.97295 10.2384 1.51885 10.8852 1.60081L30.5666 4.09766C31.2135 4.17963 31.6373 4.7674 31.5113 5.4077L23.6745 45.2817C23.5488 45.922 22.9203 46.3758 22.2734 46.2938Z" fill="black"/>
+<path d="M31.0022 23.3999L30.2014 27.4722L28.2786 25.9566L29.0686 21.938L31.0022 23.3999ZM31.3616 21.5708L31.1311 22.7417L29.1985 21.2798L29.4251 20.1216L31.3616 21.5708ZM32.634 15.0923L32.0696 17.9702L30.1389 16.4947L30.7229 13.523L32.634 15.0923Z" fill="white" stroke="black" stroke-width="0.0352167"/>
+</g>
+<defs>
+<clipPath id="clip0_1_42">
+<rect width="35" height="50" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/content/homepage/data.tsx b/src/content/homepage/data.tsx
@@ -22,6 +22,11 @@ export const content = {
         src: '/logos/collect.svg',
         alt: 'Collect',
         href: 'https://drive.google.com/file/d/1ouTiEgSQfRDGZDUeWRr7nDlpR24JpMJ4/preview'
+      },
+      {
+        src: '/logos/xo.svg',
+        alt: 'XO Market',
+        href: 'https://drive.google.com/file/d/1xFs25gTqWMiqTqmFyvDHDqBHImEkmsKb/preview'
       }
     ]
   },

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,11 @@ export const content = {`
`22`	`22`	`src: '/logos/collect.svg',`
`23`	`23`	`alt: 'Collect',`
`24`	`24`	`href: 'https://drive.google.com/file/d/1ouTiEgSQfRDGZDUeWRr7nDlpR24JpMJ4/preview'`
	`25`	`+ },`
	`26`	`+ {`
	`27`	`+ src: '/logos/xo.svg',`
	`28`	`+ alt: 'XO Market',`
	`29`	`+ href: 'https://drive.google.com/file/d/1xFs25gTqWMiqTqmFyvDHDqBHImEkmsKb/preview'`
`25`	`30`	`}`
`26`	`31`	`]`
`27`	`32`	`},`