Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,32 +3,32 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactText from "@/components/sections/contact/ContactText";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 import { HelpCircle } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
-    { name: "About", id: "about" },
-    { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" }
+    { name: "Features", id: "/features" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "About", id: "/about" },
+    { name: "FAQ", id: "/contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="outline"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -54,17 +54,13 @@ export default function ContactPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
+        <FaqDouble
           tag="Help"
           tagIcon={HelpCircle}
           title="Frequently Asked Questions"
           description="Find answers to common questions about Guesto's features and pricing."
           textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-vector/faq-concept_23-2148147003.jpg"
-          imageAlt="FAQ Support"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
           faqsAnimation="slide-up"
           faqs={[
             {
@@ -98,18 +94,18 @@ export default function ContactPage() {
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "/pricing" },
                 { label: "Security", href: "#" },
                 { label: "Roadmap", href: "#" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -124,4 +120,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}