From 1beca5584962bdfd7b0a2b6555134ae90b244e20 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 29 Jan 2026 20:44:22 +0000
Subject: [PATCH] Visual edit in Lovable

Edited UI in Lovable
---
 src/pages/Index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 4b8197e..373a0d3 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -72,10 +72,9 @@ const Index = () => {
   return <div className="min-h-screen bg-background">
       <section className="relative">
         {/* Hero Image - Full width with aspect ratio */}
-        <div 
-          className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-white"
-          style={{ backgroundImage: `url(${heroBg})` }}
-        />
+        <div className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-[sidebar-primary-foreground] bg-zinc-700" style={{
+        backgroundImage: `url(${heroBg})`
+      }} />
         
         {/* Animated Stats Bar - Bottom of hero */}
         <div className="bg-zinc-700 py-4">