src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Heart, CheckCircle } from "lucide-react";
+import { Heart } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -18,7 +18,7 @@ export default function HomePage() {
     { name: "Pricing", id: "/pricing" },
     { name: "Testimonials", id: "testimonials" },
     { name: "FAQ", id: "faq" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "contact-lead" },
   ];
 
   const footerColumns = [
@@ -35,7 +35,7 @@ export default function HomePage() {
         { label: "About Us", href: "/about" },
         { label: "Testimonials", href: "#testimonials" },
         { label: "Pricing", href: "/pricing" },
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "#contact-lead" },
       ],
     },
     {
@@ -43,7 +43,7 @@ export default function HomePage() {
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
-        { label: "Contact Us", href: "#contact" },
+        { label: "Contact Us", href: "#contact-lead" },
       ],
     },
   ];

src/app/pricing/page.tsx

@@ -5,7 +5,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
 import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import ContactText from "@/components/sections/contact/ContactText";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
 import { Zap, Sparkles } from "lucide-react";
 
 export default function PricingPage() {
@@ -112,15 +112,15 @@ export default function PricingPage() {
       </div>
 
       <div id="contact-cta" data-section="contact-cta">
-        <ContactText
-          text="Still have questions about our pricing? Contact us to discuss a custom plan for your specific needs."
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Get in Touch", href: "/#contact" },
-            { text: "Schedule Consultation", href: "tel:+1234567890" },
-          ]}
+        <ContactSplit
+          tag="Questions?"
+          title="Let's Discuss Your Pricing Needs"
+          description="Have questions about our pricing? Contact us to discuss a custom plan for your specific needs."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
+          buttonText="Get in Touch"
+          inputPlaceholder="Your email"
+          onSubmit={(email) => console.log("Contact request:", email)}
         />
       </div>