src/app/page.tsx

@@ -8,6 +8,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import Link from "next/link";
 import { Shield, Zap, Sparkles, Star, MessageCircle } from "lucide-react";
@@ -44,7 +45,7 @@ export default function HomePage() {
       {/* Hero Section */}
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "glowing-orb" }}
           title="Find Verified Contact Numbers Easily & Securely"
           description="We help businesses and individuals access verified contact information efficiently. Get accurate, legally compliant mobile and business numbers in minutes."
           kpis={[
@@ -187,6 +188,26 @@ export default function HomePage() {
         />
       </div>
 
+      {/* Contact Section */}
+      <div id="contact-form" data-section="contact-form">
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "📧 Email Us",              content: "For inquiries and support: thenavingaming@gmail.com"},
+            {
+              id: "2",              title: "📱 Call Us",              content: "Mobile: +91 6354034378 (Monday-Friday, 9 AM - 6 PM IST)"},
+            {
+              id: "3",              title: "💬 Quick Support",              content: "Chat with our support team for immediate assistance. Average response time: 2 hours."},
+          ]}
+          ctaTitle="Ready to Get Started?"
+          ctaDescription="Submit your details and our team will process your request within 24 hours."
+          ctaButton={{ text: "Contact Our Team", href: "/contact" }}
+          ctaIcon={MessageCircle}
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterSimple