Merge version_4 into main

Merge version_4 into main

src/app/reserve/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useState } from "react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
@@ -11,11 +11,23 @@ export default function ReservePage() {
   const [date, setDate] = useState("");
 
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           navItems={[
             { name: "Home", id: "/" },
+            { name: "Reserve", id: "/reserve" }
           ]}
           brandName="Saffron & Silk"
         />
@@ -43,7 +55,10 @@ export default function ReservePage() {
         </div>
       </main>
       <div id="footer" data-section="footer">
-        <FooterBaseCard logoText="Saffron & Silk" columns={[]} />
+        <FooterBaseCard 
+          logoText="Saffron & Silk" 
+          columns={[]} 
+        />
       </div>
     </ThemeProvider>
   );