Changes

src/components/HeroSection.tsx

@@ -1,38 +1,53 @@
 const HeroSection = () => {
   return (
-    <section className="hero-gradient min-h-screen flex flex-col justify-center items-center text-center px-6 relative overflow-hidden">
-      {/* Background glow effect */}
-      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-primary/10 rounded-full blur-3xl pointer-events-none" />
+    <section className="hero-gradient min-h-screen flex flex-col justify-center items-center text-center px-6 py-20 relative">
+      {/* Decorative top border */}
+      <div className="absolute top-0 left-0 right-0 h-2 bg-primary/20" />
       
-      <div className="relative z-10 animate-fade-up">
-        <p className="text-primary uppercase tracking-[0.3em] text-sm font-medium mb-6">
-          Lennart Svenssons Konditorivaror
+      <div className="animate-fade-up max-w-4xl">
+        {/* Ornamental divider */}
+        <div className="divider-ornament mb-8">
+          <span className="ornament">✦</span>
+        </div>
+
+        <p className="text-primary uppercase tracking-[0.4em] text-sm font-semibold mb-4">
+          Sedan 1974
         </p>
 
-        <h1 className="font-display text-5xl md:text-7xl font-bold mb-6 leading-tight">
-          Kakabonnemang <br />
-          <span className="text-gradient">för företag</span>
+        <h1 className="font-display text-5xl md:text-7xl font-semibold mb-4 leading-tight text-foreground italic">
+          Lennart Svenssons
         </h1>
+        
+        <p className="font-display text-3xl md:text-4xl mb-2 text-primary font-medium">
+          Konditorivaror
+        </p>
 
-        <p className="max-w-xl text-muted-foreground text-lg md:text-xl mb-12 font-light leading-relaxed">
-          Premium konditorikakor levererade automatiskt till ert kontor.
+        <div className="divider-ornament my-8">
+          <span className="ornament">❧</span>
+        </div>
+
+        <h2 className="font-display text-2xl md:text-3xl font-medium mb-6 text-foreground">
+          Kakabonnemang för företag
+        </h2>
+
+        <p className="max-w-xl mx-auto text-muted-foreground text-lg mb-12 leading-relaxed">
+          Genuina konditorikakor bakade med tradition och omsorg, 
+          levererade direkt till ert kontor. 
           <br />
-          Enkel beställning. Fasta leveranser. Maximal arbetsglädje.
+          <em>Smaken av äkta svenskt hantverk.</em>
         </p>
 
         <a
           href="#plans"
-          className="btn-primary inline-block px-12 py-5 text-lg"
+          className="btn-classic inline-block px-10 py-4 text-lg rounded-sm"
         >
           Starta ert abonnemang
         </a>
       </div>
 
-      {/* Scroll indicator */}
-      <div className="absolute bottom-10 left-1/2 -translate-x-1/2 animate-float">
-        <div className="w-6 h-10 border-2 border-muted-foreground/30 rounded-full flex justify-center pt-2">
-          <div className="w-1 h-2 bg-primary rounded-full" />
-        </div>
+      {/* Bottom ornament */}
+      <div className="absolute bottom-8 left-1/2 -translate-x-1/2 text-primary/40 font-display text-2xl">
+        ❦
       </div>
     </section>
   );