Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -53,7 +53,13 @@ export default function LandingPage() {
       description="Profesionalne frizerske usluge u srcu Novog Sada. Bulevar Jovana Dučića 39D."
       buttons={[
         {
-          text: "Zakažite termin",          href: "#contact"},
+          text: "Zakažite termin",          onClick: () => {
+            const element = document.getElementById("contact");
+            if (element) {
+              element.scrollIntoView({ behavior: "smooth" });
+            }
+          }
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg"
     />
@@ -108,7 +114,13 @@ export default function LandingPage() {
         {
           id: "basic",          name: "Osnovno šišanje",          price: "1.500 RSD",          buttons: [
             {
-              text: "Rezerviši termin",              href: "#contact"},
+              text: "Rezerviši termin",              onClick: () => {
+                const element = document.getElementById("contact");
+                if (element) {
+                  element.scrollIntoView({ behavior: "smooth" });
+                }
+              }
+            },
           ],
           features: [
             "Pranje kose",            "Šišanje",            "Feniranje"],
@@ -116,7 +128,13 @@ export default function LandingPage() {
         {
           id: "pro",          name: "Farbanje",          price: "4.500 RSD",          buttons: [
             {
-              text: "Rezerviši termin",              href: "#contact"},
+              text: "Rezerviši termin",              onClick: () => {
+                const element = document.getElementById("contact");
+                if (element) {
+                  element.scrollIntoView({ behavior: "smooth" });
+                }
+              }
+            },
           ],
           features: [
             "Profesionalna boja",            "Nega",            "Feniranje"],
@@ -124,7 +142,13 @@ export default function LandingPage() {
         {
           id: "premium",          name: "Komplet nega",          price: "6.000 RSD",          buttons: [
             {
-              text: "Rezerviši termin",              href: "#contact"},
+              text: "Rezerviši termin",              onClick: () => {
+                const element = document.getElementById("contact");
+                if (element) {
+                  element.scrollIntoView({ behavior: "smooth" });
+                }
+              }
+            },
           ],
           features: [
             "Maska",            "Šišanje",            "Stilizovanje"],