Update src/app/prenotazioni/page.tsx

Merge version_1 into main

src/app/contatti/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export const generateMetadata = () => {
+  return {
+    title: "Contattaci - Il Paisiello",    description: "Per qualsiasi domanda, informazione o richiesta speciale, non esitare a contattare Il Paisiello, ristorante di pesce a Veglie (LE)."
+  };
+};
+
+export default function ContattiPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Chi siamo", id: "/#about" },
+    { name: "Menu", id: "/#menu" },
+    { name: "Recensioni", id: "/#reviews" },
+    { name: "Esperienza", id: "/#experience" },
+    { name: "Prenotazioni", id: "/prenotazioni" },
+    { name: "Contatti", id: "/contatti" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="none"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={navItems} brandName="Il Paisiello" />
+        </div>
+
+        <div id="contact-info" data-section="contact-info">
+          <ContactCTA
+            tag="Contattaci"
+            title="Siamo qui per te"
+            description="Per prenotazioni, informazioni o qualsiasi altra esigenza, non esitare a raggiungerci. Siamo aperti per pranzo e cena."
+            buttons={[
+              {
+                text: "Chiamaci: 320 199 2518",                href: "tel:3201992518"
+              },
+              {
+                text: "Trova la nostra posizione",                href: "https://www.google.com/maps/dir/?api=1&destination=Via+Monte+Grappa,+68,+73010+Veglie+LE"
+              }
+            ]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            className="py-24"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150901153.jpg"
+            imageAlt="Atmosfera serale del ristorante Il Paisiello"
+            logoText="Il Paisiello"
+            columns={[
+              {
+                title: "Menu",          items: [
+                  {
+                    label: "Piatti Iconici",              href: "/#menu"},
+                  {
+                    label: "Crudi e Carpacci",              href: "/#menu"},
+                  {
+                    label: "Specialità dello Chef",              href: "/#menu"},
+                ],
+              },
+              {
+                title: "Informazioni",          items: [
+                  {
+                    label: "Chi Siamo",              href: "/#about"},
+                  {
+                    label: "Prenotazioni",              href: "/prenotazioni"},
+                  {
+                    label: "Contatti",              href: "/contatti"},
+                ],
+              },
+              {
+                title: "Legale",          items: [
+                  {
+                    label: "Privacy Policy",              href: "#"},
+                  {
+                    label: "Termini di Servizio",              href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Il Paisiello. Tutti i diritti riservati."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
@@ -32,17 +31,19 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "#hero"},
+          name: "Home",          id: "/"},
         {
-          name: "Chi siamo",          id: "#about"},
+          name: "Chi siamo",          id: "/#about"},
         {
-          name: "Menu",          id: "#menu"},
+          name: "Menu",          id: "/#menu"},
         {
-          name: "Recensioni",          id: "#reviews"},
+          name: "Recensioni",          id: "/#reviews"},
         {
-          name: "Esperienza",          id: "#experience"},
+          name: "Esperienza",          id: "/#experience"},
         {
-          name: "Contatti",          id: "#contact"},
+          name: "Prenotazioni",          id: "/prenotazioni"},
+        {
+          name: "Contatti",          id: "/contatti"},
       ]}
       brandName="Il Paisiello"
     />
