Update src/app/page.tsx

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, CheckCircle, Shield, Zap } from "lucide-react";
+import { Award, CheckCircle, Shield, Zap, Phone, Mail, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -168,32 +168,45 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "What is the SOG?", content: "SOG is the tactical response unit of the LSPD specialized in high-risk operations." },
-        { id: "q2", title: "How to join?", content: "Prospective members must complete all standard LSPD certifications before SOG tryouts." },
-        { id: "q3", title: "Is SOG SWAT?", content: "SOG fulfills the same tactical role as SWAT within the LSPD operational structure." },
+        { id: "q1", title: "Unit Deployment", content: "SOG units deploy for high-risk warrants, hostage rescue, and barricaded suspect incidents." },
+        { id: "q2", title: "Tactical Equipment", content: "Operators are equipped with state-of-the-art ballistic protection, optical comms, and non-lethal intervention systems." },
+        { id: "q3", title: "Join the Team", content: "Advanced tactical training and specific departmental tenure are required for SOG selection."},
       ]}
-      sideTitle="Deployment FAQs"
-      sideDescription="Common questions regarding SOG operations."
+      title="Tactical FAQs"
+      description="Information regarding unit deployment and engagement protocols."
+      imageSrc="http://img.b2bpic.net/free-photo/tactical-gear-layout_23-2148736342.jpg"
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      tag="Inquiries"
-      title="Contact Dispatch"
-      description="Send inquiries directly to the SOG command office."
-    />
+      <ContactSplitForm
+        useInvertedBackground={false}
+        title="Dispatch Command"
+        description="Submit operational inquiries or request tactical support directly via the SOG Command Form."
+        inputs={[
+            { name: "fullname", type: "text", placeholder: "Full Name" },
+            { name: "email", type: "email", placeholder: "Official Email" },
+            { name: "department", type: "text", placeholder: "Department/Division" }
+        ]}
+        textarea={{ name: "message", placeholder: "Operation Details or Request" }}
+        buttonText="Submit Request"
+        imageSrc="http://img.b2bpic.net/free-photo/dispatch-center-interface_23-2148736345.jpg"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="LSPD SOG"
+      columns={[
+          { title: "Tactical Units", items: [{ label: "Entry Teams", href: "#" }, { label: "Crisis Neg.", href: "#" }, { label: "Logistics", href: "#" }] },
+          { title: "Command", items: [{ label: "Operations Portal", href: "#" }, { label: "Training Logs", href: "#" }, { label: "Chain of Command", href: "#" }] },
+          { title: "Support", items: [{ label: "Help Desk", href: "#" }, { label: "Ethics", href: "#" }, { label: "Public Safety", href: "#" }] }
+      ]}
       copyrightText="© 2025 Los Angeles Police Department - SOG Division"
     />
   </div>