From 8d9483aa4cc34e3ec8532a166a90e6bf86f0c17c 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:50:22 +0000
Subject: [PATCH] Changes

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

diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index ab04aaa..e584ed7 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -2,7 +2,7 @@ import logoImage from "@/assets/logo.png";
 
 const HeroSection = () => {
   return (
-    <section className="hero-gradient min-h-screen flex flex-col justify-center items-center text-center px-6 py-20 pt-32 relative">
+    <section className="hero-gradient flex flex-col justify-center items-center text-center px-6 py-16 pt-20 pb-12 relative">
       {/* Decorative top border */}
       <div className="absolute top-0 left-0 right-0 h-2 bg-primary/20" />
       
@@ -10,7 +10,7 @@ const HeroSection = () => {
         <img 
           src={logoImage} 
           alt="Lennart Svensson Konditorivaror" 
-          className="h-56 md:h-72 lg:h-80 w-auto mx-auto mb-1 mt-48"
+          className="h-56 md:h-72 lg:h-80 w-auto mx-auto mb-1 mt-8"
         />
 
         <p className="text-muted-foreground text-lg mb-8">
@@ -42,7 +42,7 @@ const HeroSection = () => {
       </div>
 
       {/* Bottom ornament */}
-      <div className="absolute bottom-8 left-1/2 -translate-x-1/2 text-primary/40 font-display text-2xl">
+      <div className="mt-8 text-primary/40 font-display text-2xl">
         ❦
       </div>
     </section>