chore: setup project for production

components/hero-page/HeroFour.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+const HeroFour = () => {
+  return (
+    <div className="min-h-[70vh] mt-10 pb-14 sm:px-6 lg:px-8">
+      <div className="max-w-8xl mx-auto">
+        <div className="text-center mb-12">
+          <h1 className="font-serif text-5xl text-slate-800 mb-4">
+            Explore Gupta Rudraksha
+          </h1>
+          <h2 className="text-xl text-slate-700">
+            Dive deep with us in our Gupta Rudraksha Journey and our get to know
+            us even more better.
+          </h2>
+        </div>
+        <iframe
+          src="https://www.youtube.com/embed/_drMO01Mjtc"
+          title="Rudraksha &amp; It’s REAL POWER explained, Jaap Benefits | Pashupatinath, Bhairav, Nepal’s History | TRS"
+          frameBorder="0"
+          className="mx-auto h-[180px] sm:h-[570px]  w-[300px] sm:w-3/4"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          referrerPolicy="strict-origin-when-cross-origin"
+          allowFullScreen
+        ></iframe>
+      </div>
+    </div>
+  );
+};
+
+export default HeroFour;