From 2e4170ed41e49f3a4effeb3d6e31e4f85b48989c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 21:06:55 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 93670fd..2bfbb64 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,10 +1,10 @@
 'use client';
 
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ContactForm from '@/components/form/ContactForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import Link from 'next/link';
 
 export default function ContactPage() {
@@ -32,11 +32,12 @@ export default function ContactPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingInline
           navItems={navItems}
           brandName="My Website"
           logoSrc="/placeholder-logo.svg"
           logoAlt="Company Logo"
+          button={{ text: "Learn More", href: "#" }}
         />
       </div>
       <div id="contact-form" data-section="contact-form">
@@ -44,10 +45,12 @@ export default function ContactPage() {
           title="Get in touch"
           description="Fill out the form below to contact us."
           onSubmit={(data) => console.log(data)}
+          tag="Contact"
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq-section" data-section="faq-section">
-        <FaqSplitText
+        <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Find answers to common questions."
           faqs={[
@@ -57,10 +60,12 @@ export default function ContactPage() {
           faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          imageSrc="https://images.unsplash.com/photo-1549692520-acc66692997b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTYwNXwwfDF8YWxsfDV8fHx8fHwyfHwxNzA4NjA4NzU4fA&ixlib=rb-4.0.3&q=80&w=400"
+          imageAlt="FAQ Image"
         />
       </div>
       <div id="contact-text-section" data-section="contact-text-section">
-        <ContactText
+        <ContactCenter
           tag="Contact Info"
           title="Our Location"
           description="Visit us at our office or call us."