Merge version_3 into main

Merge version_3 into main

src/app/booking/page.tsx

@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "#hero"
+              },
+              {
+                name: "Perché Sceglierci",                id: "#why-choose-us"
+              },
+              {
+                name: "Il Nostro Metodo",                id: "#method"
+              },
+              {
+                name: "Servizi",                id: "#services"
+              },
+              {
+                name: "Recensioni",                id: "#reviews"
+              },
+              {
+                name: "Team",                id: "#team"
+              },
+              {
+                name: "Galleria",                id: "#gallery"
+              },
+              {
+                name: "Prenota",                id: "/booking"
+              },
+              {
+                name: "Contatti",                id: "#contact"
+              }
+            ]}
+            brandName="THE FABRIC SALON"
+          />
+        </div>
+
+        <div id="booking-cta" data-section="booking-cta">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{
+              variant: "sparkles-gradient"
+            }}
+            tag="Prenota il Tuo Stile"
+            title="Fissa un Appuntamento Oggi Stesso!"
+            description="Scegli il giorno e l'ora che preferisci per trasformare il tuo look. La tua bellezza è la nostra priorità."
+            buttons={[
+              {
+                text: "Prenota ora",                href: "https://example.com/your-booking-system" // Placeholder for external booking system
+              }
+            ]}
+            buttonAnimation="opacity"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="THE FABRIC SALON"
+            leftLink={{
+              text: "Privacy Policy",              href: "#"
+            }}
+            rightLink={{
+              text: "Termini di Servizio",              href: "#"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -47,6 +47,8 @@ export default function LandingPage() {
           name: "Team",          id: "#team"},
         {
           name: "Galleria",          id: "#gallery"},
+        {
+          name: "Prenota",          id: "/booking"},
         {
           name: "Contatti",          id: "#contact"},
       ]}
@@ -62,7 +64,7 @@ export default function LandingPage() {
       description="Taglio, colore e consulenza personalizzata in un ambiente rilassante nel cuore di Feltre."
       buttons={[
         {
-          text: "Prenota ora",          href: "#promo"},
+          text: "Prenota ora",          href: "/booking"},
         {
           text: "Chiamaci",          href: "tel:+390439880283"},
       ]}
@@ -242,7 +244,7 @@ export default function LandingPage() {
       description="Ricevi una consulenza personalizzata gratuita per scoprire il look più adatto a te. Non facciamo semplicemente capelli. Creiamo identità."
       buttons={[
         {
-          text: "Prenota la tua consulenza",          href: "#"},
+          text: "Prenota la tua consulenza",          href: "/booking"},
       ]}
       buttonAnimation="opacity"
     />