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

Changes

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 21:32:36 +00:00
parent a450b33720
commit adb9a08a30
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/hero-bakery.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

src/components/HeroSection.tsx
+9 -4
View File
@@ -1,12 +1,17 @@
import logoImage from "@/assets/logo.png"; import logoImage from "@/assets/logo.png";
import heroBakeryImage from "@/assets/hero-bakery.jpg";
const HeroSection = () => { const HeroSection = () => {
return ( return (
<section className="hero-gradient flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 relative"> <section className="relative flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 overflow-hidden">
{/* Decorative top border */} {/* Background image with opacity */}
<div className="absolute top-0 left-0 right-0 h-2 bg-primary/20" /> <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"> <div className="animate-fade-up max-w-4xl relative z-10">
<img <img
src={logoImage} src={logoImage}
alt="Lennart Svensson Konditorivaror" alt="Lennart Svensson Konditorivaror"