Update src/app/interactive/page.tsx

src/app/interactive/page.tsx

@@ -3,31 +3,31 @@
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
 
 export default function InteractivePage() {
     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={[
-                        { name: "Home", href: "/" },
-                        { name: "FAQ", href: "/faq" },
-                        { name: "Interactive", href: "/interactive" },
-                        { name: "Contact", href: "/contact" },
+                        { name: "Home", id: "/" },
+                        { name: "FAQ", id: "/faq" },
+                        { name: "Interactive", id: "/interactive" },
+                        { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
                 />
-                <div className="py-20 px-6">
-                    <h1 className="text-4xl text-center font-medium mb-10">Journey Configurator</h1>
-                    <ContactCenter
-                        tag="Customize Your Experience"
-                        title="Tell us your preferences"
-                        description="Use this form to specify your travel style, budget, and destination preferences for a custom quote."
-                        background={{ variant: 'canvas-reveal' }}
-                        useInvertedBackground={false}
-                    />
-                </div>
             </ReactLenis>
         </ThemeProvider>
     );