Initial Changes

components/hero-page/HeroFour.jsx

@@ -1,20 +1,21 @@
 import React from "react";
 
-const HeroFour = () => {
+const HeroFour = ({ data }) => {
+  const { header1, description1, video_link1 } = data ?? {};
   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
+            {header1 ?? "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.
+            {description1 ??
+              "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"
+          src={`${video_link1 ?? "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"