Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function LandingPage() {
   return (
@@ -23,7 +23,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleApple
       navItems={[
         {
           name: "Home",          id: "/"},
@@ -34,31 +34,31 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "/contact"},
       ]}
-      button={{
-        text: "Get a Free Quote",        href: "/contact"}}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
-      logoAlt="FloorCraft Logo"
       brandName="FloorCraft"
     />
   </div>
 
   <div id="contact-form" data-section="contact-form">
-      <ContactText
+      <ContactSplit
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      text="Ready to Transform Your Floors? Contact Us for a Free Quote Today!"
-      buttons={[
-        {
-          text: "Call Us Now: (770) 374-7706",          href: "tel:+15551234567"},
-        {
-          text: "Email Us: Floorcraftt@gmail.com",          href: "mailto:info@floorcraft.com"},
-      ]}
+      title="Ready to Transform Your Floors?"
+      description="Contact Us for a Free Quote Today!"
+      tag="Get in Touch"
+      imageSrc="https://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2147814498.jpg?id=433612503"
+      imageAlt="Contact us for a free quote"
+      mediaPosition="right"
+      mediaAnimation="slide-up"
+      inputPlaceholder="Your Email"
+      buttonText="Submit Request"
+      termsText="By submitting, you agree to our Terms and Conditions."
+      onSubmit={(email) => console.log(email)}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -78,56 +78,25 @@ export default function LandingPage() {
       title="Common Questions About Flooring"
       description="Got questions? We've got answers. Find out everything you need to know about hardwood installation, sanding, maintenance, and our process."
       faqsAnimation="slide-up"
+      imageSrc="https://img.b2bpic.net/free-photo/modern-interior-design-with-empty-wall_23-2151044458.jpg?id=413550269"
+      imageAlt="FAQ section media"
+      mediaAnimation="slide-up"
+      mediaPosition="left"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "Home",              href: "/"},
-            {
-              label: "Services",              href: "/services"},
-            {
-              label: "Gallery",              href: "/gallery"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Hardwood Installation",              href: "/services#hardwood-installation"},
-            {
-              label: "Floor Sanding",              href: "/services#floor-sanding"},
-            {
-              label: "Free Estimates",              href: "/services#free-estimates"},
-            {
-              label: "Custom Designs",              href: "/services#custom-designs"},
-          ],
-        },
-        {
-          title: "About Us",          items: [
-            {
-              label: "Our Story",              href: "/#about"},
-            {
-              label: "Testimonials",              href: "/#home-testimonials"},
-            {
-              label: "Service Areas",              href: "/services#service-areas"},
-            {
-              label: "FAQs",              href: "/contact#faq"},
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
       logoAlt="FloorCraft Logo"
       logoText="FloorCraft"
-      copyrightText="© 2024 FloorCraft. All rights reserved."
+      leftLink={{
+        text: "Home",        href: "/"}}
+      rightLink={{
+        text: "Contact",        href: "/contact"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}