diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index b0c9a40..d41d689 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -1,42 +1,40 @@
 "use client";
 
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Zap, Sparkles, Crown, CreditCard } from "lucide-react";
 import Link from "next/link";
-import { CreditCard, Zap, Crown } from "lucide-react";
 
 export default function PricingPage() {
   const navItems = [
-    { name: "Features", id: "features" },
-    { name: "How It Works", id: "how-it-works" },
-    { name: "Pricing", id: "pricing" },
-    { name: "Contact", id: "contact" },
+    { name: "Features", id: "/" },
+    { name: "How It Works", id: "#how-it-works" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "Contact", id: "#contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
-        { label: "Features", href: "/" },
-        { label: "Pricing", href: "/pricing" },
-        { label: "How It Works", href: "/" },
+      title: "Product",      items: [
+        { label: "Features", href: "#features" },
+        { label: "Pricing", href: "#pricing" },
+        { label: "How It Works", href: "#how-it-works" },
         { label: "API Docs", href: "#" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -61,16 +59,37 @@ export default function PricingPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="AI Marketing Pro"
-          navItems={navItems}
+          navItems={navItems.map((item) => ({
+            name: item.name,
+            id: item.id,
+          }))}
           button={{
-            text: "Call Now",
-            href: "tel:+1-800-555-0123",
-          }}
+            text: "Call Now",            href: "tel:+1-800-555-0123"}}
         />
       </div>
 
       <div id="pricing" data-section="pricing">
         <PricingCardFive
+          plans={[
+            {
+              id: "starter",              tag: "Starter Plan",              tagIcon: Zap,
+              price: "$99",              period: "/month",              description: "Perfect for small boutiques and first-time users getting started with AI marketing.",              button: { text: "Start Free Trial", href: "#contact" },
+              featuresTitle: "What's Included:",              features: [
+                "200 AI-generated images/month",                "Basic photo editing tools",                "Email support",                "Standard brand templates"],
+            },
+            {
+              id: "professional",              tag: "Professional Plan",              tagIcon: Sparkles,
+              price: "$299",              period: "/month",              description: "Our most popular plan for growing ecommerce and multi-location businesses scaling fast.",              button: { text: "Book a Demo", href: "#contact" },
+              featuresTitle: "Everything in Starter, plus:",              features: [
+                "1,500 AI-generated images/month",                "Advanced photo editing & customization",                "Priority phone & email support",                "Custom brand templates",                "Social media scheduling integration",                "Video reel generation"],
+            },
+            {
+              id: "enterprise",              tag: "Enterprise Plan",              tagIcon: Crown,
+              price: "Custom",              period: "pricing",              description: "Unlimited everything for large teams and enterprise-level operations.",              button: { text: "Contact Sales", href: "tel:+1-800-555-0123" },
+              featuresTitle: "Everything in Professional, plus:",              features: [
+                "Unlimited AI-generated content",                "Dedicated account manager",                "Custom API access",                "Team collaboration tools",                "Advanced analytics & reporting",                "Custom integrations"],
+            },
+          ]}
           title="Simple Transparent Pricing"
           description="Choose the plan that fits your business. All plans include 24/7 support and unlimited revisions."
           tag="Pricing"
@@ -78,69 +97,24 @@ export default function PricingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          plans={[
-            {
-              id: "starter",
-              tag: "Starter Plan",
-              tagIcon: Zap,
-              price: "$99",
-              period: "/month",
-              description: "Perfect for small boutiques and first-time users getting started with AI marketing.",
-              button: {
-                text: "Start Free Trial",
-                href: "/contact",
-              },
-              featuresTitle: "What's Included:",
-              features: [
-                "200 AI-generated images/month",
-                "Basic photo editing tools",
-                "Email support",
-                "Standard brand templates",
-              ],
-            },
-            {
-              id: "professional",
-              tag: "Professional Plan",
-              tagIcon: Sparkles,
-              price: "$299",
-              period: "/month",
-              description: "Our most popular plan for growing ecommerce and multi-location businesses scaling fast.",
-              button: {
-                text: "Book a Demo",
-                href: "/contact",
-              },
-              featuresTitle: "Everything in Starter, plus:",
-              features: [
-                "1,500 AI-generated images/month",
-                "Advanced photo editing & customization",
-                "Priority phone & email support",
-                "Custom brand templates",
-                "Social media scheduling integration",
-                "Video reel generation",
-              ],
-            },
-            {
-              id: "enterprise",
-              tag: "Enterprise Plan",
-              tagIcon: Crown,
-              price: "Custom",
-              period: "pricing",
-              description: "Unlimited everything for large teams and enterprise-level operations.",
-              button: {
-                text: "Contact Sales",
-                href: "tel:+1-800-555-0123",
-              },
-              featuresTitle: "Everything in Professional, plus:",
-              features: [
-                "Unlimited AI-generated content",
-                "Dedicated account manager",
-                "Custom API access",
-                "Team collaboration tools",
-                "Advanced analytics & reporting",
-                "Custom integrations",
-              ],
-            },
-          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Ready to Transform Your Marketing?"
+          title="Schedule Your Free Demo Today"
+          description="See how AI can automatically generate stunning marketing content for your products. Our experts will show you exactly how to 10x your content creation speed and reduce costs by 80%."
+          tagIcon={Zap}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-modern-professional-contact-or-consult-1773175667197-9eb712c1.png"
+          imageAlt="Demo consultation"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email address"
+          buttonText="Schedule Demo"
+          termsText="We respect your privacy. We'll only send you relevant updates about AI marketing."
         />
       </div>
 
@@ -153,15 +127,3 @@ export default function PricingPage() {
     </ThemeProvider>
   );
 }
-
-const Sparkles = ({ className }: { className?: string }) => (
-  <svg
-    className={className}
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-  >
-    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
-  </svg>
-);
\ No newline at end of file
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..ee5a404 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,28 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
 
 interface SvgTextLogoProps {
-  logoText: string;
-  adjustHeightFactor?: number;
-  verticalAlign?: "top" | "center";
   className?: string;
 }
 
-const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
-  logoText,
-  adjustHeightFactor,
-  verticalAlign = "top",
-  className = "",
-}) {
-  const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ className = '' }) => {
   return (
     <svg
-      ref={svgRef}
-      viewBox={viewBox}
-      className={cls("w-full", className)}
-      style={{ aspectRatio: aspectRatio }}
-      preserveAspectRatio="none"
-      role="img"
-      aria-label={`${logoText} logo`}
+      viewBox="0 0 200 50"
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
     >
       <text
-        ref={textRef}
-        x="0"
-        y={verticalAlign === "center" ? "50%" : "0"}
-        className="font-bold fill-current"
-        style={{
-          fontSize: "20px",
-          letterSpacing: "-0.02em",
-          dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
-        }}
+        x="10"
+        y="35"
+        fontSize="28"
+        fontWeight="bold"
+        fill="currentColor"
+        dominantBaseline="middle"
       >
-        {logoText}
+        Logo Text
       </text>
     </svg>
   );
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
 
 export default SvgTextLogo;