Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -32,23 +32,26 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#hero"},
+          name: "Home",          id: "hero"},
         {
-          name: "Chi Siamo",          id: "#about"},
+          name: "Chi Siamo",          id: "about"},
         {
-          name: "Menù",          id: "#menu"},
+          name: "Menù",          id: "menu"},
         {
-          name: "Servizi",          id: "#features"},
+          name: "Servizi",          id: "features"},
         {
-          name: "Dicono di Noi",          id: "#testimonials"},
+          name: "Dicono di Noi",          id: "testimonials"},
         {
-          name: "Contatti",          id: "#contact"},
+          name: "Contatti",          id: "contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-profile-picture-template_742173-9181.jpg"
       logoAlt="Caffetteria del Centro Logo"
       brandName="Caffetteria del Centro"
       button={{
-        text: "Ordina Ora",        href: "#contact"}}
+        text: "Ordina Ora",        onClick: () => {
+          document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' });
+        }
+      }}
     />
   </div>
 
@@ -58,9 +61,12 @@ export default function LandingPage() {
       description="Il cuore pulsante del gusto e della tradizione nel centro della città, dove ogni tazza racconta una storia."
       buttons={[
         {
-          text: "Scopri il Menù",          href: "#menu"},
+          text: "Scopri il Menù",          href: "menu"},
         {
-          text: "Vieni a Trovarci",          href: "#contact"},
+          text: "Vieni a Trovarci",          onClick: () => {
+            document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' });
+          }
+        },
       ]}
       slides={[
         {
@@ -232,21 +238,21 @@ export default function LandingPage() {
         {
           title: "Esplora",          items: [
             {
-              label: "Home",              href: "#hero"},
+              label: "Home",              href: "hero"},
             {
-              label: "Menù",              href: "#menu"},
+              label: "Menù",              href: "menu"},
             {
-              label: "Servizi",              href: "#features"},
+              label: "Servizi",              href: "features"},
           ],
         },
         {
           title: "Azienda",          items: [
             {
-              label: "Chi Siamo",              href: "#about"},
+              label: "Chi Siamo",              href: "about"},
             {
-              label: "Dicono di Noi",              href: "#testimonials"},
+              label: "Dicono di Noi",              href: "testimonials"},
             {
-              label: "Contatti",              href: "#contact"},
+              label: "Contatti",              href: "contact"},
           ],
         },
         {
@@ -264,4 +270,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}