Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -38,8 +38,6 @@ export default function LandingPage() {
           name: "Metrics",          id: "#metrics"},
         {
           name: "About",          id: "#about"},
-        {
-          name: "Reports",          id: "/reports"},
         {
           name: "Contact",          id: "#contact"},
       ]}
@@ -139,7 +137,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqDouble
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -161,35 +159,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
       useInvertedBackground={false}
       title="Get in Touch with RoboGuard"
       description="Ready to enhance your security? Contact us today for a personalized demo or to discuss your specific needs."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Full Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
-        },
-        {
-          name: "company",          type: "text",          placeholder: "Your Company",          required: false,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?",        rows: 4,
-        required: true,
-      }}
+      tag="Contact Us"
+      background={{ variant: 'plain' }}
+      inputPlaceholder="Your Email Address"
+      buttonText="Send Message"
+      termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
+      onSubmit={(email) => console.log('Contact form submitted with email:', email)}
       imageSrc="http://img.b2bpic.net/free-photo/engineers-overseeing-server-room-with-mockup-device-reading-documentation_482257-120756.jpg"
       imageAlt="High-tech control panel with contact form"
       mediaAnimation="opacity"
       mediaPosition="right"
-      buttonText="Send Message"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
+      logoText="RoboGuard AI"
+      imageSrc="http://img.b2bpic.net/free-photo/futuristic-robot-stands-dark-room_23-2149506619.jpg"
+      imageAlt="RoboGuard AI robot in a dark room"
       columns={[
         {
           title: "Solutions",          items: [
@@ -226,8 +217,8 @@ export default function LandingPage() {
           ],
         },
       ]}
-      bottomLeftText="© 2024 RoboGuard AI. All rights reserved."
-      bottomRightText="Built with advanced security in mind."
+      copyrightText="© 2024 RoboGuard AI. All rights reserved."
+      onPrivacyClick={() => {}}
     />
   </div>
       </ReactLenis>