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,38 +186,43 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",          title: "Kako zakazati termin?",          content: "Pozovite nas na 066 416253."},
+          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: "Da li radite vikendom?",          content: "Da, radimo subotom do 16h."},
+          id: "f2",          title: "Koje su metode plaćanja?",          content: "Prihvatamo gotovinsko plaćanje i platne kartice."},
         {
-          id: "f3",          title: "Gde se nalazite?",          content: "Bulevar Jovana Dučića 39D, Novi Sad."},
+          id: "f3",          title: "Da li je potrebno zakazivanje unapred?",          content: "Da, preporučujemo zakazivanje bar 2-3 dana unapred radi dostupnosti termina."},
+        {
+          id: "f4",          title: "Radno vreme?",          content: "Radimo svakog radnog dana od 09h do 20h, a subotom od 09h do 16h."},
       ]}
       title="Često postavljena pitanja"
-      description="Sve informacije na jednom mestu."
+      description="Saznajte sve bitne informacije o našem radu."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      buttonText="Zakažite svoj termin"
       useInvertedBackground={false}
-      title="Rezervišite termin"
-      description="Bulevar Jovana Dučića 39D, Novi Sad. Telefon: 066 416253"
+      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>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="Frizerski Salon"
+      logoText="Frizerski Salon Novi Sad"
       leftLink={{
         text: "Bulevar Jovana Dučića 39D",        href: "#"}}
       rightLink={{
@@ -203,4 +232,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #fbfaf8;
   --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
+  --foreground: #1a1a1a;
+  --primary-cta: #c6a87d;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f1eee9;
   --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --accent: #d4b98c;
+  --background-accent: #e7e2d9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);