Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -52,8 +52,7 @@ export default function LandingPage() {
       bottomLeftText="Kungsbacka"
       bottomRightText="info@klipptider.se"
       button={{
-        text: "Boka tid",        href: "#",        onClick: () => console.log('Boka tid clicked'),
-      }}
+        text: "Boka tid",        href: "#contact"}}
     />
   </div>
 
@@ -66,7 +65,10 @@ export default function LandingPage() {
       description="Klipptider skrapar Bokadirekt åt dig och visar lediga tider från de bästa salongerna i Kungsbacka. Filtrera på datum och salong, klicka och boka direkt!"
       buttons={[
         {
-          text: "Hitta din tid nu",          href: "#features"},
+          text: "Hitta din tid nu",          onClick: () => {
+            document.getElementById("features")?.scrollIntoView({ behavior: "smooth" });
+          },
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/filling-beer-glass_23-2148111236.jpg"
       imageAlt="A screenshot of the Klipptider web app dashboard showing available hair salon appointments filtered by date and salon."