Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, CheckCircle, Shield, Zap, Phone, Mail, MapPin } from "lucide-react";
+import { Award, CheckCircle, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "#hero" },
         { name: "About", id: "#about" },
@@ -39,6 +39,7 @@ export default function LandingPage() {
         { name: "Contact", id: "#contact" },
       ]}
       brandName="LSPD SOG"
+      button={{ text: "Emergency", href: "#contact" }}
     />
   </div>
 
@@ -140,9 +141,9 @@ export default function LandingPage() {
       groups={[
         {
           id: "g1",          groupTitle: "Leadership",          members: [
-            { id: "mem1", title: "Commander", subtitle: "SOG Lead", detail: "Leading with tactical foresight and discipline.", imageSrc: "http://img.b2bpic.net/free-photo/male-soldier-camouflage-fighting-with-gun-dark-wall_140725-95956.jpg" },
-            { id: "mem2", title: "Captain", subtitle: "Tactical Operations", detail: "Ensuring precision across all mission parameters.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321648.jpg" },
-            { id: "mem3", title: "Lieutenant", subtitle: "Training Division", detail: "Focusing on elite skill mastery.", imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235528.jpg" },
+            { id: "mem1", title: "Commander", subtitle: "SOG Lead", detail: "Leading with tactical foresight and discipline.", imageSrc: "https://img.b2bpic.net/free-photo/special-forces-swat-officers-tactical-vests-patrolling-area_23-2149591460.jpg", imageAlt: "SOG swat officer" },
+            { id: "mem2", title: "Captain", subtitle: "Tactical Operations", detail: "Ensuring precision across all mission parameters.", imageSrc: "https://img.b2bpic.net/free-photo/special-forces-swat-officers-carrying-weapon-during-mission_23-2149591456.jpg", imageAlt: "SOG tactical team" },
+            { id: "mem3", title: "Lieutenant", subtitle: "Training Division", detail: "Focusing on elite skill mastery.", imageSrc: "https://img.b2bpic.net/free-photo/security-forces-patrolling-building-interior_23-2149591475.jpg", imageAlt: "SOG operator" },
           ]
         },
       ]}
@@ -168,7 +169,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "Unit Deployment", content: "SOG units deploy for high-risk warrants, hostage rescue, and barricaded suspect incidents." },
@@ -177,7 +178,6 @@ export default function LandingPage() {
       ]}
       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"
     />
@@ -200,14 +200,14 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="LSPD SOG"
+      <FooterSimple
+      bottomLeftText="LSPD SOG"
+      bottomRightText="© 2025 Los Angeles Police Department - SOG Division"
       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>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #1f7cff;
+  --background: #050505;
+  --card: #101010;
+  --foreground: #f0f0f0;
+  --primary-cta: #00d4ff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #333333;
   --secondary-cta-text: #ffffff;
-  --accent: #1f7cff;
-  --background-accent: #f96b2f;
+  --accent: #ff007a;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);