web: More website copy tweaks (#8326)

Co-authored-by: Matt Rubens <[email protected]>

apps/web-roo-code/public/logos/anthropic.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Anthropic</title><path d="M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z"></path></svg>

apps/web-roo-code/public/logos/apple.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="256px" height="315px" viewBox="0 0 256 315" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <path d="M213.803394,167.030943 C214.2452,214.609646 255.542482,230.442639 256,230.644727 C255.650812,231.761357 249.401383,253.208293 234.24263,275.361446 C221.138555,294.513969 207.538253,313.596333 186.113759,313.991545 C165.062051,314.379442 158.292752,301.507828 134.22469,301.507828 C110.163898,301.507828 102.642899,313.596301 82.7151126,314.379442 C62.0350407,315.16201 46.2873831,293.668525 33.0744079,274.586162 C6.07529317,235.552544 -14.5576169,164.286328 13.147166,116.18047 C26.9103111,92.2909053 51.5060917,77.1630356 78.2026125,76.7751096 C98.5099145,76.3877456 117.677594,90.4371851 130.091705,90.4371851 C142.497945,90.4371851 165.790755,73.5415029 190.277627,76.0228474 C200.528668,76.4495055 229.303509,80.1636878 247.780625,107.209389 C246.291825,108.132333 213.44635,127.253405 213.803394,167.030988 M174.239142,50.1987033 C185.218331,36.9088319 192.607958,18.4081019 190.591988,0 C174.766312,0.636050225 155.629514,10.5457909 144.278109,23.8283506 C134.10507,35.5906758 125.195775,54.4170275 127.599657,72.4607932 C145.239231,73.8255433 163.259413,63.4970262 174.239142,50.1987249" fill="currentColor"></path>
+    </g>
+</svg>

apps/web-roo-code/public/logos/carvana.svg

@@ -0,0 +1,50 @@
+<svg version="1.1" id="Layer_1" xmlns:x="ns_extend;" xmlns:i="ns_ai;" xmlns:graph="ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 287.1 65" style="enable-background:new 0 0 287.1 65;" xml:space="preserve" fill="currentColor">
+ <g>
+  <path class="st0" d="M179.8,37.7L172.4,19H166l0.4,0.9l10.9,26.5h4.8L193.4,19h-6.2L179.8,37.7 M246.4,35.7l-12.9-16.7h-5.2v27.2
+		h5.8V28.8l13.3,17.2h4.7V18.9h-5.8V35.7z M205.7,18.8l-12,27.4h6l5-11.5l0,0l3.5-8.3l0,0v-0.1l3.2,7.7l-2.2,5h4.3l1.5,3.6l1.4,3.5
+		h6.2l-11.9-27.2H205.7z M275.1,18.8H270l-12,27.4h6l5-11.5l0,0l3.5-8.1l0,0l0.1-0.2l3.2,7.7l-2.2,5.1h4.3l1.5,3.6l1.4,3.5h6.2
+		L275.1,18.8z">
+  </path>
+  <path class="st0" d="M99.1,40.2c-1.1,1.1-2.4,2.1-3.8,2.9c-1.5,0.8-3.2,1.2-5,1.1c-1.5,0-3-0.3-4.4-1c-1.3-0.6-2.5-1.4-3.4-2.4
+		c-1-1.1-1.8-2.4-2.3-3.8c-0.6-1.4-0.8-3-0.8-4.5l0,0c0-1.5,0.3-3.1,0.8-4.5c0.5-1.4,1.3-2.7,2.3-3.8c1-1,2.1-1.9,3.4-2.5
+		c1.4-0.6,2.8-0.9,4.3-0.9c0.9,0,1.9,0.1,2.8,0.3c0.8,0.2,1.6,0.5,2.3,0.8c0.7,0.3,1.3,0.7,1.9,1.2c0.6,0.4,1.1,0.9,1.7,1.4l0.5,0.4
+		l1.8-1.9l-0.5-0.4c-0.7-0.6-1.3-1.2-2-1.7c-0.7-0.5-1.5-1-2.3-1.4c-0.9-0.4-1.8-0.7-2.8-0.9c-1.1-0.2-2.2-0.3-3.4-0.3
+		c-1.9,0-3.7,0.4-5.4,1.1c-1.6,0.7-3,1.8-4.2,3.1c-1.2,1.3-2.1,2.8-2.8,4.5c-0.7,1.7-1,3.5-1,5.4l0,0c0,1.9,0.3,3.7,1,5.4
+		c0.6,1.7,1.5,3.2,2.8,4.5c1.2,1.3,2.6,2.3,4.2,3c1.7,0.7,3.5,1.1,5.3,1.1c1.1,0,2.2-0.1,3.3-0.4c1-0.2,1.9-0.6,2.9-1
+		c0.9-0.4,1.7-0.9,2.4-1.5c0.7-0.6,1.4-1.2,2-1.9l0.5-0.5l-1.9-1.7L99.1,40.2 M119.1,18.8l-12.9,27.3h2.6l11.3-23.8l6.3,13.4
+		l-1.6,3.4h3.2l3.3,7h2.6l-12.8-27.3H119.1 M153.6,34.7c0.8-0.1,1.6-0.3,2.3-0.6c1-0.4,2-0.9,2.8-1.6c0.8-0.7,1.4-1.5,1.9-2.4
+		c0.4-1,0.7-2.1,0.7-3.2l0,0c0-1-0.2-2-0.5-2.9c-0.4-0.9-0.9-1.7-1.5-2.3c-1-0.9-2.1-1.6-3.4-2.1c-1.5-0.5-3-0.7-4.6-0.7h-11.3v27.2
+		h2.5V35h8.2l8.4,11.1h3.2L153.6,34.7 M142.4,32.6V21.4h8.7c2-0.1,4,0.4,5.6,1.5c1.3,1,2,2.5,1.9,4.1l0,0c0,0.8-0.2,1.5-0.5,2.3
+		c-0.3,0.7-0.8,1.3-1.5,1.8c-0.7,0.5-1.5,0.9-2.4,1.2c-1.1,0.3-2.2,0.5-3.4,0.5L142.4,32.6">
+  </path>
+ </g>
+ <g>
+  <path class="st0" d="M40,36.9c-0.1,0-3.1-0.1-7.4-0.1c-4.4,0-7.4,0.1-7.5,0.1c-1,0-0.4,1.5-0.4,1.5c2.3,0.2,5.7,0.2,7.8,0.2
+		c2,0,5.4,0,7.8-0.2l0,0.1C40.3,38.4,40.9,37,40,36.9z">
+  </path>
+  <path class="st0" d="M21.8,35.2c-0.7-0.5-1.5-0.8-2.3-1.1c-0.6-0.1-1.2,0.2-1.4,0.7c-0.2,0.6-0.3,1.3-0.2,2c0,0,0.1,0.5,0.8,0.7
+		c1.5,0.3,3,0.5,4.5,0.7C23.3,38.2,23.2,35.9,21.8,35.2z">
+  </path>
+  <path class="st0" d="M26.7,18.1c2,0.3,4,0.5,6,0.5c1.8,0,3.6-0.1,5.4-0.4c0.8-0.1,1.6-0.3,2.4-0.6h-0.2c-0.5-0.2-1.1-0.4-1.7-0.5
+		c-2-0.3-4-0.5-6-0.5v0c-1.8,0-3.6,0.1-5.4,0.4c-0.8,0.1-1.7,0.3-2.4,0.7H25C25.5,17.8,26.1,18,26.7,18.1z">
+  </path>
+  <path class="st0" d="M22.7,29.8h19.7c0,0,0.5,0,0.3-0.6c-0.8-1.7-1.7-3.3-2.8-4.9c0,0-2.3-0.1-5.3-0.1l0.1,0.2V25c0,0,0,0,0,0
+		c0,0.2-0.2,0.3-0.4,0.3h-3.5c-0.2,0-0.4-0.2-0.4-0.4v-0.5v-0.2c-3,0-5.3,0.1-5.3,0.1c-1,1.5-1.9,3.2-2.7,4.9
+		C22.2,29.8,22.7,29.8,22.7,29.8z">
+  </path>
+  <path class="st0" d="M32.5,0C14.6,0,0,14.6,0,32.5C0,50.4,14.6,65,32.5,65C50.4,65,65,50.4,65,32.5c0,0,0,0,0,0
+		C65,14.5,50.4,0,32.5,0z M23.7,16.9c0.2-0.2,0.4-0.3,0.7-0.5c0.6-0.3,1.3-0.4,2-0.6c2.1-0.4,4.1-0.5,6.2-0.5c1.9,0,3.8,0.1,5.6,0.4
+		c1.2,0.1,2.3,0.5,3.3,1.2c0.2,0.2,0.4,0.5,0.4,0.8c0,0.3-0.2,0.6-0.4,0.8c-0.2,0.2-0.4,0.3-0.7,0.4c-0.6,0.3-1.3,0.5-2,0.6
+		c-2,0.3-4.1,0.5-6.2,0.5v0c-1.9,0-3.8-0.1-5.6-0.4c-1.2-0.1-2.3-0.5-3.3-1.1c-0.2-0.2-0.3-0.5-0.4-0.8
+		C23.4,17.3,23.5,17.1,23.7,16.9z M47.9,46.2c0,0.3-0.2,0.5-0.4,0.5h-4c0,0,0,0,0,0c-0.3,0-0.4-0.3-0.4-0.5v-0.6H21.9v0.6
+		c0,0,0,0,0,0c0,0.3-0.2,0.5-0.4,0.5h-4c0,0,0,0,0,0c-0.3,0-0.4-0.3-0.4-0.5v-5c0,0-0.1-4-0.1-4.9c0-0.6,0.1-1.1,0.3-1.7
+		c0.3-0.5,0.6-1,1-1.4c0.7-0.9,1.3-1.8,1.9-2.8h-0.2c0,0-3.5-0.2-2.9-1.4c0,0,0.7-1.4,3.2-1.4h0.3c0.1,0,0.4,0.1,0.4,0.9
+		c0.8-1.9,2-3.5,3.6-4.7c0.4-0.2,0.8-0.4,1.2-0.4c0.7-0.2,6.3-0.2,6.7-0.2s6,0.1,6.7,0.2c0.4,0.1,0.8,0.2,1.2,0.4
+		c1.6,1.3,2.8,2.9,3.6,4.7c0.1-0.9,0.2-0.9,0.3-0.9h0.4c2.6,0,3.2,1.4,3.2,1.4c0.6,1.2-2.9,1.4-2.9,1.4h-0.2c0.6,1,1.2,1.9,1.9,2.8
+		c0.4,0.4,0.7,0.9,1,1.4c0.2,0.5,0.3,1.1,0.3,1.7c0,0.9-0.1,4.9-0.1,4.9L47.9,46.2C47.9,46.2,47.9,46.2,47.9,46.2z">
+  </path>
+  <path class="st0" d="M46.9,34.9c-0.2-0.5-0.8-0.8-1.4-0.7c-0.8,0.3-1.6,0.6-2.3,1.1c-1.3,0.7-1.5,3-1.5,3c1.5-0.1,3.1-0.4,4.6-0.7
+		c0.6-0.2,0.8-0.5,0.8-0.6C47.2,36.2,47.1,35.5,46.9,34.9z">
+  </path>
+ </g>
+</svg>

apps/web-roo-code/public/logos/gemini.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Gemini</title><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z"></path></svg>

apps/web-roo-code/public/logos/grok.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Grok</title><path d="M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815"></path></svg>

apps/web-roo-code/public/logos/kimi.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Kimi</title><path d="M19.738 5.776c.163-.209.306-.4.457-.585.07-.087.064-.153-.004-.244-.655-.861-.717-1.817-.34-2.787.283-.73.909-1.072 1.674-1.145.477-.045.945.004 1.379.236.57.305.902.77 1.01 1.412.086.512.07 1.012-.075 1.508-.257.878-.888 1.333-1.753 1.448-.718.096-1.446.108-2.17.157-.056.004-.113 0-.178 0z"></path><path d="M17.962 1.844h-4.326l-3.425 7.81H5.369V1.878H1.5V22h3.87v-8.477h6.824a3.025 3.025 0 002.743-1.75V22h3.87v-8.477a3.87 3.87 0 00-3.588-3.86v-.01h-2.125a3.94 3.94 0 002.323-2.12l2.545-5.689z"></path></svg>

apps/web-roo-code/public/logos/mistral.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Mistral</title><path clip-rule="evenodd" d="M3.428 3.4h3.429v3.428h3.429v3.429h-.002 3.431V6.828h3.427V3.4h3.43v13.714H24v3.429H13.714v-3.428h-3.428v-3.429h-3.43v3.428h3.43v3.429H0v-3.429h3.428V3.4zm10.286 13.715h3.428v-3.429h-3.427v3.429z"></path></svg>

apps/web-roo-code/public/logos/openai.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>OpenAI</title><path d="M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.02.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.002zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z"></path></svg>

apps/web-roo-code/public/logos/qwen.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Qwen</title><path d="M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z"></path></svg>

apps/web-roo-code/public/logos/rakuten.svg

@@ -0,0 +1,35 @@
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1333.3333 398.01334" height="398.01334" width="1333.3333" xml:space="preserve" id="svg2" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <metadata id="metadata8">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>
+     image/svg+xml
+    </dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage">
+    </dc:type>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <defs id="defs6">
+ </defs>
+ <g transform="matrix(1.3333333,0,0,-1.3333333,0,398.01333)" id="g10">
+  <g transform="scale(0.1)" id="g12">
+   <path id="path14" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 8050.11,483.41 H 2000.01 L 2481.94,-0.0117188 Z">
+   </path>
+   <path id="path16" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 2209.42,1148.07 c -209,0 -362.03,206.45 -362.03,467.22 0,260.58 153.03,467.05 362.03,467.05 209.25,0 356.74,-206.47 356.74,-467.05 0,-260.77 -147.49,-467.22 -356.74,-467.22 z m 351.04,1290.63 v -73.07 c -112.33,71.76 -213.09,113.52 -351.04,113.52 -423.86,0 -745.85,-387.7 -745.85,-863.86 0,-476.29 321.99,-863.759 745.85,-863.759 137.95,0 238.71,41.571 351.04,113.469 v -73.02 h 372.56 V 2438.7 h -372.56">
+   </path>
+   <path id="path18" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 5545.12,2438.7 v -967.35 c 0,-181.45 -124.27,-334.7 -305.3,-334.7 -180.86,0 -305.24,153.25 -305.24,334.7 v 967.35 h -372.59 v -967.35 c 0,-396.92 270.69,-719.819 666.45,-719.819 183.26,0 316.68,101.668 316.68,101.668 V 791.98 h 372.59 V 2438.7 h -372.59">
+   </path>
+   <path id="path20" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 9016.88,791.98 v 967.36 c 0,181.45 124.26,334.7 305.29,334.7 180.86,0 305.24,-153.25 305.24,-334.7 V 791.98 H 10000 v 967.36 c 0,396.91 -270.69,719.82 -666.45,719.82 -183.27,0 -316.67,-101.68 -316.67,-101.68 v 61.22 h -372.6 V 791.98 h 372.6">
+   </path>
+   <path id="path22" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 389.684,2458.49 h 254.293 c 174.976,0 318.086,-142.78 318.086,-318.65 0,-176.33 -143.11,-319.01 -318.086,-319.01 H 389.684 Z m 0,-1666.51 v 637.98 H 665.305 L 1142.46,791.98 h 487.8 l -576.58,769.82 c 179.68,129.37 297.7,339.74 297.7,578.04 0,391.36 -317.25,709.22 -707.403,709.22 L 0,2849.06 V 791.98 h 389.684">
+   </path>
+   <path id="path24" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 6921.92,1181.63 c -33.46,-22.77 -75.7,-40.5 -124.59,-40.5 -60.87,0 -175.64,46.65 -175.64,202.04 v 704.69 h 318.64 v 390.86 h -318.64 l -0.03,410.36 h -372.59 l 0.02,-410.36 h -197.11 v -390.86 h 197.11 v -710.4 c -0.1,-367.71 276.09,-587.351 553.94,-587.351 103.53,0 247.22,34.012 364.47,103.653 l -245.58,327.868">
+   </path>
+   <path id="path26" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 3859.35,1666.81 639.11,771.89 h -522.3 l -447,-573.66 V 2985.07 H 3145.48 V 791.98 h 383.68 v 676.44 l 549.53,-676.44 h 522.03 l -741.37,874.83">
+   </path>
+   <path id="path28" style="fill:#232121;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 8107.81,1827.89 h -671.06 c 78.42,385.69 598.46,407.82 671.06,0 z m -325.26,652.6 c -431.23,0 -740.57,-380.12 -740.57,-865.15 0,-509.99 388.27,-865.281 777.59,-865.281 196.51,0 448.32,67.589 659.85,368.621 l -329.08,190.64 C 7895.82,932.98 7471.65,1123.99 7422.68,1500.3 l 1073.26,-0.24 c 91.82,591.45 -289.44,980.43 -713.39,980.43">
+   </path>
+  </g>
+ </g>
+</svg>

apps/web-roo-code/src/app/page.tsx

@@ -5,11 +5,12 @@ import { getVSCodeDownloads } from "@/lib/stats"
 import { Button } from "@/components/ui"
 import {
 	AnimatedBackground,
-	InstallSection,
+	CodeExample,
+	CompanyLogos,
+	FAQSection,
 	Features,
+	InstallSection,
 	Testimonials,
-	FAQSection,
-	CodeExample,
 } from "@/components/homepage"
 import { EXTERNAL_LINKS } from "@/lib/constants"
 import { ArrowRight } from "lucide-react"
@@ -28,12 +29,12 @@ export default async function Home() {
 					<div className="grid h-full relative gap-8 md:gap-12 lg:grid-cols-2 lg:gap-16">
 						<div className="flex flex-col px-4 justify-center space-y-6 sm:space-y-8">
 							<div>
-								<h1 className="text-3xl font-bold tracking-tight mt-8 sm:text-4xl md:text-5xl lg:text-6xl lg:mt-0">
-									An entire AI-powered dev team. In your editor and beyond.
+								<h1 className="text-4xl font-bold tracking-tight mt-8 text-center md:text-left md:text-4xl lg:text-5xl lg:mt-0">
+									The AI dev team that gets things done.
 								</h1>
-								<p className="mt-4 max-w-md text-base text-muted-foreground sm:mt-6 sm:text-lg">
-									Roo&apos;s model-agnostic, specialized modes and fine-grained auto-approval controls
-									give you the tools (and the confidence) to get AI working for you.
+								<p className="mt-4 max-w-md text-lg text-muted-foreground text-center md:text-left sm:mt-6">
+									Roo&apos;s specialized modes stay on task and ship great code. Open source and works
+									with any model.
 								</p>
 							</div>
 							<div className="flex flex-col space-y-3 sm:flex-row sm:space-x-4 sm:space-y-0">
@@ -44,7 +45,7 @@ export default async function Home() {
 										href="https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline"
 										target="_blank"
 										className="flex w-full items-center justify-center">
-										Install Extension
+										Install VS Code Extension
 										<ArrowRight className="ml-2" />
 									</a>
 								</Button>
@@ -56,11 +57,12 @@ export default async function Home() {
 										href={EXTERNAL_LINKS.CLOUD_APP_SIGNUP}
 										target="_blank"
 										className="flex w-full items-center justify-center">
-										Get started with Cloud
+										Try Cloud
 										<ArrowRight className="ml-2" />
 									</a>
 								</Button>
 							</div>
+							<CompanyLogos />
 						</div>
 						<div className="relative flex items-center mx-auto h-full mt-8 lg:mt-0">
 							<div className="flex items-center justify-center">

apps/web-roo-code/src/components/homepage/company-logos.tsx

@@ -1,36 +1,33 @@
 "use client"
 
 import { motion } from "framer-motion"
+import Image from "next/image"
 
-export function CompanyLogos() {
-	const logos = [
-		{ name: "Company 1", logo: "/placeholder.svg?height=40&width=120" },
-		{ name: "Company 2", logo: "/placeholder.svg?height=40&width=120" },
-		{ name: "Company 3", logo: "/placeholder.svg?height=40&width=120" },
-		{ name: "Company 4", logo: "/placeholder.svg?height=40&width=120" },
-		{ name: "Company 5", logo: "/placeholder.svg?height=40&width=120" },
-		{ name: "Company 6", logo: "/placeholder.svg?height=40&width=120" },
-	]
+const logos = ["Apple", "Netflix", "Microsoft", "Amazon", "ByteDance", "Rakuten", "Carvana"]
 
+export function CompanyLogos() {
 	return (
-		<div className="mt-10">
-			<div className="mx-auto grid max-w-5xl grid-cols-2 gap-8 py-8 md:grid-cols-3 lg:grid-cols-6">
-				{logos.map((company, index) => (
+		<div className="mt-14">
+			<motion.p
+				initial={{ opacity: 0, y: 10 }}
+				animate={{ opacity: 1, y: 0 }}
+				transition={{ duration: 0.5, ease: "easeOut" }}
+				className="text-xs text-muted-foreground text-center mb-2 sm:text-left">
+				Making devs more productive at
+			</motion.p>
+			<div className="mt-4 flex flex-wrap items-center gap-6 justify-center sm:justify-start">
+				{logos.map((logo, index) => (
 					<motion.div
-						key={index}
-						initial={{ opacity: 0, y: 20 }}
+						key={logo}
+						initial={{ opacity: 0, y: 10 }}
 						animate={{ opacity: 1, y: 0 }}
-						transition={{
-							duration: 0.5,
-							delay: index * 0.1,
-							ease: "easeOut",
-						}}
-						className="flex items-center justify-center">
-						{/* eslint-disable @next/next/no-img-element */}
-						<img
-							src={company.logo || "/placeholder.svg"}
-							alt={company.name}
-							className="h-10 w-auto opacity-70 grayscale transition-all duration-300 hover:opacity-100 hover:grayscale-0"
+						transition={{ duration: 0.5, delay: index * 0.1, ease: "easeOut" }}>
+						<Image
+							width={0}
+							height={0}
+							className="h-[18px] w-auto overflow-clip opacity-70 dark:invert"
+							src={`/logos/${logo.toLowerCase().replace(/\s+/g, "-")}.svg`}
+							alt={`${logo} Logo`}
 						/>
 					</motion.div>
 				))}

apps/web-roo-code/src/components/homepage/features.tsx

@@ -1,48 +1,52 @@
 "use client"
 
 import { motion } from "framer-motion"
-import { Brain, Shield, Users2, ReplaceAll, Keyboard, LucideIcon, CheckCheck } from "lucide-react"
+import { Shield, Users2, ReplaceAll, Keyboard, LucideIcon, CheckCheck, GitPullRequest } from "lucide-react"
+import Image from "next/image"
 
 export interface Feature {
 	icon: LucideIcon
 	title: string
 	description: string
+	logos?: string[]
 }
 
 export const features: Feature[] = [
 	{
 		icon: Users2,
-		title: "Specialized Modes",
+		title: "Specialized modes",
 		description:
-			"Planning, Architecture, Debugging and beyond: Roo's modes stay on-task and deliver. Create your own modes or download from the marketplace.",
+			"Planning, Architecture, Debugging and beyond: Roo's modes stay on-task and deliver. They even know when to hand off work to other modes. Create your own or download from the marketplace.",
 	},
 	{
 		icon: ReplaceAll,
-		title: "Model-Agnostic",
-		description: "Bring your own model key or use local inference — no markup, lock-in, no restrictions.",
+		title: "Model-agnostic",
+		description: "Bring your own provider key or even run local inference — no markup, lock-in, no restrictions.",
+		logos: ["Anthropic", "OpenAI", "Gemini", "Grok", "Qwen", "Kimi", "Mistral", "Ollama"],
 	},
 	{
 		icon: CheckCheck,
 		title: "Granular auto-approval",
-		description: "Control each action and make Roo as autonomous as you want as you build confidence. Or go YOLO.",
+		description:
+			"Control each action and make Roo as autonomous as you want as you build confidence. Or go YOLO and let it rip.",
 	},
 	{
-		icon: Keyboard,
-		title: "Highly Customizable",
+		icon: GitPullRequest,
+		title: "Proudly open source",
 		description:
-			"Fine-tune settings for Roo to work for you, like inference context, model properties, slash commands and more.",
+			"Community-driven and fully auditable: no throttling or surprises about what's happening behind the scenes.",
 	},
 	{
-		icon: Brain,
-		title: "Deep Project-wide Context",
+		icon: Keyboard,
+		title: "Highly customizable",
 		description:
-			"Roo Code reads your entire codebase, preserving valid code through diff-based edits for seamless multi-file refactors.",
+			"Fine-tune settings for Roo to work for you, like inference context, model properties, slash commands and more.",
 	},
 	{
 		icon: Shield,
-		title: "Secure and Private by Design",
+		title: "Secure and private by design",
 		description:
-			"Open source and local-first. No code leaves your machine unless you say so. SOC 2 Type II compliant.",
+			"Client-only architecture means no code leaves your machine unless you say so. SOC 2 Type II compliant.",
 	},
 ]
 
@@ -108,7 +112,7 @@ export function Features() {
 					initial="hidden"
 					whileInView="visible"
 					viewport={{ once: true }}>
-					<ul className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
+					<ul className="grid grid-cols-1 place-items-center gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
 						{features.map((feature, index) => {
 							const Icon = feature.icon
 							return (
@@ -120,6 +124,20 @@ export function Features() {
 									<p className="leading-relaxed font-light text-muted-foreground">
 										{feature.description}
 									</p>
+									{feature.logos && (
+										<div className="mt-4 flex flex-wrap items-center gap-4">
+											{feature.logos.map((logo) => (
+												<Image
+													key={logo}
+													width={20}
+													height={20}
+													className="w-5 h-5 overflow-clip opacity-50 dark:invert"
+													src={`/logos/${logo.toLowerCase()}.svg`}
+													alt={`${logo} Logo`}
+												/>
+											))}
+										</div>
+									)}
 								</li>
 							)
 						})}

apps/web-roo-code/src/components/homepage/install-section.tsx

@@ -50,7 +50,8 @@ export function InstallSection({ downloads }: InstallSectionProps) {
 								Install Roo Code now
 							</h2>
 							<p className="mt-6 text-lg text-muted-foreground">
-								Install from the VSCode Marketplace or the CLI in minutes, then bring your own AI model.
+								Install from the VS Code Marketplace or the CLI in minutes, then bring your own AI
+								model.
 								<br />
 								Roo Code is also compatible with all VSCode forks.
 							</p>
@@ -62,13 +63,15 @@ export function InstallSection({ downloads }: InstallSectionProps) {
 									target="_blank"
 									className="group relative inline-flex w-full items-center justify-center gap-3 rounded-xl bg-gradient-to-r from-blue-600 to-cyan-600 px-6 py-4 text-lg font-medium text-white shadow-lg transition-all duration-300 hover:from-blue-700 hover:to-cyan-700 hover:shadow-xl hover:shadow-blue-500/25 dark:from-blue-500 dark:to-cyan-500 dark:hover:from-blue-600 dark:hover:to-cyan-600 sm:w-auto sm:px-8 sm:text-xl">
 									<div className="absolute -inset-px rounded-xl bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-400 opacity-0 blur transition-opacity duration-500 group-hover:opacity-70" />
-									<div className="relative flex items-center gap-3">
-										<VscVscode className="h-6 w-6 sm:h-7 sm:w-7" />
-										<span className="flex flex-wrap items-center gap-2">
-											<span>From VSCode Marketplace</span>
+									<div className="relative flex flex-col md:flex-row items-center md:gap-3">
+										<VscVscode className="h-6 w-6 shrink-0" />
+										<span className="flex flex-col md:flex-row items-center md:gap-2">
+											<span>From VS Code Marketplace</span>
 											{downloads !== null && (
 												<>
-													<span className="font-black opacity-60">&middot;</span>
+													<span className="font-black opacity-60 hidden md:inline">
+														&middot;
+													</span>
 													<span className="opacity-90">{downloads} Downloads</span>
 												</>
 											)}