From bcbce5c058fb7505742a3d35aed00a3f04b6021b Mon Sep 17 00:00:00 2001
From: userAdityaa <aditya.chaudhary1558@gmail.com>
Date: Fri, 17 Apr 2026 18:36:35 +0000
Subject: [PATCH] chore: replace placeholder letter badges with actual SVG
 logos (#24)

Co-authored-by: userAdityaa <aditya.chaudhary1558@gmail.com>
Co-committed-by: userAdityaa <aditya.chaudhary1558@gmail.com>
---
 frontend/src/assets/chachi-logo.svg   |  1 +
 frontend/src/assets/flotilla-logo.svg |  5 +++++
 frontend/src/assets/nostord-logo.svg  | 21 +++++++++++++++++++++
 frontend/src/pages/Home.tsx           | 15 ++++++---------
 4 files changed, 33 insertions(+), 9 deletions(-)
 create mode 100644 frontend/src/assets/chachi-logo.svg
 create mode 100644 frontend/src/assets/flotilla-logo.svg
 create mode 100644 frontend/src/assets/nostord-logo.svg

diff --git a/frontend/src/assets/chachi-logo.svg b/frontend/src/assets/chachi-logo.svg
new file mode 100644
index 0000000..0f16999
--- /dev/null
+++ b/frontend/src/assets/chachi-logo.svg
@@ -0,0 +1 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="220" height="220" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 32C0 14.3269 14.3269 0 32 0V0C49.6731 0 64 14.3269 64 32V32C64 49.6731 49.6731 64 32 64H8C3.58172 64 0 60.4183 0 56V32Z" fill="#6D29D9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M21 22C19.3431 22 18 23.3431 18 25C18 26.1046 17.1046 27 16 27C14.8954 27 14 26.1046 14 25C14 21.134 17.134 18 21 18C24.866 18 28 21.134 28 25C28 26.1046 27.1046 27 26 27C24.8954 27 24 26.1046 24 25C24 23.3431 22.6569 22 21 22ZM43 22C41.3431 22 40 23.3431 40 25C40 26.1046 39.1046 27 38 27C36.8954 27 36 26.1046 36 25C36 21.134 39.134 18 43 18C46.866 18 50 21.134 50 25C50 26.1046 49.1046 27 48 27C46.8954 27 46 26.1046 46 25C46 23.3431 44.6569 22 43 22Z" fill="#FFFFFF"></path><path d="M32 47C38.6985 47 44.2982 42.2956 45.6755 36.0106C45.9829 34.608 44.5 33.5552 43.1016 33.8813C40.0379 34.5957 35.7213 35.1538 32 35.1538C28.2787 35.1538 23.9621 34.5957 20.8984 33.8813C19.5 33.5552 18.0171 34.608 18.3245 36.0106C19.7018 42.2956 25.3015 47 32 47Z" fill="#FFFFFF"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/flotilla-logo.svg b/frontend/src/assets/flotilla-logo.svg
new file mode 100644
index 0000000..3def3b1
--- /dev/null
+++ b/frontend/src/assets/flotilla-logo.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024">
+<path d="M0 0 C4.06076574 0.00458991 8.12151543 -0.00249115 12.1822778 -0.00795984 C20.10654731 -0.01678707 28.03077864 -0.01496182 35.95504957 -0.00913456 C42.40408203 -0.00459122 48.85310389 -0.00401662 55.30213749 -0.00618219 C56.22503747 -0.00648866 57.14793744 -0.00679513 58.09880408 -0.00711088 C59.97451051 -0.00775042 61.85021694 -0.00839885 63.72592337 -0.00905606 C81.25635868 -0.0147399 98.78677298 -0.00823234 116.31720484 0.00254467 C131.31013742 0.01147691 146.30303901 0.00992704 161.29597104 0.00070715 C178.76828884 -0.01003263 196.24058828 -0.0141892 213.71290892 -0.00806832 C215.5814681 -0.00743132 217.45002728 -0.00680258 219.31858647 -0.00618219 C220.69710888 -0.00571937 220.69710888 -0.00571937 222.10348023 -0.00524719 C228.53301944 -0.00353122 234.96254686 -0.00641148 241.39208424 -0.0111413 C249.24443041 -0.01679161 257.09673668 -0.01514757 264.94907837 -0.00457981 C268.94390356 0.00062193 272.93866259 0.0028295 276.93348706 -0.00387812 C320.35893126 -0.07069746 320.35893126 -0.07069746 340.68976986 4.51144934 C341.679931 4.727609 342.67009213 4.94376867 343.69025815 5.16647863 C371.36527013 11.42784406 397.98053634 23.80438 420.37726986 41.26144934 C420.90062924 41.66911535 421.42398861 42.07678137 421.96320736 42.4968009 C441.0164263 57.55690119 456.84254663 75.40358319 469.62726986 96.01144934 C470.09374936 96.76224768 470.56022885 97.51304602 471.04084408 98.28659582 C471.46639584 98.99501623 471.8919476 99.70343664 472.33039486 100.43332434 C472.70325619 101.05304113 473.07611752 101.67275793 473.46027768 102.31125402 C475.41629539 106.47117668 475.54236245 109.74100872 474.44367611 114.15598059 C474.21140316 115.09876867 473.97913022 116.04155676 473.73981869 117.01291418 C473.47580258 118.02305578 473.21178647 119.03319738 472.93976986 120.07394934 C472.66608578 121.13565344 472.3924017 122.19735754 472.11042416 123.29123449 C459.2795669 171.8972034 435.40270033 217.51028129 409.37726986 260.26144934 C408.82023373 261.1800675 408.2631976 262.09868567 407.68928158 263.04514074 C393.26676583 286.74190252 377.64753466 309.79403861 361.37726986 332.26144934 C360.841181 333.00185461 360.30509213 333.74225988 359.75275815 334.50510168 C351.71268093 345.57537025 343.44254909 356.45056058 334.98957455 367.20822668 C333.49241455 369.11481597 332.00028602 371.02520231 330.51008236 372.93723059 C321.32528417 384.70458373 311.94631504 396.31458297 302.26227963 407.6752677 C299.39644243 411.04033216 296.59185257 414.44792487 293.81476986 417.88644934 C289.94147715 422.64664987 285.86966994 427.18949717 281.71711361 431.70676184 C279.71892138 433.88842748 277.75578098 436.09156242 275.81476986 438.32394934 C268.66810248 446.53678622 261.31162089 454.56436117 253.93386471 462.56941748 C252.95014649 463.63872756 251.96806499 464.70954775 250.98827755 465.78246069 C240.09546654 477.70745605 228.68266961 489.11079488 217.25275815 500.51633215 C214.52643449 503.23690883 211.80469692 505.96202284 209.0842191 508.68844366 C206.95661067 510.81968582 204.82660171 512.94851607 202.69588482 515.07665014 C201.6913808 516.08049529 200.68759612 517.08506085 199.68460095 518.09041357 C194.6015394 523.18282261 189.48470623 528.16411723 184.02253354 532.84976721 C182.12095149 534.48137765 180.29269319 536.17749055 178.48273861 537.90988684 C177.52307187 538.82218054 177.52307187 538.82218054 176.54401791 539.75290442 C175.89086606 540.37447424 175.2377142 540.99604406 174.56476986 541.63644934 C169.18825486 546.71880471 163.73851397 551.54539088 157.95148861 556.15598059 C155.16696638 558.4334578 152.52313183 560.82456942 149.87726986 563.26144934 C145.06682714 567.67892632 140.09756599 571.83084521 135.0144769 575.92892981 C133.15338919 577.44366537 131.3096978 578.97816719 129.46711361 580.51535559 C120.66762461 587.84622334 111.72820537 594.90733657 102.50324643 601.69455481 C100.23422932 603.36687357 97.97340154 605.04988438 95.71320736 606.73410559 C51.27310233 639.77676865 3.03623227 670.26263127 -49.62273014 688.26144934 C-50.45417545 688.54955481 -51.28562076 688.83766027 -52.14226139 689.13449621 C-63.87474617 693.16220706 -75.78585273 696.32888758 -87.95769107 698.72433996 C-89.68504681 699.07246955 -91.40777763 699.44475992 -93.1237067 699.84543371 C-104.79527817 702.53778326 -112.16564567 701.18320987 -122.47453678 694.98459387 C-124.88703379 693.45047125 -127.2592946 691.86992675 -129.62273014 690.26144934 C-130.3027106 689.81059973 -130.98269107 689.35975012 -131.68327701 688.8952384 C-135.78409686 686.16205238 -139.72267138 683.27401053 -143.62273014 680.26144934 C-144.54956607 679.54601965 -145.47640201 678.83058996 -146.43132389 678.09348059 C-151.7697291 673.83980212 -156.84891773 669.31587556 -161.87273014 664.69894934 C-162.4392731 664.18098791 -163.00581607 663.66302649 -163.58952701 663.12936926 C-198.82252826 630.30656019 -219.75866273 580.88988572 -222.62273014 533.26144934 C-222.96914877 522.89808872 -222.91044558 512.52410107 -222.89883852 502.15614522 C-222.89634446 497.97260381 -222.90541832 493.78908362 -222.91287601 489.60555029 C-222.92555183 481.43388744 -222.92742562 473.26225755 -222.92507575 465.09058652 C-222.92328427 458.43983128 -222.92505989 451.78908595 -222.92930019 445.13833189 C-222.92989538 444.18756056 -222.93049057 443.23678923 -222.93110379 442.25720664 C-222.93231569 440.32497134 -222.93352983 438.39273604 -222.93474617 436.46050074 C-222.94559446 418.38543883 -222.9434722 400.31039563 -222.93736132 382.23533269 C-222.93219559 365.75015505 -222.94344341 349.26503656 -222.96245954 332.77987061 C-222.98189716 315.79732128 -222.99008353 298.81479984 -222.98633629 281.83223933 C-222.98443308 272.32014641 -222.9868252 262.80810379 -223.00105083 253.29602003 C-223.01304151 245.19731465 -223.01428437 237.09869054 -223.00226066 228.99998388 C-222.99642513 224.8794586 -222.99512203 220.75908138 -223.00726306 216.63856649 C-223.14567373 166.13261003 -213.47585169 118.94372402 -181.62273014 78.26144934 C-181.18815494 77.70135168 -180.75357975 77.14125402 -180.3058356 76.56418371 C-151.28911878 39.61571471 -110.52000059 14.39433554 -64.68523014 4.44894934 C-63.80649234 4.25397863 -62.92775455 4.05900793 -62.02238834 3.85812902 C-41.6093881 -0.26776747 -20.72596908 -0.0347713 0 0 Z " fill="#7061FF" transform="translate(380.62273013591766,155.73855066299438)"/>
+<path d="M0 0 C4.24760206 1.79343198 5.98565708 3.9095254 8 8 C8.37752342 11.19756603 8.37752342 11.19756603 8.38095093 14.88017273 C8.3856309 15.56030404 8.39031087 16.24043536 8.39513266 16.94117671 C8.40707301 19.21448376 8.39762866 21.4871868 8.38818359 23.76049805 C8.39225053 25.39390921 8.3975931 27.02731762 8.40411377 28.66072083 C8.41780134 33.10011389 8.41247678 37.53929791 8.40297651 41.97869468 C8.39536042 46.64838442 8.40243343 51.31805671 8.40713501 55.98774719 C8.41259825 63.85213404 8.40539793 71.71643652 8.39111328 79.58081055 C8.37490482 88.60714713 8.37998616 97.63327913 8.3965925 106.65961045 C8.41033482 114.44690725 8.4120621 122.23414339 8.40427649 130.02144843 C8.39965372 134.65451211 8.39882048 139.28748079 8.40888596 143.92053795 C8.45509957 168.54490346 8.25468382 193.11936849 2.3125 217.1875 C2.05903809 218.24517578 1.80557617 219.30285156 1.54443359 220.39257812 C-9.03594202 262.96795883 -30.69562301 300.49027822 -61 332 C-61.70406982 332.73694092 -61.70406982 332.73694092 -62.42236328 333.48876953 C-68.87923944 340.21703803 -75.64506897 346.27528564 -83 352 C-83.5465625 352.43892578 -84.093125 352.87785156 -84.65625 353.33007812 C-118.81539536 380.74126731 -160.7256048 397.31990946 -204 403 C-204.98108404 403.13172419 -204.98108404 403.13172419 -205.98198795 403.26610947 C-214.35408076 404.24681787 -222.73707319 404.15582123 -231.15209961 404.16113281 C-232.87282414 404.1657688 -234.59354766 404.1707945 -236.31427002 404.17617798 C-240.96042496 404.18921581 -245.60656551 404.19572821 -250.25273585 404.20018864 C-253.15642853 404.20312914 -256.06011734 404.20723542 -258.96380806 404.21169281 C-268.05297193 404.22533566 -277.1421269 404.23502193 -286.23130029 404.2388947 C-296.71895054 404.24338875 -307.20647133 404.26101216 -317.6940822 404.2898953 C-325.81061443 404.31147355 -333.92711009 404.32159666 -342.04367071 404.32293582 C-346.88888994 404.32398523 -351.73398693 404.32992373 -356.57917595 404.34775543 C-361.12730206 404.36417276 -365.67521307 404.36642273 -370.22335815 404.35761642 C-371.89433428 404.35684304 -373.56532171 404.36122821 -375.236269 404.37107468 C-377.51205609 404.38370281 -379.78707029 404.37796846 -382.06285095 404.36749268 C-383.33760756 404.36895924 -384.61236418 404.3704258 -385.92574978 404.3719368 C-389 404 -389 404 -390.89841557 402.68796921 C-392.85133569 399.69548953 -392.53506303 397.44818397 -392 394 C-387.24491037 389.18254854 -381.66854764 386.76050011 -375.5625 384 C-344.30233285 369.3645806 -315.34445024 349.99607134 -288 329 C-287.23703613 328.41814941 -286.47407227 327.83629883 -285.68798828 327.23681641 C-276.91749504 320.53931601 -268.3065833 313.69693756 -259.9375 306.50390625 C-257.18468822 304.15742706 -254.38562179 301.88595946 -251.5625 299.625 C-246.54824976 295.54908898 -241.81957713 291.21147206 -237.12133789 286.77978516 C-234.21151766 284.03686235 -231.27122617 281.34775566 -228.24853516 278.72924805 C-224.28297054 275.26702926 -220.40476956 271.723453 -216.56640625 268.12109375 C-215.88340958 267.48014267 -215.2004129 266.83919159 -214.49671936 266.17881775 C-207.22611427 259.32048932 -200.13488549 252.28631839 -193.07836914 245.20874023 C-190.91082358 243.03575665 -188.737875 240.86827637 -186.56445312 238.70117188 C-185.15592873 237.29198771 -183.747714 235.88249394 -182.33984375 234.47265625 C-181.38657448 233.52242332 -181.38657448 233.52242332 -180.41404724 232.55299377 C-176.63052575 228.74987325 -173.04045856 224.82726057 -169.5327301 220.76853943 C-167.82746086 218.80091585 -166.07206756 216.88995587 -164.28125 215 C-163.34732422 214.01 -163.34732422 214.01 -162.39453125 213 C-161.13151042 211.66666667 -159.86848958 210.33333333 -158.60546875 209 C-154.29105192 204.42653951 -150.10662023 199.76071843 -146 195 C-145.50628906 194.42846191 -145.01257813 193.85692383 -144.50390625 193.26806641 C-141.5048479 189.78730998 -138.52121906 186.29330627 -135.53759766 182.79931641 C-134.54620614 181.6391774 -133.55377096 180.47992905 -132.56005859 179.32177734 C-126.4590353 172.21069337 -120.55920024 164.97619432 -114.8046875 157.58203125 C-112.9367562 155.18535382 -111.04662514 152.80941491 -109.1328125 150.44921875 C-101.71339281 141.297528 -94.66280079 131.91184415 -87.73486328 122.38330078 C-86.0678781 120.09324881 -84.39225127 117.80976751 -82.71484375 115.52734375 C-74.45750823 104.24857409 -66.64042061 92.70415873 -59 81 C-58.42636719 80.12359863 -57.85273437 79.24719727 -57.26171875 78.34423828 C-46.09756671 61.22944199 -35.41100726 43.75142208 -26.15234375 25.5234375 C-25.83838654 24.90713974 -25.52442932 24.29084198 -25.20095825 23.65586853 C-23.69227693 20.68666781 -22.20445387 17.71056761 -20.7421875 14.71801758 C-16.01153601 5.27025109 -11.49580956 -1.21590293 0 0 Z " fill="#171B1F" transform="translate(861,463)"/>
+</svg>
diff --git a/frontend/src/assets/nostord-logo.svg b/frontend/src/assets/nostord-logo.svg
new file mode 100644
index 0000000..1ce5122
--- /dev/null
+++ b/frontend/src/assets/nostord-logo.svg
@@ -0,0 +1,21 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="66.145837" height="66.145837" viewBox="0 0 66.145837 66.145837" version="1.1" id="svg1" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" sodipodi:docname="nostrord.svg">
+  <sodipodi:namedview id="namedview1" pagecolor="#ffffff" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="mm" inkscape:zoom="2.1971895" inkscape:cx="172.94822" inkscape:cy="184.78151" inkscape:window-width="2048" inkscape:window-height="1083" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="layer1"/>
+  <defs id="defs1"/>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-80.278336,-100.91589)">
+    <rect x="80.278336" y="100.91589" width="66.145836" height="66.145836" rx="15.434029" fill="#0a0a0a" id="rect1-6-9-7-7-9-8-6" style="stroke-width:1.10243"/>
+    <g id="g32" transform="matrix(0.56473291,0,0,0.56473291,-434.56644,229.88942)">
+      <path d="m 941.12408,-145.50974 c 0,7.28807 10.93211,10.93211 29.15233,10.93211 18.2201,0 29.1523,-3.64404 29.1523,-10.93211 v -32.79632 c 0,-14.57615 -10.9322,-25.50826 -29.1523,-25.50826 -18.22022,0 -29.15233,10.93211 -29.15233,25.50826 z" fill="#fafafa" id="path3-6-2-5-9-7-4-1" style="stroke-width:1.82202"/>
+      <path d="m 948.41215,-171.01799 c 0,-7.28807 10.93211,-10.93211 21.86426,-10.93211 10.9321,0 21.8642,3.64404 21.8642,10.93211 v 7.28807 c 0,7.28807 -10.9321,10.9321 -21.8642,10.9321 -10.93215,0 -21.86426,-3.64403 -21.86426,-10.9321 z" fill="#0a0a0a" id="path4-1-3-6-2-3-5-5" style="stroke-width:1.82202"/>
+      <ellipse cx="959.34424" cy="-167.37396" rx="5.4660549" ry="7.2880735" fill="#fafafa" id="ellipse4-5-7-2-0-6-0-5" style="stroke-width:1.82202"/>
+      <ellipse cx="981.2085" cy="-167.37396" rx="5.4660549" ry="7.2880735" fill="#fafafa" id="ellipse5-5-5-9-2-1-3-4" style="stroke-width:1.82202"/>
+      <g id="g12-2-3-2-6-7" transform="matrix(1.3286857,0,0,1.3286857,15.786725,-131.79559)">
+        <path d="m 740.53601,-40.469391 14,-14 q 3,-2 1,2 l -11,14 q -2,2 -4,1 z" fill="#fafafa" id="path3-9-7-7-9-1-6"/>
+        <path d="m 738.53601,-34.469391 10,-10 q 2,-2 1,1 l -8,11 q -2,2 -3,1 z" fill="#fafafa" id="path4-73-0-5-3-0-5"/>
+      </g>
+      <g id="g12-2-2-9-1-6-6" transform="matrix(-1.3286857,0,0,1.3286857,1924.6621,-131.79559)">
+        <path d="m 740.53601,-40.469391 14,-14 q 3,-2 1,2 l -11,14 q -2,2 -4,1 z" fill="#fafafa" id="path3-9-7-6-2-9-3-9"/>
+        <path d="m 738.53601,-34.469391 10,-10 q 2,-2 1,1 l -8,11 q -2,2 -3,1 z" fill="#fafafa" id="path4-73-0-1-2-4-2-3"/>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 397a107..46ec29d 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -8,6 +8,9 @@ import Modal from "@/components/Modal"
 import Login from "@/views/Login"
 import { createRelayForActiveTenant } from "@/lib/hooks"
 import { account } from "@/lib/state"
