Initial Changes

app/products/premium-rudraksha-consultation-astrology/page.jsx

@@ -6,6 +6,7 @@ import PremiumBannerTwo from "@/components/premium-rudraksha/PremiumBannerTwo";
 import PremuimBannerThree from "@/components/premium-rudraksha/PremuimBannerThree";
 import { categoriesForPremiumThree, services } from "@/utils";
 import { backendUrl, serAxios } from "@/utils/axios";
+import Image from "next/image";
 import React from "react";
 
 export const metadata = {
@@ -33,7 +34,13 @@ async function Page() {
     ? data.consultation_reasons.map((item) => ({
         title: item.title,
         description: item.description,
-        logo: <img src={`${backendUrl}${item.image?.path}`} alt={item.title} />,
+        logo: (
+          <img
+            src={`${backendUrl}${item.image?.path}`}
+            alt={item.title}
+            className="rounded-full p-2"
+          />
+        ),
       }))
     : categoriesForPremiumThree;
   const perksServices = Array.isArray(data?.perks)

components/hero-page/HeroSix.jsx

@@ -2,6 +2,8 @@
 import Image from "next/image";
 import React from "react";
 import { motion } from "framer-motion";
+import PremiumBanner from "../premium-rudraksha/PremiumBanner";
+import PremiumBannerOne from "../premium-rudraksha/PremiumBannerOne";
 
 const HeroSix = ({ guranteeData, data }) => {
   const { heading2, description2 } = data | {};
@@ -22,7 +24,16 @@ const HeroSix = ({ guranteeData, data }) => {
               "Certified Excellence in Rudraksha - Nepal's Premier ISO 9001:2015 Accredited Organization"}
           </p>
         </motion.div>
-        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8">
+        <PremiumBannerOne
+          bannerImage="/exclusive/exclusive_banner.webp"
+          data={{
+            header2:
+              "Exclusive and Rare Rudraksha Collection at Gupta Rudraksha ®️",
+            description2:
+              "Discover the exclusive and rare Rudraksha collection only at Gupta Rudraksha. Our lab-certified, high-quality beads channel ancient spiritual energies for peace, prosperity, and personal growth. Each bead is meticulously chosen to ensure authenticity and potency, providing powerful benefits. Experience genuine, transformative spiritual tools to enhance your life&apos;s journey with Gupta Rudraksha.",
+          }}
+        />
+        <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 mt-4">
           {guranteeData.map((item, index) => (
             <motion.div
               key={item.id}

components/premium-rudraksha/PremiumBannerOne.jsx

@@ -3,11 +3,17 @@ import { FaArrowRightLong } from "react-icons/fa6";
 import { FaWhatsapp } from "react-icons/fa";
 import { useRouter } from "next/navigation";
 
-const PremiumBannerOne = ({ data }) => {
+const PremiumBannerOne = ({ data, bannerImage }) => {
   const { header2, description2 } = data ?? {};
   const router = useRouter();
+  const banner = bannerImage ?? "/consultation_banner_1.webp";
   return (
-    <div className="h-[65vh] bg-[url('/consultation_banner_1.webp')]  ">
+    <div
+      className={"h-[45vh]   "}
+      style={{
+        backgroundImage: `url(${banner})`,
+      }}
+    >
       <div className="flex flex-col justify-start sm:w-3/4 p-4 sm:pl-52 sm:pt-28 ">
         <h1 className="sm:text-5xl text-3xl sm:text-left text-center mb-5 tracking-wider sm:w-3/4 font-serif">
           {header2 ??