src/app/reservation/page.tsx

@@ -18,20 +18,23 @@ export default function ReservationPage() {
       secondaryButtonStyle="radial-glow"
       headingFontWeight="medium"
     >
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "About", id: "/about" },
-          { name: "Menu", id: "/menu" },
-          { name: "Gallery", id: "gallery" },
-          { name: "Reservation", id: "/reservation" },
-          { name: "Contact", id: "contact" },
-        ]}
-        brandName="Pizzeria Primavera"
-      />
-      <div className="pt-32">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Reservation", id: "/reservation" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Pizzeria Primavera"
+        />
+      </div>
+      <div id="contact" data-section="contact" className="pt-32">
         <ContactCenter
           title="Book Your Table"
+          tag="Reservation"
           description="Experience authentic Italian flavors. Secure your spot today for an unforgettable dinner."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}