From 5162052a3e9c3d2a759b3ec9bab86a06d128dc43 Mon Sep 17 00:00:00 2001
From: Aritra Ghorai <aritra1521@gmail.com>
Date: Mon, 3 Mar 2025 17:29:43 +0530
Subject: [PATCH] Initial Changes

---
 .../page.jsx                                        |  9 ++++++++-
 components/hero-page/HeroSix.jsx                    | 13 ++++++++++++-
 components/premium-rudraksha/PremiumBannerOne.jsx   | 10 ++++++++--
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/app/products/premium-rudraksha-consultation-astrology/page.jsx b/app/products/premium-rudraksha-consultation-astrology/page.jsx
index 670c9ea..50432a4 100644
--- a/app/products/premium-rudraksha-consultation-astrology/page.jsx
+++ b/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)
diff --git a/components/hero-page/HeroSix.jsx b/components/hero-page/HeroSix.jsx
index 7d373aa..47f0b26 100644
--- a/components/hero-page/HeroSix.jsx
+++ b/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&apos;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}
diff --git a/components/premium-rudraksha/PremiumBannerOne.jsx b/components/premium-rudraksha/PremiumBannerOne.jsx
index 400591b..d4b7f2c 100644
--- a/components/premium-rudraksha/PremiumBannerOne.jsx
+++ b/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 ??