From 01f70192dee9de4eeeffe6cdca12fe1543436b4d Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:29:25 +0000
Subject: [PATCH] completionId: cgen-a4e3837c93f64851b68a40bc9ee14de3

cgen-a4e3837c93f64851b68a40bc9ee14de3
---
 client/components/LoadingScreen.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/components/LoadingScreen.tsx b/client/components/LoadingScreen.tsx
index 2c01bddb..242fd68f 100644
--- a/client/components/LoadingScreen.tsx
+++ b/client/components/LoadingScreen.tsx
@@ -149,7 +149,7 @@ export default function LoadingScreen({
           {/* Animated Loading Bars - LARGER */}
           <div className="space-y-4">
             <div className="flex justify-center gap-2">
-              {[...Array(5)].map((_, i) => {
+              {[...Array(8)].map((_, i) => {
                 const colorMap: Record<string, string> = {
                   "from-yellow-500 to-yellow-400": "bg-yellow-400",
                   "from-green-500 to-green-400": "bg-green-400",
@@ -164,11 +164,11 @@ export default function LoadingScreen({
                 return (
                   <div
                     key={i}
-                    className={`w-1 ${barColor} rounded-full animate-pulse`}
+                    className={`w-2 ${barColor} rounded-full animate-pulse`}
                     style={{
-                      height: `${20 + i * 10}px`,
-                      animationDelay: `${i * 0.2}s`,
-                      animationDuration: "1s",
+                      height: `${16 + i * 8}px`,
+                      animationDelay: `${i * 0.15}s`,
+                      animationDuration: "1.2s",
                     }}
                   />
                 );