Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -39,7 +39,7 @@ export default function LandingPage() {
         {
           name: "Cenovnik",          id: "pricing"},
         {
-          name: "Kontakt",          id: "contact"},
+          name: "Rezervacija",          id: "contact"},
       ]}
       brandName="Frizerski Salon Novi Sad"
     />
@@ -53,7 +53,13 @@ export default function LandingPage() {
       description="Profesionalne frizerske usluge u srcu Novog Sada. Bulevar Jovana Dučića 39D."
       buttons={[
         {
-          text: "Rezerviši 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",              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",              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",              href: "#contact"},
+              text: "Rezerviši termin",              onClick: () => {
+                const element = document.getElementById("contact");
+                if (element) {
+                  element.scrollIntoView({ behavior: "smooth" });
+                }
+              }
+            },
           ],
           features: [
             "Maska",            "Šišanje",            "Stilizovanje"],
@@ -162,7 +186,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",          title: "Kako da zakažem termin?",          content: "Termin možete zakazati pozivom na naš broj telefona 066 416253 ili dolaskom u salon."},
+          id: "f1",          title: "Kako da zakažem termin?",          content: "Termin možete zakazati putem forme ispod, pozivom na 066 416253 ili dolaskom u salon."},
         {
           id: "f2",          title: "Koje su metode plaćanja?",          content: "Prihvatamo gotovinsko plaćanje i platne kartice."},
         {
@@ -178,17 +202,20 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      buttonText="Zakažite svoj termin"
       useInvertedBackground={false}
-      title="Rezervišite termin"
-      description="Posetite nas na adresi Bulevar Jovana Dučića 39D, Novi Sad ili nas pozovite na 066 416253 za sve upite."
+      title="Online rezervacija"
+      description="Popunite formu kako bismo vas kontaktirali i potvrdili vaš termin. Radujemo se vašem dolasku!"
       inputs={[
         {
-          name: "Ime",          type: "text",          placeholder: "Vaše ime"},
+          name: "Ime i prezime",          type: "text",          placeholder: "Unesite vaše ime i prezime",          required: true},
         {
-          name: "Telefon",          type: "tel",          placeholder: "Vaš telefon"},
+          name: "Telefon",          type: "tel",          placeholder: "Unesite vaš broj telefona",          required: true},
+        {
+          name: "Datum",          type: "date",          placeholder: "Željeni datum",          required: true},
       ]}
       textarea={{
-        name: "poruka",        placeholder: "Dodatne napomene"}}
+        name: "poruka",        placeholder: "Željena usluga ili dodatne napomene"}}
       imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
     />
   </div>
@@ -205,4 +232,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}