Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,37 +1,36 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Services", id: "services" },
-    { name: "Portfolio", id: "portfolio" },
-    { name: "About", id: "about" },
-    { name: "Insights", id: "blog" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "Services", id: "#services" },
+    { name: "About", id: "#about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const navButton = {
-    text: "View Our Work",    href: "/portfolio"};
+    text: "Get Started",    href: "#"};
 
   const footerColumns = [
     {
-      title: "Services",      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "Development", href: "/services" },
-        { label: "UX/UI Strategy", href: "/services" },
-        { label: "Brand & Identity", href: "/services" },
+      title: "Product",      items: [
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
+        { label: "Security", href: "#security" },
+        { label: "Enterprise", href: "#enterprise" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Portfolio", href: "/portfolio" },
-        { label: "Team", href: "/about" },
+        { label: "About", href: "#about" },
+        { label: "Blog", href: "/blog" },
+        { label: "Careers", href: "#careers" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -39,8 +38,8 @@ export default function ContactPage() {
       title: "Connect",      items: [
         { label: "LinkedIn", href: "https://linkedin.com" },
         { label: "Twitter", href: "https://twitter.com" },
-        { label: "Instagram", href: "https://instagram.com" },
-        { label: "Dribbble", href: "https://dribbble.com" },
+        { label: "GitHub", href: "https://github.com" },
+        { label: "Discord", href: "https://discord.com" },
       ],
     },
   ];
@@ -59,7 +58,7 @@ export default function ContactPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingInline
           brandName="Apex Digital"
           navItems={navItems}
           button={navButton}
@@ -83,14 +82,15 @@ export default function ContactPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Everything you need to know about working with Apex Digital Partners"
           tag="FAQ"
           textboxLayout="default"
           faqsAnimation="none"
-          animationType="smooth"
+          mediaAnimation="none"
           useInvertedBackground={false}
+          mediaPosition="left"
           faqs={[
             {
               id: "1",              title: "What is your typical project timeline?",              content:
@@ -117,6 +117,8 @@ export default function ContactPage() {
               id: "8",              title: "How do you approach SEO?",              content:
                 "SEO is built into our development process from day one. We implement technical SEO best practices, optimize performance, ensure mobile-responsiveness, and provide ongoing optimization strategies."},
           ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png"
+          imageAlt="FAQ illustration"
         />
       </div>
 
@@ -129,4 +131,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}