From 0e195a004dcedb748a6fd6d29a58c0c465046daa Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 20:15:41 +0000
Subject: [PATCH] Changes

---
 src/components/HeritageSection.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/HeritageSection.tsx b/src/components/HeritageSection.tsx
index 6c9c2c9..e5ac18e 100644
--- a/src/components/HeritageSection.tsx
+++ b/src/components/HeritageSection.tsx
@@ -6,16 +6,19 @@ import chokladsnittImage from "@/assets/chokladsnitt.jpg";
 
 const cookies = [
   {
-    name: "Mandelkubb",
+    name: "Mandelkubben",
     image: mandelkubbImage,
+    description: "Mjuk och smörig med en härlig mandelsmak som smälter på tungan. Toppas med rostade mandelflagor.",
   },
   {
-    name: "Kolasnitt",
+    name: "Kolasnitten",
     image: kolasnittImage,
+    description: "Krämig kolakaka med en perfekt balans av sötma och smörighet. En riktig favorit på fikarasten.",
   },
   {
-    name: "Chokladsnitt",
+    name: "Chokladsnitten",
     image: chokladsnittImage,
+    description: "Rik och fyllig chokladsmak med en len glasyr. För dig som älskar äkta, mörk choklad.",
   },
 ];
 
@@ -118,19 +121,20 @@ const HeritageSection = () => {
                 transitionDelay: cookiesVisible ? `${index * 200}ms` : "0ms",
               }}
             >
-              <div className="bg-card rounded-sm overflow-hidden card-classic">
-                <div className="aspect-square overflow-hidden">
+              <div className="text-center">
+                <div className="aspect-square overflow-hidden rounded-sm mb-6">
                   <img
                     src={cookie.image}
                     alt={cookie.name}
                     className="w-full h-full object-cover hover:scale-105 transition-transform duration-500"
                   />
                 </div>
-                <div className="p-6 text-center">
-                  <h3 className="font-display text-2xl font-semibold text-foreground">
-                    {cookie.name}
-                  </h3>
-                </div>
+                <h3 className="font-display text-2xl font-semibold text-foreground mb-3">
+                  {cookie.name}
+                </h3>
+                <p className="text-foreground/70 leading-relaxed">
+                  {cookie.description}
+                </p>
               </div>
             </div>
           ))}