added

components/sliders/BannerSlider.jsx

@@ -3,6 +3,7 @@ import React from "react";
 import Image from "next/image";
 import { motion } from "framer-motion";
 import { ArrowRight } from "lucide-react";
+import Link from "next/link";
 
 const BannerSlider = ({ data, categories }) => {
   const { heading3, heading4, description3 } = data || {};
@@ -36,13 +37,13 @@ const BannerSlider = ({ data, categories }) => {
               {description3 ??
                 "Unlock your potential with our expert-led consultations and sacred Rudraksha beads."}
             </p>
-            <a
-              href="#consultation"
+            <Link
+              href="/products/premium-rudraksha-consultation-astrology"
               className="inline-flex items-center gap-2 bg-white text-primary px-6 py-3 rounded-full hover:bg-primary-foreground hover:text-primary transition-colors"
             >
               Book a Consultation
               <ArrowRight className="w-4 h-4" />
-            </a>
+            </Link>
           </motion.div>
 
           {/* Static Cards */}