chore: setup project for production

components/premium-rudraksha/PremiumBannerOne.jsx

@@ -0,0 +1,21 @@
+'use client'
+import { FaArrowRightLong } from "react-icons/fa6";
+import { FaWhatsapp } from "react-icons/fa";
+import { useRouter } from "next/navigation";
+
+const PremiumBannerOne = () => {
+  const router = useRouter()
+  return (
+    <div className="h-[65vh] bg-[url('/consultation_banner_1.webp')]  ">
+      <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">Personalized Rudraksha Consultation for Your Sacred Journey</h1>
+      <h3 className="sm:text-xl sm:text-left text-center text-zinc-800 sm:w-3/4">Whether you seek clarity on selecting the right Rudraksha for your spiritual goals or a deeper understanding of the sacred beads, our consultations are crafted to provide you with the wisdom and direction you seek .</h3>
+      <div className="mt-6 flex gap-6 ">
+        <button onClick={()=> router.push('/products/premium-rudraksha-consultation-astrology')} className="bg-[#b68d40] sm:py-2 p-2 sm:px-5 font-bold text-white sm:text-xl justify-center sm:whitespace-nowrap flex items-center sm:gap-3">Book a consultation <FaArrowRightLong className="sm:my-3" size={26}/></button>
+      </div>
+      </div>
+    </div>
+  )
+}
+
+export default PremiumBannerOne;