From c352d9ade82abca8d302b1236edaae164ebc85b1 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 28 Jan 2026 00:33:40 +0000
Subject: [PATCH] Changes

---
 src/components/HeroSection.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 1a213a5..b2a249a 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -6,8 +6,10 @@ const HeroSection = () => {
       <div className="pointer-events-none absolute inset-0 bg-cover bg-center opacity-40" style={{
       backgroundImage: `url(${heroBakeryImage})`
     }} />
-      {/* Fade-out gradient at bottom */}
-      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent via-70% to-background" />
+      {/* Fade-out gradient at bottom - exact background color for seamless blend */}
+      <div className="pointer-events-none absolute inset-0" style={{
+        background: 'linear-gradient(to bottom, transparent 60%, hsl(38 25% 96%) 100%)'
+      }} />
       {/* Keep contrast for text without washing out the image */}
       <div className="pointer-events-none absolute inset-0 bg-background/25" />