+import FlotillaLogo from "@/assets/flotilla-logo.svg"
+import ChachiLogo from "@/assets/chachi-logo.svg"
+import NostordLogo from "@/assets/nostord-logo.svg"
 
 export default function Home() {
   const navigate = useNavigate()
@@ -223,9 +226,7 @@ export default function Home() {
           >
             <div class="flex items-start justify-between gap-4">
               <div class="flex items-center gap-3">
-                <div class="w-12 h-12 rounded-2xl bg-linear-to-br from-blue-500 to-indigo-600 flex items-center justify-center text-white font-bold text-xl shadow-md shadow-blue-200">
-                  F
-                </div>
+                <img src={FlotillaLogo} alt="Flotilla" class="w-12 h-12 rounded-2xl shadow-md shadow-blue-200" />
                 <div>
                   <h3 class="text-lg font-bold text-gray-900 group-hover:text-blue-600 transition-colors">Flotilla</h3>
                   <p class="text-xs text-gray-400">flotilla.social</p>
@@ -263,9 +264,7 @@ export default function Home() {
           >
             <div class="flex items-start justify-between gap-4">
               <div class="flex items-center gap-3">
-                <div class="w-12 h-12 rounded-2xl bg-linear-to-br from-purple-500 to-pink-500 flex items-center justify-center text-white font-bold text-xl shadow-md shadow-purple-200">
-                  C
-                </div>
+                <img src={ChachiLogo} alt="Chachi" class="w-12 h-12 rounded-2xl shadow-md shadow-purple-200" />
                 <div>
                   <h3 class="text-lg font-bold text-gray-900 group-hover:text-purple-600 transition-colors">Chachi</h3>
                   <p class="text-xs text-gray-400">chachi.chat</p>
@@ -303,9 +302,7 @@ export default function Home() {
           >
             <div class="flex items-start justify-between gap-4">
               <div class="flex items-center gap-3">
-                <div class="w-12 h-12 rounded-2xl bg-linear-to-br from-amber-500 to-orange-500 flex items-center justify-center text-white font-bold text-xl shadow-md shadow-amber-200">
-                  N
-                </div>
+                <img src={NostordLogo} alt="Nostrord" class="w-12 h-12 rounded-2xl shadow-md shadow-amber-200" />
                 <div>
                   <h3 class="text-lg font-bold text-gray-900 group-hover:text-amber-600 transition-colors">Nostrord</h3>
                   <p class="text-xs text-gray-400">nostrord.com</p>