From 19b8f2952334f5fc8be089cd2ac31e867b82f2c3 Mon Sep 17 00:00:00 2001
From: SinachPat <sinachpat@gmail.com>
Date: Mon, 4 May 2026 18:22:25 +0100
Subject: [PATCH] fix: sync integrations page logos with landing page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace all mismatched SVG icons in integrations.html (both the card grid
and the status section) with the exact paths from page.tsx:

- GitHub: correct octocat path (M12 2C6.477, not M12 0C5.37)
- Figma: 24×24 5-segment logo (was stretched 38×57 viewBox)
- Linear: official brand mark fill=#5e6ad2 (was 100×100 white diagonal)
- Cursor: actual prism brand logo (was a generic hexagon outline)
- TypeScript: clean T+S letterform on #3178c6 bg (was noisy stripe overlay)
- React: centred atom cx/cy=12 with r=2 dot (was off-centre cy=11)
- Status section: same fixes applied to the second logo set

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../app/public/features/integrations.html     | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/app/public/features/integrations.html b/packages/app/public/features/integrations.html
index da652f1..69b013a 100644
--- a/packages/app/public/features/integrations.html
+++ b/packages/app/public/features/integrations.html
@@ -134,7 +134,7 @@ button{font-family:inherit;cursor:pointer;border:none;background:none;}
 /* Cursor brand */
 .int-card.cursor .int-logo{background:#111118;}
 /* TypeScript brand */
-.int-card.typescript .int-logo{background:#0D1B2E;}
+.int-card.typescript .int-logo{background:#3178c6;}
 /* React brand */
 .int-card.react .int-logo{background:#0D1A1A;}
 
@@ -335,7 +335,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- GitHub -->
       <div class="int-card github">
         <div class="int-logo">
-          <svg width="22" height="22" viewBox="0 0 24 24" fill="rgba(255,255,255,0.9)"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="rgba(255,255,255,.85)"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.168 6.839 9.49.5.092.682-.217.682-.482 0-.237-.009-.866-.013-1.7-2.782.604-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12c0-5.523-4.477-10-10-10z"/></svg>
         </div>
         <div>
           <div class="int-name">GitHub</div>
@@ -346,7 +346,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- Figma -->
       <div class="int-card figma">
         <div class="int-logo">
-          <svg width="20" height="28" viewBox="0 0 38 57" fill="none"><path d="M19 28.5A9.5 9.5 0 1128.5 19 9.51 9.51 0 0119 28.5z" fill="#1ABCFE"/><path d="M9.5 47.5A9.5 9.5 0 019.5 28.5H19v9.5a9.51 9.51 0 01-9.5 9.5z" fill="#0ACF83"/><path d="M19 0H9.5A9.5 9.5 0 009.5 19H19V0z" fill="#FF7262"/><path d="M28.5 0H19v19h9.5A9.5 9.5 0 0028.5 0z" fill="#F24E1E"/><path d="M38 9.5A9.5 9.5 0 0128.5 19H19V0h9.5A9.5 9.5 0 0138 9.5z" fill="#FF7262" opacity=".85"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="none"><path d="M8 2h4v6H8a3 3 0 010-6z" fill="#F24E1E"/><path d="M12 2h4a3 3 0 010 6h-4V2z" fill="#FF7262"/><path d="M8 8h4v6H8a3 3 0 010-6z" fill="#A259FF"/><path d="M12 11a3 3 0 116 0 3 3 0 01-6 0z" fill="#1ABCFE"/><path d="M8 14h4v4a3 3 0 11-4-4z" fill="#0ACF83"/></svg>
         </div>
         <div>
           <div class="int-name">Figma</div>
@@ -357,7 +357,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- Linear -->
       <div class="int-card linear">
         <div class="int-logo">
-          <svg width="22" height="22" viewBox="0 0 100 100" fill="none"><path d="M1.22 61.25L38.75 98.78C22.32 95.26 9.26 82.2 5.74 65.77L1.22 61.25zM0 52.81L47.19 100c1.23.06 2.47.06 3.72 0L0 49.09c-.06 1.24-.06 2.48 0 3.72zM4.13 36.72L63.28 95.87A49.61 49.61 0 0077.4 87.9L12.1 22.6a49.61 49.61 0 00-7.97 14.12zM17.3 14.54L85.46 82.7A49.99 49.99 0 0087.9 77.4L22.6 12.1a49.99 49.99 0 00-5.3 2.44zM30.03 6.15L93.85 69.97a50 50 0 001.83-5.44L35.47 4.32a50 50 0 00-5.44 1.83zM43.64 1.57l54.79 54.79A50 50 0 0099.82 51L49 .18a50 50 0 00-5.36 1.39zM56.72.28l43 43C98.68 42.1 100 39.7 100 37.06L62.94 0c-2.64 0-5.04 1.32-6.22 3.28z" fill="rgba(255,255,255,0.88)"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="#5e6ad2"><path d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"/></svg>
         </div>
         <div>
           <div class="int-name">Linear</div>
@@ -390,7 +390,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- Cursor -->
       <div class="int-card cursor">
         <div class="int-logo">
-          <svg width="22" height="22" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="5" fill="rgba(255,255,255,0.05)"/><path d="M12 3L21 8.5V15.5L12 21L3 15.5V8.5L12 3Z" stroke="rgba(255,255,255,0.85)" stroke-width="1.5" stroke-linejoin="round"/><path d="M12 3V21M3 8.5L21 15.5M21 8.5L3 15.5" stroke="rgba(255,255,255,0.3)" stroke-width="1"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="rgba(255,255,255,.88)"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"/></svg>
         </div>
         <div>
           <div class="int-name">Cursor</div>
@@ -401,7 +401,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- TypeScript -->
       <div class="int-card typescript">
         <div class="int-logo">
-          <svg width="22" height="22" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="3" fill="#3178C6"/><path d="M3 13.5h4.5V15H3v-1.5zm6 0h12V15H9v-1.5zM3 17h8v1.5H3V17zm10 0h6v1.5h-6V17zM13.5 9H21v1.5h-7.5V9zm-10.5 0H12V10.5H3V9z" fill="white" opacity=".3"/><path d="M8.5 9v9H7V9H4V7.5h8.5V9H8.5zm7.5 7.5c.5.5 1.2.75 2 .75.6 0 1.1-.15 1.5-.45.4-.3.6-.7.6-1.2 0-.45-.15-.82-.45-1.1-.3-.28-.78-.52-1.42-.72-.46-.14-.78-.27-.96-.4a.5.5 0 01-.27-.44c0-.18.07-.32.2-.43.14-.1.33-.16.57-.16.47 0 .84.18 1.1.55l1-.65c-.2-.32-.5-.57-.88-.74-.37-.17-.8-.26-1.28-.26-.62 0-1.13.17-1.52.5-.38.33-.58.77-.58 1.3 0 .43.14.8.42 1.08.28.27.74.52 1.37.72.48.15.8.3.97.44.16.15.24.33.24.56 0 .24-.09.43-.26.57-.17.14-.4.21-.7.21-.62 0-1.1-.26-1.43-.78L15 16.5z" fill="white"/></svg>
+          <svg viewBox="0 0 18 18" width="18" height="18"><rect x="0.5" y="4.5" width="8.5" height="1.8" rx="0.5" fill="white"/><rect x="3.75" y="4.5" width="1.9" height="9.2" rx="0.5" fill="white"/><path d="M15.8 7.2c-.5-.9-1.4-1.4-2.5-1.4-1.4 0-2.3.7-2.3 1.9 0 1 .9 1.6 2.1 2 1.3.4 2.3 1.1 2.3 2.3 0 1.3-1.1 2.1-2.6 2.1-1.1 0-2-.4-2.6-1.3" stroke="white" stroke-width="1.7" stroke-linecap="round" fill="none"/></svg>
         </div>
         <div>
           <div class="int-name">TypeScript</div>
@@ -412,7 +412,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       <!-- React -->
       <div class="int-card react">
         <div class="int-logo">
-          <svg width="24" height="22" viewBox="0 0 24 22" fill="none"><ellipse cx="12" cy="11" rx="2.5" ry="2.5" fill="#61DAFB"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none" transform="rotate(60 12 11)"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none" transform="rotate(120 12 11)"/></svg>
+          <svg viewBox="0 0 24 24" width="22" height="22" fill="none"><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3"/><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3" transform="rotate(120 12 12)"/><circle cx="12" cy="12" r="2" fill="#61dafb"/></svg>
         </div>
         <div>
           <div class="int-name">React</div>
@@ -637,7 +637,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
     <div class="status-grid stagger">
       <div class="status-card">
         <div class="status-logo-wrap" style="background:#21262D;">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="rgba(255,255,255,0.85)"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="rgba(255,255,255,.85)"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.168 6.839 9.49.5.092.682-.217.682-.482 0-.237-.009-.866-.013-1.7-2.782.604-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12c0-5.523-4.477-10-10-10z"/></svg>
         </div>
         <div class="status-info">
           <h3>GitHub</h3>
@@ -647,7 +647,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       </div>
       <div class="status-card">
         <div class="status-logo-wrap" style="background:#1E1E2E;">
-          <svg width="16" height="22" viewBox="0 0 38 57" fill="none"><path d="M19 28.5A9.5 9.5 0 1128.5 19 9.51 9.51 0 0119 28.5z" fill="#1ABCFE"/><path d="M9.5 47.5A9.5 9.5 0 019.5 28.5H19v9.5a9.51 9.51 0 01-9.5 9.5z" fill="#0ACF83"/><path d="M19 0H9.5A9.5 9.5 0 009.5 19H19V0z" fill="#FF7262"/><path d="M28.5 0H19v19h9.5A9.5 9.5 0 0028.5 0z" fill="#F24E1E"/><path d="M38 9.5A9.5 9.5 0 0128.5 19H19V0h9.5A9.5 9.5 0 0138 9.5z" fill="#FF7262" opacity=".85"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="none"><path d="M8 2h4v6H8a3 3 0 010-6z" fill="#F24E1E"/><path d="M12 2h4a3 3 0 010 6h-4V2z" fill="#FF7262"/><path d="M8 8h4v6H8a3 3 0 010-6z" fill="#A259FF"/><path d="M12 11a3 3 0 116 0 3 3 0 01-6 0z" fill="#1ABCFE"/><path d="M8 14h4v4a3 3 0 11-4-4z" fill="#0ACF83"/></svg>
         </div>
         <div class="status-info">
           <h3>Figma</h3>
@@ -657,7 +657,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       </div>
       <div class="status-card">
         <div class="status-logo-wrap" style="background:#0D0D1A;">
-          <svg width="20" height="20" viewBox="0 0 100 100" fill="none"><path d="M1.22 61.25L38.75 98.78C22.32 95.26 9.26 82.2 5.74 65.77L1.22 61.25zM0 52.81L47.19 100c1.23.06 2.47.06 3.72 0L0 49.09c-.06 1.24-.06 2.48 0 3.72zM4.13 36.72L63.28 95.87A49.61 49.61 0 0077.4 87.9L12.1 22.6a49.61 49.61 0 00-7.97 14.12zM17.3 14.54L85.46 82.7A49.99 49.99 0 0087.9 77.4L22.6 12.1a49.99 49.99 0 00-5.3 2.44zM30.03 6.15L93.85 69.97a50 50 0 001.83-5.44L35.47 4.32a50 50 0 00-5.44 1.83zM43.64 1.57l54.79 54.79A50 50 0 0099.82 51L49 .18a50 50 0 00-5.36 1.39zM56.72.28l43 43C98.68 42.1 100 39.7 100 37.06L62.94 0c-2.64 0-5.04 1.32-6.22 3.28z" fill="rgba(255,255,255,0.8)"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="#5e6ad2"><path d="M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"/></svg>
         </div>
         <div class="status-info">
           <h3>Linear</h3>
@@ -687,7 +687,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       </div>
       <div class="status-card">
         <div class="status-logo-wrap" style="background:#111118;border:1px solid rgba(255,255,255,0.08);">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 3L21 8.5V15.5L12 21L3 15.5V8.5L12 3Z" stroke="rgba(255,255,255,0.8)" stroke-width="1.5" stroke-linejoin="round"/><path d="M12 3V21M3 8.5L21 15.5M21 8.5L3 15.5" stroke="rgba(255,255,255,0.25)" stroke-width="1"/></svg>
+          <svg viewBox="0 0 24 24" width="20" height="20" fill="rgba(255,255,255,.88)"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"/></svg>
         </div>
         <div class="status-info">
           <h3>Cursor</h3>
@@ -696,8 +696,8 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
         </div>
       </div>
       <div class="status-card">
-        <div class="status-logo-wrap" style="background:#0D1B2E;">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="3" fill="#3178C6"/><path d="M8.5 9v9H7V9H4V7.5h8.5V9H8.5zm7.5 7.5c.5.5 1.2.75 2 .75.6 0 1.1-.15 1.5-.45.4-.3.6-.7.6-1.2 0-.45-.15-.82-.45-1.1-.3-.28-.78-.52-1.42-.72-.46-.14-.78-.27-.96-.4a.5.5 0 01-.27-.44c0-.18.07-.32.2-.43.14-.1.33-.16.57-.16.47 0 .84.18 1.1.55l1-.65c-.2-.32-.5-.57-.88-.74-.37-.17-.8-.26-1.28-.26-.62 0-1.13.17-1.52.5-.38.33-.58.77-.58 1.3 0 .43.14.8.42 1.08.28.27.74.52 1.37.72.48.15.8.3.97.44.16.15.24.33.24.56 0 .24-.09.43-.26.57-.17.14-.4.21-.7.21-.62 0-1.1-.26-1.43-.78L15 16.5z" fill="white"/></svg>
+        <div class="status-logo-wrap" style="background:#3178c6;">
+          <svg viewBox="0 0 18 18" width="18" height="18"><rect x="0.5" y="4.5" width="8.5" height="1.8" rx="0.5" fill="white"/><rect x="3.75" y="4.5" width="1.9" height="9.2" rx="0.5" fill="white"/><path d="M15.8 7.2c-.5-.9-1.4-1.4-2.5-1.4-1.4 0-2.3.7-2.3 1.9 0 1 .9 1.6 2.1 2 1.3.4 2.3 1.1 2.3 2.3 0 1.3-1.1 2.1-2.6 2.1-1.1 0-2-.4-2.6-1.3" stroke="white" stroke-width="1.7" stroke-linecap="round" fill="none"/></svg>
         </div>
         <div class="status-info">
           <h3>TypeScript</h3>
@@ -707,7 +707,7 @@ footer{background:#08080C;border-top:1px solid rgba(255,255,255,0.06);padding:72
       </div>
       <div class="status-card">
         <div class="status-logo-wrap" style="background:#0D1A1A;">
-          <svg width="22" height="20" viewBox="0 0 24 22" fill="none"><ellipse cx="12" cy="11" rx="2.5" ry="2.5" fill="#61DAFB"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none" transform="rotate(60 12 11)"/><ellipse cx="12" cy="11" rx="11" ry="4.2" stroke="#61DAFB" stroke-width="1.2" fill="none" transform="rotate(120 12 11)"/></svg>
+          <svg viewBox="0 0 24 24" width="22" height="22" fill="none"><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3"/><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" stroke="#61dafb" stroke-width="1.3" transform="rotate(120 12 12)"/><circle cx="12" cy="12" r="2" fill="#61dafb"/></svg>
         </div>
         <div class="status-info">
           <h3>React</h3>