diff --git a/public/assets/camel-ai-logo.svg b/public/assets/camel-ai-logo.svg
new file mode 100644
index 000000000..64f2c091b
--- /dev/null
+++ b/public/assets/camel-ai-logo.svg
@@ -0,0 +1,12 @@
+<svg width="496" height="100" viewBox="0 0 496 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.2078 20.6466L32 23.7067C33.3667 24.7608 35.7848 25.7064 38.2028 25.074C39.6747 26.2335 41.9175 26.0578 43.0389 26.0227C42.8637 27.8498 42.6184 33.7389 43.0389 42.6779C43.4595 51.617 49.9427 57.7169 53.1317 59.6494L51 71L53.1317 83.9999H59.2294L56.5 71L59.2294 59.6494L64.486 83.9999H70.6889L65.5373 59.6494H78.7841L73.6326 83.9999H79.9405L85.092 59.6494L88.5 71L85.092 83.9999H91.4L94 71L91.2949 59.6494C91.8205 58.2791 92.1 57.7438 92.4513 56.2762C94.3437 48.3702 90.7692 41.9752 88.6666 39.621L83.6202 34.4557C81.4124 32.242 77.6276 32.1366 75.2096 34.1395C73.4319 35.6119 72.4252 35.6931 70.6889 34.1395C69.9529 33.507 68.1336 31.3722 65.7476 29.3959C63.3296 27.393 59.1243 28.2363 57.5473 29.923L50.3982 37.091V17.9059L51.7818 16C47.226 16.9136 37.9505 18.3908 36.9412 18.6438C35.932 18.8968 34.6984 20.0844 34.2078 20.6466Z" fill="#4C19E8"/>
+<path d="M42.8009 20.68L44.2728 19.2627L45.7446 20.68L44.2728 22.2064L42.8009 20.68Z" fill="white"/>
+<path d="M110 58.4046C110 51.7053 112.119 46.2023 116.357 41.8956C118.34 39.8676 120.641 38.2497 123.262 37.042C127.705 35.014 132.866 34 138.745 34C141.799 34 144.499 34.2393 146.846 34.7178C149.193 35.1735 151.962 36.0394 155.152 37.3155L155.562 38.0674C155.084 40.0954 154.548 43.673 153.956 48.8H151.221L150.879 42.7843C149.216 41.212 147.701 40.1182 146.333 39.503C144.009 38.4548 141.377 37.9307 138.438 37.9307C132.126 37.9307 127.352 40.1524 124.116 44.5958C121.701 47.8999 120.493 52.1724 120.493 57.4134C120.493 63.5202 122.066 68.4991 125.21 72.35C128.993 76.9985 134.222 79.3228 140.899 79.3228C145.456 79.3228 150.002 78.1265 154.537 75.7339L155.357 76.5884L153.819 80.0064C151.859 81.0774 150.219 81.8293 148.897 82.2623C145.661 83.3332 142.05 83.8687 138.062 83.8687C132.183 83.8687 127.101 82.7978 122.818 80.6558C119.878 79.1975 117.349 77.1694 115.23 74.5718C111.743 70.2878 110 64.8988 110 58.4046Z" fill="#4C19E8"/>
+<path d="M159.735 83.8687V80.2798L161.82 80.0747C163.347 79.938 164.657 78.5366 165.751 75.8706L178.432 45.2111L182.431 34.6494H187.387L205.502 76.9985C206.3 78.8215 207.587 79.8469 209.365 80.0747L211.04 80.2798V83.8687C204.933 83.732 201.296 83.8687 200.043 83.8687C198.653 83.8687 195.055 83.732 189.335 83.8687V80.2798L193.061 80.0747C193.448 80.052 193.767 79.8583 194.018 79.4937C194.291 79.1291 194.428 78.6961 194.428 78.1948C194.428 77.5568 194.291 76.9074 194.018 76.2466L190.873 68.2484H173.305L170.365 76.0757C170.16 76.6681 170.058 77.2492 170.058 77.8189C170.058 78.4341 170.24 78.9582 170.605 79.3911C170.992 79.8241 171.482 80.052 172.074 80.0747L175.561 80.2798V83.8733C173.783 83.8278 172.348 83.8933 171.459 83.8705C169.568 83.8021 168.276 83.8687 167.57 83.8687H159.735ZM175.014 64.3177H189.267L181.987 46.5441L175.014 64.3177Z" fill="#4C19E8"/>
+<path d="M215.008 83.8687V80.2798L217.605 80.0747C218.973 79.9608 219.85 79.676 220.237 79.2202C220.716 78.6734 220.955 76.6681 220.955 73.2045V44.6642C220.955 41.5424 220.784 39.6511 220.442 38.9903C220.123 38.3067 219.178 37.9079 217.605 37.794L215.008 37.5889V34.9912L218.562 35.0938C220.887 35.1621 222.22 35.1963 222.562 35.1963H223.416L231.824 34.9912C234.468 40.7335 236.211 44.4933 237.054 46.2706L248.128 69.3764L260.912 42.8868C261.55 41.6336 262.7 39.0017 264.364 34.9912C269.217 35.1279 271.895 35.1963 272.396 35.1963C272.92 35.1963 275.632 35.1279 280.531 34.9912V37.5889L277.933 37.794C276.566 37.9079 275.677 38.1928 275.267 38.6485C274.811 39.1954 274.584 41.2006 274.584 44.6642V73.2045C274.584 76.3491 274.732 78.2176 275.028 78.8101C275.324 79.3797 276.293 79.7329 277.933 79.8697L280.531 80.0747V83.8687C275.313 83.732 271.719 83.8687 269.669 83.8687C267.595 83.8687 263.931 83.732 258.758 83.8687V80.0747L261.356 79.8697C262.814 79.7557 263.714 79.5051 264.056 79.1177C264.489 78.6392 264.706 76.6681 264.706 73.2045V44.0831L250.282 74.1274C248.459 77.91 247.057 80.9862 246.077 83.356H243.719C242.489 80.4393 241.645 78.5025 241.19 77.5454L225.091 44.0148V73.2045C225.091 76.3263 225.25 78.229 225.569 78.9126C225.888 79.5734 226.845 79.9608 228.44 80.0747L231.038 80.2798V83.8687C226.89 83.8687 224.323 83.8687 223.001 83.8687C221.657 83.8687 219.087 83.732 215.008 83.8687Z" fill="#4C19E8"/>
+<path d="M285.904 37.5889V34.9912C292.147 35.1279 296.545 35.1963 299.097 35.1963C301.239 35.1963 304.27 35.1507 308.189 35.0596C311.539 34.9912 314.057 34.957 315.743 34.957C318.067 34.957 320.277 35.0368 322.374 35.1963L322.784 35.6748L321.827 45.6554H319.298L318.751 40.3917C318.705 40.0271 318.022 39.7195 316.7 39.4688C315.401 39.1954 313.817 39.0587 311.949 39.0587C308.326 39.0587 304.919 39.127 301.729 39.2637V56.0803C302.914 56.1715 304.475 56.217 306.412 56.217H311.026C312.53 56.217 313.555 56.1145 314.102 55.9094C314.649 55.7043 314.957 55.317 315.025 54.7473L315.435 50.7482H318.238C318.215 51.8648 318.193 52.7079 318.17 53.2776C318.079 55.579 318.033 56.9804 318.033 57.4817C318.033 57.8691 318.033 58.1197 318.033 58.2337L318.238 65.7875H315.435L315.025 62.3011C314.911 61.3668 314.547 60.706 313.931 60.3187C313.316 59.9085 312.348 59.7034 311.026 59.7034H306.412C305.022 59.7034 303.461 59.7718 301.729 59.9085V78.605C305.147 78.7873 308.212 78.8784 310.924 78.8784C314.433 78.8784 317.133 78.5252 319.024 77.8189C319.138 77.7733 319.207 77.7163 319.229 77.648L320.836 71.0512H323.57L322.784 82.1255L322.586 83.9025C319.327 84.1076 315.779 83.9255 312.475 83.9255C309.011 83.9255 305.253 84.0339 301.197 83.8971C299.305 83.8288 297.818 83.8687 296.724 83.8687C295.152 83.8687 292.398 83.732 288.228 83.8687V81.271L290.45 80.0064C291.384 79.4823 291.851 78.1493 291.851 76.0073V44.6642C291.851 41.5424 291.68 39.6511 291.338 38.9903C291.019 38.3295 290.074 37.9307 288.501 37.794L285.904 37.5889Z" fill="#4C19E8"/>
+<path d="M328.697 37.794V34.9912C334.325 35.1279 337.949 35.1963 339.566 35.1963C341.162 35.1963 344.796 35.1279 350.47 34.9912V37.794L347.872 37.9991C346.391 38.113 345.48 38.3637 345.138 38.751C344.728 39.2523 344.523 41.2234 344.523 44.6642V78.605C347.827 78.7873 350.891 78.8784 353.717 78.8784C357.295 78.8784 359.995 78.5252 361.818 77.8189C361.932 77.7733 362 77.7163 362.023 77.648L363.629 70.5043H366.25L365.577 82.1255L365.17 83.8971C361.911 84.1022 358.557 83.8971 355.253 83.8971C351.789 83.8971 348.225 84.0339 344.169 83.8971C342.278 83.8288 340.596 83.8971 339.503 83.8971C337.93 83.8971 335.191 83.7604 331.021 83.8971V81.271L333.243 80.0064C334.177 79.4823 334.645 78.1607 334.645 76.0415V44.6642C334.645 41.5424 334.496 39.6853 334.2 39.0928C333.904 38.5004 332.936 38.1358 331.295 37.9991L328.697 37.794Z" fill="#4C19E8"/>
+<path d="M368.25 60.9654C368.441 60.395 368.646 59.7975 368.865 59.1728C369.235 58.1543 369.509 57.3327 369.687 56.708H384.13L384.5 57.1358C383.843 58.6568 383.398 60.042 383.165 61.2913H368.578L368.25 60.9654Z" fill="#4C19E8"/>
+<path d="M386.5 83.995V80.3777L388.585 80.1726C390.111 80.0359 391.421 78.6345 392.515 75.9684L405.196 45.3089L409.208 34.0001H414.208L432.267 77.0964C433.064 78.9193 434.352 79.9447 436.129 80.1726L437.804 80.3777V83.995C431.708 83.995 427.992 83.995 426.739 83.995C425.349 83.995 421.708 83.995 416.099 83.995V80.3777L419.825 80.1726C420.212 80.1498 420.532 79.9561 420.782 79.5915C421.056 79.2269 421.192 78.794 421.192 78.2927C421.192 77.6547 421.056 77.0052 420.782 76.3444L417.638 68.3463H400.069L397.13 76.1735C396.924 76.766 396.822 77.347 396.822 77.9167C396.822 78.5319 397.004 79.056 397.369 79.489C397.756 79.9219 398.246 80.1498 398.839 80.1726L402.325 80.3777V83.995C400.548 83.9494 399.238 84.0178 398.349 83.995C396.395 83.995 394.972 83.995 394.266 83.995H386.5ZM401.778 64.4156H416.031L408.751 46.6419L401.778 64.4156Z" fill="#4C19E8"/>
+<path d="M442.251 83.995V80.1726L444.848 79.9675C446.307 79.8536 447.207 79.6029 447.548 79.2155C447.981 78.737 448.198 76.766 448.198 73.3024V44.762C448.198 41.6402 448.05 38.7414 447.754 38.149C447.457 37.5565 446.489 37.192 444.848 37.0552L442.333 36.8125V34C447.958 34 451.548 34 453.166 34C454.761 34 458.351 34 463.999 34V36.8125L461.426 37.0552C459.944 37.1692 459.033 37.4198 458.691 37.8072C458.281 38.3085 458.076 41.3212 458.076 44.762V73.3024C458.076 76.4469 458.224 78.3155 458.52 78.9079C458.816 79.4776 459.785 79.8308 461.426 79.9675L463.999 80.1458V83.9999C458.871 83.9999 455.145 83.995 453.003 83.995C450.838 83.995 447.333 83.995 442.251 83.995Z" fill="#4C19E8"/>
+</svg>
diff --git a/public/assets/fastapi-logo.svg b/public/assets/fastapi-logo.svg
new file mode 100644
index 000000000..582432b25
--- /dev/null
+++ b/public/assets/fastapi-logo.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#05998a" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.375 0 0 5.375 0 12c0 6.627 5.375 12 12 12 6.626 0 12-5.373 12-12 0-6.625-5.373-12-12-12zm-.624 21.62v-7.528H7.19L13.203 2.38v7.528h4.029L11.376 21.62z"/></svg>
\ No newline at end of file
diff --git a/public/assets/golang-logo.svg b/public/assets/golang-logo.svg
new file mode 100644
index 000000000..82e89eb03
--- /dev/null
+++ b/public/assets/golang-logo.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="515px" height="192px" viewBox="0 0 515 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M292.533152,13.2950639 L293.657233,14.0455076 C306.869315,22.7704678 316.342129,34.7361275 322.574244,49.1946331 C324.069951,51.4381943 323.072813,52.6846171 320.081398,53.4324709 L315.017741,54.7277932 C303.571167,57.6768058 294.487155,60.1566573 283.191384,63.10567 L276.74841,64.7843862 C274.428264,65.3583626 273.787695,65.1170696 271.320433,62.3073717 L270.972336,61.9081465 C267.453024,57.9195933 264.816991,55.2559574 260.154613,52.878088 L259.255961,52.4353326 C243.551033,44.7075107 228.344673,46.9510719 214.135452,56.1746012 C197.184101,67.1431227 188.459141,83.3466202 188.708425,103.538671 C188.95771,123.481438 202.668362,139.93422 222.361843,142.67635 C239.313195,144.919911 253.522416,138.937081 264.740222,126.223568 C266.983783,123.481438 268.978059,120.490023 271.470905,117.000039 L223.358982,117.000039 C218.124006,117.000039 216.877583,113.759339 218.622575,109.521501 L219.486848,107.487264 C222.690544,100.033179 227.659682,89.3185944 230.887235,83.1925665 L231.591356,81.8743455 C232.452883,80.3801337 234.202861,78.3609287 237.568203,78.3609287 L317.791861,78.3603482 C321.394911,66.9456209 327.24084,56.159659 335.038473,45.9539335 C353.236247,22.0226141 375.17329,9.55838523 404.838154,4.32340907 C430.265181,-0.163713323 454.196501,2.32913245 475.884259,17.0369225 C495.577741,30.4982897 507.792685,48.6960639 511.033385,72.6273834 C515.271222,106.280802 505.549124,133.702105 482.365658,157.134856 C465.912876,173.836922 445.720825,184.306875 422.537359,189.043282 C415.806676,190.289704 409.075992,190.538989 402.594593,191.286843 C379.909697,190.788274 359.219077,184.306875 341.769156,169.3498 C329.496056,158.740849 321.041799,145.701725 316.840932,130.522127 C313.926247,136.409796 310.44016,142.04853 306.370746,147.412757 C288.422257,171.094792 264.989506,185.802582 235.324641,189.791135 C210.894753,193.031835 188.209856,188.295428 168.26709,173.338353 C149.820031,159.378417 139.350079,140.931358 136.607949,117.997177 C133.367249,90.8251575 141.344356,66.3952689 157.797138,44.9567952 C175.496343,21.7733295 198.929093,7.06553943 227.59682,1.8305633 C250.59563,-2.32879605 272.633891,0.235689133 292.533152,13.2950639 L292.533152,13.2950639 Z M411.120284,49.0171223 L410.322415,49.1946331 C387.138949,54.4296092 372.181875,69.1373993 366.697614,92.5701496 C362.210492,112.014347 371.683306,131.707829 389.631795,139.684935 C403.342447,145.667765 417.053099,144.919911 430.265181,138.189228 C449.958663,127.96856 460.6779,112.014347 461.924323,90.575873 C461.675038,87.3351735 461.675038,84.8423277 461.176469,82.3494819 C456.739764,57.9476028 434.511926,44.025432 411.120284,49.0171223 L411.120284,49.0171223 Z M116.415898,94.5644262 C117.413036,94.5644262 117.911605,95.3122799 117.911605,96.3094183 L117.413036,102.292248 C117.413036,103.289387 116.415898,104.03724 115.668044,104.03724 L61.3240061,103.787956 C60.3268678,103.787956 60.0775833,103.040102 60.5761524,102.292248 L64.0661365,96.0601337 C64.5647057,95.3122799 65.561844,94.5644262 66.5589823,94.5644262 L116.415898,94.5644262 Z M121.900159,71.6302451 C122.897297,71.6302451 123.395866,72.3780988 123.146581,73.1259525 L121.152305,79.1087824 C120.90302,80.1059207 119.905882,80.6044899 118.908744,80.6044899 L0.99713831,80.8537744 C0,80.8537744 -0.249284578,80.3552053 0.249284578,79.6073515 L5.48426071,72.8766679 C5.98282987,72.1288142 7.22925276,71.6302451 8.22639107,71.6302451 L121.900159,71.6302451 Z M134.862957,48.6960639 C135.860095,48.6960639 136.109379,49.4439176 135.61081,50.1917714 L131.372973,56.6731704 C130.874403,57.4210241 129.62798,58.1688779 128.880127,58.1688779 L38.6391096,57.9195933 C37.6419713,57.9195933 37.3926867,57.4210241 37.8912558,56.6731704 L43.126232,49.9424868 C43.6248011,49.1946331 44.871224,48.6960639 45.8683623,48.6960639 L134.862957,48.6960639 Z" fill="#00ACD7" fill-rule="nonzero">
+
+</path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/nextjs-logo.svg b/public/assets/nextjs-logo.svg
new file mode 100644
index 000000000..50ccbbd18
--- /dev/null
+++ b/public/assets/nextjs-logo.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M119.616813,0.0688905149 C119.066276,0.118932037 117.314565,0.294077364 115.738025,0.419181169 C79.3775171,3.69690087 45.3192571,23.3131775 23.7481916,53.4631946 C11.7364614,70.2271045 4.05395894,89.2428829 1.15112414,109.384595 C0.12512219,116.415429 0,118.492153 0,128.025062 C0,137.557972 0.12512219,139.634696 1.15112414,146.665529 C8.10791789,194.730411 42.3163245,235.11392 88.7116325,250.076335 C97.0197458,252.753556 105.778299,254.580072 115.738025,255.680985 C119.616813,256.106338 136.383187,256.106338 140.261975,255.680985 C157.453763,253.779407 172.017986,249.525878 186.382014,242.194795 C188.584164,241.068861 189.00958,240.768612 188.709286,240.518404 C188.509091,240.36828 179.124927,227.782837 167.86393,212.570214 L147.393939,184.922273 L121.743891,146.965779 C107.630108,126.098464 96.0187683,109.034305 95.9186706,109.034305 C95.8185728,109.009284 95.7184751,125.873277 95.6684262,146.465363 C95.5933529,182.52028 95.5683284,183.971484 95.1178886,184.82219 C94.4672532,186.048207 93.9667644,186.548623 92.915738,187.099079 C92.114956,187.499411 91.4142717,187.574474 87.6355816,187.574474 L83.3063539,187.574474 L82.1552297,186.848872 C81.4044966,186.373477 80.8539589,185.747958 80.4785924,185.022356 L79.9530792,183.896422 L80.0031281,133.729796 L80.0782014,83.5381493 L80.8539589,82.5623397 C81.25435,82.0369037 82.1051808,81.3613431 82.7057674,81.0360732 C83.7317693,80.535658 84.1321603,80.4856165 88.4613881,80.4856165 C93.5663734,80.4856165 94.4172043,80.6857826 95.7434995,82.1369867 C96.1188661,82.5373189 110.007429,103.454675 126.623656,128.650581 C143.239883,153.846488 165.962072,188.250034 177.122972,205.139048 L197.392766,235.839522 L198.418768,235.163961 C207.502639,229.259062 217.112023,220.852086 224.719453,212.09482 C240.910264,193.504394 251.345455,170.835585 254.848876,146.665529 C255.874878,139.634696 256,137.557972 256,128.025062 C256,118.492153 255.874878,116.415429 254.848876,109.384595 C247.892082,61.3197135 213.683675,20.9362052 167.288368,5.97379012 C159.105376,3.32158945 150.396872,1.49507389 140.637341,0.394160408 C138.234995,0.143952798 121.693842,-0.131275573 119.616813,0.0688905149 L119.616813,0.0688905149 Z M172.017986,77.4831252 C173.219159,78.0836234 174.195112,79.2345784 174.545455,80.435575 C174.74565,81.0861148 174.795699,94.9976579 174.74565,126.348671 L174.670577,171.336 L166.73783,159.17591 L158.780059,147.01582 L158.780059,114.313685 C158.780059,93.1711423 158.880156,81.2862808 159.030303,80.7108033 C159.430694,79.3096407 160.306549,78.2087272 161.507722,77.5581875 C162.533724,77.0327515 162.909091,76.98271 166.837928,76.98271 C170.541544,76.98271 171.19218,77.0327515 172.017986,77.4831252 Z" fill="#000000">
+
</path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/python-logo.svg b/public/assets/python-logo.svg
new file mode 100644
index 000000000..25df8268f
--- /dev/null
+++ b/public/assets/python-logo.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0164 2C10.8193 2 9.03825 3.72453 9.03825 5.85185V8.51852H15.9235V9.25926H5.97814C3.78107 9.25926 2 10.9838 2 13.1111L2 18.8889C2 21.0162 3.78107 22.7407 5.97814 22.7407H8.27322V19.4815C8.27322 17.3542 10.0543 15.6296 12.2514 15.6296H19.5956C21.4547 15.6296 22.9617 14.1704 22.9617 12.3704V5.85185C22.9617 3.72453 21.1807 2 18.9836 2H13.0164ZM12.0984 6.74074C12.8589 6.74074 13.4754 6.14378 13.4754 5.40741C13.4754 4.67103 12.8589 4.07407 12.0984 4.07407C11.3378 4.07407 10.7213 4.67103 10.7213 5.40741C10.7213 6.14378 11.3378 6.74074 12.0984 6.74074Z" fill="url(#paint0_linear_87_8204)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9834 30C21.1805 30 22.9616 28.2755 22.9616 26.1482V23.4815L16.0763 23.4815L16.0763 22.7408L26.0217 22.7408C28.2188 22.7408 29.9998 21.0162 29.9998 18.8889V13.1111C29.9998 10.9838 28.2188 9.25928 26.0217 9.25928L23.7266 9.25928V12.5185C23.7266 14.6459 21.9455 16.3704 19.7485 16.3704L12.4042 16.3704C10.5451 16.3704 9.03809 17.8296 9.03809 19.6296L9.03809 26.1482C9.03809 28.2755 10.8192 30 13.0162 30H18.9834ZM19.9015 25.2593C19.1409 25.2593 18.5244 25.8562 18.5244 26.5926C18.5244 27.329 19.1409 27.9259 19.9015 27.9259C20.662 27.9259 21.2785 27.329 21.2785 26.5926C21.2785 25.8562 20.662 25.2593 19.9015 25.2593Z" fill="url(#paint1_linear_87_8204)"/>
+<defs>
+<linearGradient id="paint0_linear_87_8204" x1="12.4809" y1="2" x2="12.4809" y2="22.7407" gradientUnits="userSpaceOnUse">
+<stop stop-color="#327EBD"/>
+<stop offset="1" stop-color="#1565A7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_87_8204" x1="19.519" y1="9.25928" x2="19.519" y2="30" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA4B"/>
+<stop offset="1" stop-color="#F9C600"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/assets/qdrant-logo.svg b/public/assets/qdrant-logo.svg
new file mode 100644
index 000000000..058304c86
--- /dev/null
+++ b/public/assets/qdrant-logo.svg
@@ -0,0 +1,11 @@
+<svg width="56" height="64" viewBox="0 0 56 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.2136 0L0.5 16V48L28.2136 64L38.6056 58V46L28.2136 52L10.8936 42V22L28.2136 12L45.5336 22V62L55.9272 56V16L28.2136 0Z" fill="#DC244C"/>
+<path d="M17.8216 26V38L28.2136 44L38.6056 38V26L28.2136 20L17.8216 26Z" fill="#DC244C"/>
+<path d="M38.6056 46V58L28.2136 64V52L38.6056 46Z" fill="#9E0D38"/>
+<path d="M55.9272 16V56L45.5336 62V22L55.9272 16Z" fill="#9E0D38"/>
+<path d="M55.9272 16L45.5336 22L28.2136 12L10.8936 22L0.5 16L28.2136 0L55.9272 16Z" fill="#FF516B"/>
+<path d="M28.2136 52V64L0.5 48V16L10.8936 22V42L28.2136 52Z" fill="#DC244C"/>
+<path d="M38.6056 26L28.2136 32L17.8216 26L28.2136 20L38.6056 26Z" fill="#FF516B"/>
+<path d="M28.2136 32V44L17.8216 38V26L28.2136 32Z" fill="#DC244C"/>
+<path d="M38.6056 26V38L28.2136 44V32L38.6056 26Z" fill="#9E0D38"/>
+</svg>
diff --git a/src/components/Common/InfoCard/InfoCard.jsx b/src/components/Common/InfoCard/InfoCard.jsx
index 73a63c60d..685533d3b 100644
--- a/src/components/Common/InfoCard/InfoCard.jsx
+++ b/src/components/Common/InfoCard/InfoCard.jsx
@@ -140,9 +140,7 @@ const InfoCard = ({ icon: Icon, iconVariant, title, description, iconColor, link
     >
       <StyledCardActionArea>
         <StyledCardContent className={displayIconVariant}>
-          <IconWrapper>
-            <Icon size="20px" color={displayIconColor} />
-          </IconWrapper>
+          <IconWrapper>{React.isValidElement(Icon) ? Icon : <Icon size="20px" color={displayIconColor} />}</IconWrapper>
           <ContentWrapper>
             <StyledTitle component="h3">{title}</StyledTitle>
             <StyledDescription component="p">{description}</StyledDescription>
diff --git a/src/components/IntegratedTutorials/ExternalTutorialLinks.jsx b/src/components/IntegratedTutorials/ExternalTutorialLinks.jsx
new file mode 100644
index 000000000..db294e629
--- /dev/null
+++ b/src/components/IntegratedTutorials/ExternalTutorialLinks.jsx
@@ -0,0 +1,68 @@
+import React from 'react';
+import { Box, Grid, Typography } from '@mui/material';
+import InfoCard from '../Common/InfoCard/InfoCard';
+import { getFullPath } from '../../lib/common-helpers';
+
+const TUTORIALS = [
+  {
+    icon: <img src={getFullPath('/assets/python-logo.svg')} alt="Python logo" height={'24px'} />,
+    title: '5 minute RAG with DeepSeek',
+    description: 'Ground your chatbot in fact-based knowledge using Retrieval-Augmented Generation.',
+    href: 'https://qdrant.tech/documentation/rag-deepseek/',
+  },
+  {
+    icon: <img src={getFullPath('/assets/qdrant-logo.svg')} alt="Qdrant logo" height={'24px'} />,
+    title: 'Hybrid Search with Qdrant',
+    description: 'Build your own keyword + semantic search service using Qdrant and FastEmbed.',
+    href: 'https://qdrant.tech/documentation/beginner-tutorials/hybrid-search-fastembed/',
+  },
+  {
+    icon: <img src={getFullPath('/assets/fastapi-logo.svg')} alt="FastAPI logo" height={'24px'} />,
+    title: 'Basic Semantic Search Engine',
+    description: 'Build information retrieval based on semantic meaning in 5 minutes.',
+    href: 'https://qdrant.tech/documentation/beginner-tutorials/search-beginners/',
+  },
+  {
+    icon: <img src={getFullPath('/assets/camel-ai-logo.svg')} alt="Camel-AI logo" height={'24px'} />,
+    title: 'Agentic RAG discord bot',
+    description: 'Develop a fully functional chatbot using Qdrant, CAMEL-AI, and OpenAI.',
+    href: 'https://qdrant.tech/documentation/agentic-rag-camelai-discord/',
+  },
+  {
+    icon: <img src={getFullPath('/assets/golang-logo.svg')} alt="Golang logo" height={'24px'} />,
+    title: 'E-commerce Search Engine',
+    description: `Build and deploy high-performance semantic retrieval for thousands of products.`,
+    href: 'https://qdrant.tech/documentation/tutorials-search-engineering/ecommerce-search-golang/',
+  },
+  {
+    icon: <img src={getFullPath('/assets/qdrant-logo.svg')} alt="Qdrant logo" height={'24px'} />,
+    title: 'See more tutorials on Qdrant.tech',
+    description: 'See more tutorials',
+    href: 'https://qdrant.tech/documentation/beginner-tutorials/',
+  },
+];
+
+const ExternalTutorialLinks = () => {
+  return (
+    <Box component="section">
+      <Typography component="h2" variant="h6" mb="1rem">
+        {'Integrated Tutorials'}
+      </Typography>
+      <Grid container spacing={2} sx={{ '& > .MuiGrid-root': { display: 'flex' } }}>
+        {TUTORIALS.map((tutorial) => (
+          <Grid key={tutorial.href} size={{ xs: 12, md: 6, lg: 4 }}>
+            <InfoCard
+              icon={tutorial.icon}
+              iconVariant="top"
+              title={tutorial.title}
+              description={tutorial.description}
+              href={tutorial.href}
+            />
+          </Grid>
+        ))}
+      </Grid>
+    </Box>
+  );
+};
+
+export default ExternalTutorialLinks;
diff --git a/src/pages/TutorialIndex.jsx b/src/pages/TutorialIndex.jsx
index 8214f4c1f..186a97df1 100644
--- a/src/pages/TutorialIndex.jsx
+++ b/src/pages/TutorialIndex.jsx
@@ -3,6 +3,7 @@ import { Alert, Box, Grid, Typography } from '@mui/material';
 import { useClient } from '../context/client-context';
 import InfoCard from '../components/Common/InfoCard/InfoCard';
 import TutorialLinks from '../components/InteractiveTutorial/TutorialLinks';
+import ExternalTutorialLinks from '../components/IntegratedTutorials/ExternalTutorialLinks';
 import { Zap, FileCode } from 'lucide-react';
 
 export const TutorialIndex = () => {
@@ -79,6 +80,7 @@ export const TutorialIndex = () => {
         </Grid>
       </Box>
 
+      <ExternalTutorialLinks />
       <TutorialLinks sections={['filtering', 'vectorSearch', 'multitenancy']} />
     </Box>
   );