@@ -75,9 +76,9 @@ export default function LandingPage() {
       testimonialRotationInterval={5000}
       buttons={[
         {
-          text: "Prenota ora",          href: "tel:3201992518"},
+          text: "Prenota ora",          href: "/prenotazioni"},
         {
-          text: "Guarda il menu",          href: "#menu"},
+          text: "Guarda il menu",          href: "/#menu"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/spaghetti-with-mussels_1150-18483.jpg"
       imageAlt="Piatti di pesce eleganti al Paisiello"
@@ -131,7 +132,7 @@ export default function LandingPage() {
       description="Scopri una selezione delle nostre creazioni più amate e le specialità dello chef, preparate con pesce freschissimo e passione. Un assaggio del nostro menu completo."
       buttons={[
         {
-          text: "Vedi menu completo",          href: "#"},
+          text: "Vedi menu completo",          href: "/#menu"},
       ]}
     />
   </div>
@@ -219,20 +220,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      text="Ci troviamo a Veglie, nel cuore del Salento. Ti aspettiamo per un'esperienza culinaria indimenticabile. Prenota il tuo tavolo oggi!"
-      buttons={[
-        {
-          text: "Prenota ora",          href: "tel:3201992518"},
-        {
-          text: "Portami qui",          href: "https://www.google.com/maps/dir/?api=1&destination=Via+Monte+Grappa,+68,+73010+Veglie+LE"},
-      ]}
-    />
-  </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
@@ -243,21 +230,21 @@ export default function LandingPage() {
         {
           title: "Menu",          items: [
             {
-              label: "Piatti Iconici",              href: "#menu"},
+              label: "Piatti Iconici",              href: "/#menu"},
             {
-              label: "Crudi e Carpacci",              href: "#menu"},
+              label: "Crudi e Carpacci",              href: "/#menu"},
             {
-              label: "Specialità dello Chef",              href: "#menu"},
+              label: "Specialità dello Chef",              href: "/#menu"},
           ],
         },
         {
           title: "Informazioni",          items: [
             {
-              label: "Chi Siamo",              href: "#about"},
+              label: "Chi Siamo",              href: "/#about"},
             {
-              label: "Orari",              href: "#contact"},
+              label: "Prenotazioni",              href: "/prenotazioni"},
             {
-              label: "Contatti",              href: "#contact"},
+              label: "Contatti",              href: "/contatti"},
           ],
         },
         {
@@ -275,4 +262,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/prenotazioni/page.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactForm from '@/components/form/ContactForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export const generateMetadata = () => {
+  return {
+    title: "Prenota il tuo tavolo - Il Paisiello",    description: "Richiedi una prenotazione al ristorante Il Paisiello a Veglie (LE). Compila il modulo e ti contatteremo per confermare il tuo tavolo."
+  };
+};
+
+export default function PrenotazioniPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Chi siamo", id: "/#about" },
+    { name: "Menu", id: "/#menu" },
+    { name: "Recensioni", id: "/#reviews" },
+    { name: "Esperienza", id: "/#experience" },
+    { name: "Prenotazioni", id: "/prenotazioni" },
+    { name: "Contatti", id: "/contatti" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="none"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={navItems} brandName="Il Paisiello" />
+        </div>
+
+        <div id="prenota" data-section="prenota">
+          <ContactForm
+            tag="Prenotazione"
+            title="Richiedi una prenotazione"
+            description="Compila il modulo per inviarci la tua richiesta. Ti contatteremo il prima possibile per confermare il tuo tavolo."
+            inputPlaceholder="La tua email"
+            buttonText="Invia richiesta"
+            termsText="Cliccando su 'Invia richiesta' accetti di essere contattato per la tua prenotazione."
+            centered={true}
+            className="py-24"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150901153.jpg"
+            imageAlt="Atmosfera serale del ristorante Il Paisiello"
+            logoText="Il Paisiello"
+            columns={[
+              {
+                title: "Menu",          items: [
+                  {
+                    label: "Piatti Iconici",              href: "/#menu"},
+                  {
+                    label: "Crudi e Carpacci",              href: "/#menu"},
+                  {
+                    label: "Specialità dello Chef",              href: "/#menu"},
+                ],
+              },
+              {
+                title: "Informazioni",          items: [
+                  {
+                    label: "Chi Siamo",              href: "/#about"},
+                  {
+                    label: "Prenotazioni",              href: "/prenotazioni"},
+                  {
+                    label: "Contatti",              href: "/contatti"},
+                ],
+              },
+              {
+                title: "Legale",          items: [
+                  {
+                    label: "Privacy Policy",              href: "#"},
+                  {
+                    label: "Termini di Servizio",              href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Il Paisiello. Tutti i diritti riservati."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}