From 1408408f343bfdb3c5b4dcbfa963d638ae917bcf Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 04:47:46 +0000
Subject: [PATCH] completionId: cgen-bb93f30d59ce47e99c25317c32c342ff

cgen-bb93f30d59ce47e99c25317c32c342ff
---
 client/components/Layout.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 6a1d19cd..7c26f7d4 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -463,14 +463,20 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     fill="none"
                     xmlns="http://www.w3.org/2000/svg"
                   >
+                    <defs>
+                      <linearGradient id="footerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+                        <stop offset="0%" stopColor="#818cf8" />
+                        <stop offset="100%" stopColor="#a78bfa" />
+                      </linearGradient>
+                    </defs>
                     <g className="animate-pulse">
-                      <circle cx="20" cy="10" r="2" fill="currentColor" className="text-aethex-400" />
-                      <circle cx="30" cy="20" r="2" fill="currentColor" className="text-aethex-400" />
-                      <circle cx="20" cy="30" r="2" fill="currentColor" className="text-aethex-400" />
-                      <circle cx="10" cy="20" r="2" fill="currentColor" className="text-aethex-400" />
-                      <circle cx="20" cy="20" r="1.5" fill="currentColor" className="text-aethex-300" />
+                      <circle cx="20" cy="10" r="2" fill="url(#footerGradient)" />
+                      <circle cx="30" cy="20" r="2" fill="url(#footerGradient)" />
+                      <circle cx="20" cy="30" r="2" fill="url(#footerGradient)" />
+                      <circle cx="10" cy="20" r="2" fill="url(#footerGradient)" />
+                      <circle cx="20" cy="20" r="2" fill="#c4b5fd" />
                     </g>
-                    <g stroke="currentColor" strokeWidth="0.75" opacity="0.6" className="text-aethex-300">
+                    <g stroke="url(#footerGradient)" strokeWidth="1" opacity="0.7">
                       <line x1="20" y1="10" x2="20" y2="20" />
                       <line x1="20" y1="20" x2="30" y2="20" />
                       <line x1="20" y1="20" x2="20" y2="30" />