Replace hero logo with image

Imported logo.png and use it in HeroSection replacing text headings with centered logo image, adjusting sizing for responsiveness.

X-Lovable-Edit-ID: edt-ce60b007-e32c-402b-bc3f-888fdce0f8ae

src/components/HeroSection.tsx

@@ -1,3 +1,5 @@
+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">
@@ -5,12 +7,11 @@ const HeroSection = () => {
       <div className="absolute top-0 left-0 right-0 h-2 bg-primary/20" />
       
       <div className="animate-fade-up max-w-4xl">
-        <h1 className="font-display text-4xl md:text-5xl lg:text-6xl font-semibold mb-4 text-foreground">
-          Lennart Svensson
-        </h1>
-        <p className="font-display text-xl md:text-2xl text-primary mb-6">
-          Konditorivaror
-        </p>
+        <img 
+          src={logoImage} 
+          alt="Lennart Svensson Konditorivaror" 
+          className="h-48 md:h-56 lg:h-64 w-auto mx-auto mb-8"
+        />
 
         <p className="text-muted-foreground text-lg mb-8">
           Svenskt konditorhantverk sedan 1953