diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3b372a..6f49a37 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,10 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Zap, TrendingUp, Users, Calendar, Share2, Code } from "lucide-react";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Zap, TrendingUp, Users, Calendar, Share2, Code, ArrowRight } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -72,35 +72,41 @@ export default function HomePage() {
         />
       </div>
       <div id="pricing-section" data-section="pricing-section" className="py-24">
-        <PricingCardTwo 
+        <PricingCardFive
           title="Scale Your Success"
-          description="Transparent pricing for high-impact AI marketing."
+          description="Transparent, enterprise-grade pricing for high-impact AI marketing performance."
           animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
+          textboxLayout="split"
+          useInvertedBackground={true}
           plans={[
-            { id: "basic", badge: "Growth", price: "$2,999", subtitle: "Perfect for emerging startups", features: ["4 AI Agents", "Basic CRM", "Standard n8n"], buttons: [{ text: "Select Plan", href: "/auth" }] },
-            { id: "pro", badge: "Power", price: "$5,999", subtitle: "For scaling businesses", features: ["8 AI Agents", "Full CRM", "Advanced n8n"], buttons: [{ text: "Select Plan", href: "/auth" }] },
-            { id: "enterprise", badge: "Elite", price: "$12,999", subtitle: "Full platform potential", features: ["12 AI Agents", "Unlimited CRM", "Dedicated Support"], buttons: [{ text: "Select Plan", href: "/auth" }] }
+            { id: "basic", tag: "Essential", price: "$2,999", period: "/mo", description: "For teams starting their autonomous journey.", featuresTitle: "What's Included", features: ["4 AI Agents", "Basic CRM Access", "Standard n8n Templates"], button: { text: "Get Started" } },
+            { id: "pro", tag: "Growth", price: "$5,999", period: "/mo", description: "For scaling businesses needing full automation.", featuresTitle: "What's Included", features: ["8 AI Agents", "Full CRM Suite", "Advanced n8n Workflows"], button: { text: "Upgrade Pro" } },
+            { id: "enterprise", tag: "Elite", price: "$12,999", period: "/mo", description: "Unlimited potential with white-glove support.", featuresTitle: "What's Included", features: ["12 AI Agents", "Unlimited CRM & Data", "Dedicated Strategy Lead"], button: { text: "Contact Sales" } }
           ]}
         />
       </div>
       <div id="faq-section" data-section="faq-section">
-        <FaqSplitMedia 
-          title="Common Questions"
-          description="Everything you need to know about our Go-based AI marketing platform."
+        <FaqSplitText 
+          sideTitle="Expert Insights"
+          sideDescription="Answers to the most common questions about our AI-native infrastructure."
           faqsAnimation="blur-reveal"
-          textboxLayout="split"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           faqs={[
-            { id: "f1", title: "How does Go backend help?", content: "Our Go backend ensures ultra-low latency, high concurrency, and massive scalability compared to traditional node-only stacks." },
-            { id: "f2", title: "Is CRM included?", content: "Yes, our robust CRM is integrated directly into the agents' workflow." },
-            { id: "f3", title: "Can I custom build agents?", content: "Absolutely, our system allows for modular extension through our Go & n8n interface." }
+            { id: "f1", title: "How does the Go backend perform?", content: "Our Go-based architecture ensures ultra-low latency, robust thread-safety, and seamless high-concurrency scaling for your heaviest marketing loads." },
+            { id: "f2", title: "Can I integrate with my CRM?", content: "Absolutely. Our CRM system is natively built into the agent orchestration layer, providing deep synchronization with your existing data environment." },
+            { id: "f3", title: "How customizable are the agents?", content: "We provide a modular API-first architecture, allowing you to define custom agent behaviors via our interface or direct n8n workflow integrations." }
           ]}
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterCard logoText="AI-MarketOS" copyrightText="© 2025 AI-MarketOS. Built with Go & MERN." />
+        <FooterLogoEmphasis 
+          logoText="AI-MarketOS"
+          columns={[
+            { items: [{ label: "Platform" }, { label: "Security" }, { label: "Privacy Policy" }] },
+            { items: [{ label: "Agents" }, { label: "Workflows" }, { label: "Integrations" }] },
+            { items: [{ label: "Support" }, { label: "Contact Sales" }, { label: "Documentation" }] }
+          ]}
+        />
       </div>
     </ThemeProvider>
   );
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 018e8e2..80b205b 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #0a0a0a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #f1f1f1;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --accent: #e5e5e5;
+  --background-accent: #f4f4f4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);