src/app/contact/page.tsx

@@ -25,11 +25,11 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           navItems={[
             { name: "Home", id: "/" },
-            { name: "About", id: "/" },
-            { name: "Services", id: "/" },
-            { name: "Destinations", id: "/" },
-            { name: "Reviews", id: "/" },
-            { name: "Contact", href: "/contact" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Destinations", id: "destinations" },
+            { name: "Reviews", id: "reviews" },
+            { name: "Contact", id: "contact" },
           ]}
           brandName="Luxuria"
           button={{ text: "Plan Your Trip", href: "/contact" }}
@@ -40,6 +40,7 @@ export default function ContactPage() {
                 title="Start Planning Your Next Journey"
                 description="Contact our team for personalized travel planning or reservation inquiries."
                 background={{ variant: "plain" }}
+                useInvertedBackground={false}
             />
         </div>
         <FooterCard

src/app/menu/page.tsx

@@ -5,11 +5,22 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
-import { Instagram, Facebook, Linkedin, Utensils, Coffee } from "lucide-react";
+import { Instagram, Facebook, Linkedin, Coffee } from "lucide-react";
 
 export default function MenuPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -17,13 +28,14 @@ export default function MenuPage() {
             { name: "Menu", id: "/menu" },
           ]}
           brandName="Luxuria"
-          button={{ text: "Plan Your Trip", href: "/#contact" }}
+          button={{ text: "Plan Your Trip", href: "/contact" }}
         />
         <FeatureCardTwentySeven
           title="Our Culinary Selections"
           description="Indulge in a world of flavors curated for the discerning palate."
           textboxLayout="default"
           animationType="slide-up"
+          useInvertedBackground={false}
           features={[
             {
               id: "starters",              title: "Appetizers & Starters",              descriptions: [
@@ -44,6 +56,7 @@ export default function MenuPage() {
           animationType="slide-up"
           tag="Drinks"
           tagIcon={Coffee}
+          useInvertedBackground={false}
           features={[
             {
               id: "wine",              title: "Wines & Spirits",              descriptions: [
@@ -69,4 +82,4 @@ export default function MenuPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -7,7 +7,6 @@ import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -34,7 +33,7 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         { name: "Services", id: "services" },
                         { name: "Destinations", id: "destinations" },
                         { name: "Reviews", id: "reviews" },
-                        { name: "Contact", href: "/contact" },
+                        { name: "Contact", id: "contact" },
                     ]}
                     brandName="Luxuria"
                     button={{ text: "Plan Your Trip", href: "/contact" }}