Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import { Eye, Lightbulb, Shield, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -103,30 +103,28 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardEight
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Membership Levels"
       description="Choose your path to cyber mastery."
       plans={[
-        { id: "p1", name: "Scout", price: "Free", features: ["Basic Academy Access", "Community Forum"], buttons: [{ text: "Start Now", href: "/academy" }] },
-        { id: "p2", name: "Agent", price: "$29/mo", features: ["Full Academy", "Command Tools", "Daily News"], buttons: [{ text: "Upgrade", href: "/academy" }] },
-        { id: "p3", name: "Elite", price: "$99/mo", features: ["Private Mentor", "Custom Commands", "Priority Support"], buttons: [{ text: "Apply Now", href: "/contact" }] }
+        { id: "p1", badge: "Initiate", price: "Free", subtitle: "Core access to platform", features: ["Basic Academy Access", "Community Forum"], buttons: [{ text: "Start Now", href: "/academy" }] },
+        { id: "p2", badge: "Operative", price: "$29/mo", subtitle: "Professional grade tools", features: ["Full Academy", "Command Tools", "Daily News"], buttons: [{ text: "Upgrade", href: "/academy" }] },
+        { id: "p3", badge: "Elite", price: "$99/mo", subtitle: "Maximum security status", features: ["Private Mentor", "Custom Commands", "Priority Support"], buttons: [{ text: "Apply Now", href: "/contact" }] }
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Platform", items: [{ label: "Academy", href: "/academy" }, { label: "Commands", href: "/commands" }] },
-        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "News", href: "/news" }] }
-      ]}
+      <FooterLogoReveal
       logoText="MHI Cyber Shield"
+      leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+      rightLink={{ text: "Contact", href: "/contact" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}