feat: 💄 Change to refreshed logo

apps/builder/assets/logos/TypebotLogo.tsx

@@ -4,41 +4,41 @@ export const TypebotLogo = ({
   isDark,
   ...props
 }: { isDark?: boolean } & IconProps) => (
-  <Icon viewBox="0 0 500 500" w="50px" h="50px" {...props}>
+  <Icon w="50px" h="50px" viewBox="0 0 800 800" {...props}>
     <rect
-      width="500"
-      height="500"
-      rx="75"
+      width="800"
+      height="800"
+      rx="80"
       fill={isDark ? 'white' : '#0042DA'}
     />
     <rect
-      x="438.709"
-      y="170.968"
-      width="64.5161"
-      height="290.323"
-      rx="32.2581"
-      transform="rotate(90 438.709 170.968)"
+      x="650"
+      y="293"
+      width="85.4704"
+      height="384.617"
+      rx="20"
+      transform="rotate(90 650 293)"
       fill="#FF8E20"
     />
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M93.5481 235.484C111.364 235.484 125.806 221.041 125.806 203.226C125.806 185.41 111.364 170.968 93.5481 170.968C75.7325 170.968 61.29 185.41 61.29 203.226C61.29 221.041 75.7325 235.484 93.5481 235.484Z"
+      d="M192.735 378.47C216.337 378.47 235.47 359.337 235.47 335.735C235.47 312.133 216.337 293 192.735 293C169.133 293 150 312.133 150 335.735C150 359.337 169.133 378.47 192.735 378.47Z"
       fill="#FF8E20"
     />
     <rect
-      x="61.29"
-      y="332.259"
-      width="64.5161"
-      height="290.323"
-      rx="32.2581"
-      transform="rotate(-90 61.29 332.259)"
+      x="150"
+      y="506.677"
+      width="85.4704"
+      height="384.617"
+      rx="20"
+      transform="rotate(-90 150 506.677)"
       fill={isDark ? '#0042DA' : 'white'}
     />
     <path
       fillRule="evenodd"
       clipRule="evenodd"
-      d="M406.451 267.742C388.635 267.742 374.193 282.184 374.193 300C374.193 317.815 388.635 332.258 406.451 332.258C424.267 332.258 438.709 317.815 438.709 300C438.709 282.184 424.267 267.742 406.451 267.742Z"
+      d="M607.265 421.206C583.663 421.206 564.53 440.34 564.53 463.942C564.53 487.544 583.663 506.677 607.265 506.677C630.867 506.677 650 487.544 650 463.942C650 440.34 630.867 421.206 607.265 421.206Z"
       fill={isDark ? '#0042DA' : 'white'}
     />
   </Icon>

apps/builder/components/dashboard/DashboardHeader.tsx

@@ -48,7 +48,7 @@ export const DashboardHeader = () => {
         justify="space-between"
         alignItems="center"
         h="16"
-        maxW="900px"
+        maxW="1000px"
         flex="1"
       >
         <NextChakraLink

apps/docs/static/img/logo.svg

@@ -1,42 +1,11 @@
-<svg
-    viewBox="0 0 500 500"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect
-      width="500"
-      height="500"
-      rx="75"
-      fill="#0042DA"
-    />
-    <rect
-      x="438.709"
-      y="170.968"
-      width="64.5161"
-      height="290.323"
-      rx="32.2581"
-      transform="rotate(90 438.709 170.968)"
-      fill="#FF8E20"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M93.5481 235.484C111.364 235.484 125.806 221.041 125.806 203.226C125.806 185.41 111.364 170.968 93.5481 170.968C75.7325 170.968 61.29 185.41 61.29 203.226C61.29 221.041 75.7325 235.484 93.5481 235.484Z"
-      fill="#FF8E20"
-    />
-    <rect
-      x="61.29"
-      y="332.259"
-      width="64.5161"
-      height="290.323"
-      rx="32.2581"
-      transform="rotate(-90 61.29 332.259)"
-      fill="white"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M406.451 267.742C388.635 267.742 374.193 282.184 374.193 300C374.193 317.815 388.635 332.258 406.451 332.258C424.267 332.258 438.709 317.815 438.709 300C438.709 282.184 424.267 267.742 406.451 267.742Z"
-      fill="white"
-    />
+<svg width="800" height="800" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="800" height="800" rx="80" fill="#0042DA" />
+  <rect x="650" y="293" width="85.4704" height="384.617" rx="20" transform="rotate(90 650 293)" fill="#FF8E20" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M192.735 378.47C216.337 378.47 235.47 359.337 235.47 335.735C235.47 312.133 216.337 293 192.735 293C169.133 293 150 312.133 150 335.735C150 359.337 169.133 378.47 192.735 378.47Z"
+    fill="#FF8E20" />
+  <rect x="150" y="506.677" width="85.4704" height="384.617" rx="20" transform="rotate(-90 150 506.677)" fill="white" />
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M607.265 421.206C583.663 421.206 564.53 440.34 564.53 463.942C564.53 487.544 583.663 506.677 607.265 506.677C630.867 506.677 650 487.544 650 463.942C650 440.34 630.867 421.206 607.265 421.206Z"
+    fill="white" />
 </svg>