platform-admin/alva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove hero background image

Browse Source 
Removed the hero background image and kept only the logo in the hero section. Section now uses a plain background with the logo prominently displayed.

X-Lovable-Edit-ID: edt-ee002e08-c5b8-4b5a-85a0-92b6b027c2b8
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 21:33:10 +00:00
parent 5b3eb85fdf 05f58c6855
commit 42c86ab531
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HeroSection.tsx
+2 -10
View File
@@ -1,17 +1,9 @@
import logoImage from "@/assets/logo.png";
import heroBakeryImage from "@/assets/hero-bakery.jpg";
const HeroSection = () => {
return (
<section className="relative flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 overflow-hidden">
{/* Background image with opacity */}
<div
className="absolute inset-0 bg-cover bg-center opacity-40"
style={{ backgroundImage: `url(${heroBakeryImage})` }}
/>
<div className="absolute inset-0 bg-background/60" />
<div className="animate-fade-up max-w-4xl relative z-10">
<section className="relative flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 bg-background">
<div className="animate-fade-up max-w-4xl">
<img
src={logoImage}
alt="Lennart Svensson Konditorivaror"