Initial Changes

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}