Remove heritage image in section

eliminated bakery hero image from HeritageSection and kept text content only, simplifying hero layout by removing the large image block and its overlay.

X-Lovable-Edit-ID: edt-86a3538c-8a24-49e1-b11d-bc334761043d
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 21:33:59 +00:00
-16
View File
@@ -1,5 +1,4 @@
import { useEffect, useRef, useState } from "react";
import bakeryHeritageImage from "@/assets/bakery-heritage.jpg";
import mandelkubbImage from "@/assets/mandelkubb.jpg";
import kolasnittImage from "@/assets/kolasnitt.jpg";
import chokladsnittImage from "@/assets/chokladsnitt.jpg";
@@ -67,21 +66,6 @@ const HeritageSection = () => {
: "opacity-0 translate-y-24 scale-95"
}`}
>
{/* Image */}
<div
className={`relative rounded-sm overflow-hidden mb-12 shadow-xl transition-all duration-[6000ms] ease-out ${
heroVisible
? "opacity-100 translate-y-0 scale-100"
: "opacity-0 translate-y-20 scale-95"
}`}
>
<img
src={bakeryHeritageImage}
alt="Traditionellt svenskt konditori"
className="w-full h-[400px] md:h-[500px] object-cover"
/>
<div className="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent" />
</div>
{/* Text Content */}
<div className="text-center max-w-3xl mx-auto">