Update src/app/appointments/page.tsx

src/app/appointments/page.tsx

@@ -8,12 +8,13 @@ import ReactLenis from "lenis/react";
 
 export default function AppointmentsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleFullscreen
           brandName="GreenScape"
           navItems={[
-            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
             { name: "Appointments", id: "/appointments" },
             { name: "Contact", id: "/contact" },
           ]}
@@ -28,6 +29,7 @@ export default function AppointmentsPage() {
             ]}
             textarea={{ name: "details", placeholder: "What services do you need?", rows: 4 }}
             buttonText="Confirm Booking"
+            useInvertedBackground={false}
           />
         </div>
         <FooterSimple 
@@ -38,4 +40,4 @@ export default function AppointmentsPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}