Initial Changes

components/premium-rudraksha/PremiumBanner.jsx

@@ -4,7 +4,15 @@ import { ChevronRight, Gem } from "lucide-react";
 import authAxios from "@/utils/axios";
 import Image from "next/image";
 
-const PremiumBanner = () => {
+const PremiumBanner = ({ data }) => {
+  const {
+    header1,
+    description1,
+    header_quote1,
+    header_quote2,
+    header_quote3,
+    header_quote4,
+  } = data || {};
   const [formData, setFormData] = useState({
     first_name: "",
     last_name: "",
@@ -118,31 +126,33 @@ const PremiumBanner = () => {
           {/* Right: Benefits & App Download */}
           <div className="p-14 flex flex-col justify-center">
             <h2 className="text-4xl font-serif text-[#AC8C6B] text-center">
-              Why Choose Our Consultation?
+              {header1 ?? "Why Choose Our Consultation?"}
             </h2>
             <p className="text-center text-gray-600 text-sm mt-2">
-              Gain expert insights and personalized guidance.
+              {description1 ??
+                "Gain expert insights and personalized guidance."}
             </p>
 
             <ul className="mt-6 space-y-4 text-gray-700 text-lg">
               <li className="flex items-center">
                 <ChevronRight className="text-[#AC8C6B] mr-2" />
-                Expert guidance from experienced professionals
+                {header_quote1 ??
+                  "Expert guidance from experienced professionals"}
               </li>
               <li className="flex items-center">
                 <ChevronRight className="text-[#AC8C6B] mr-2" />
-                Tailored advice for your specific needs
+                {header_quote2 ?? "Tailored advice for your specific needs"}
               </li>
               <li className="flex items-center">
                 <ChevronRight className="text-[#AC8C6B] mr-2" />
-                Unlock clarity and direction in life
+                {header_quote3 ?? "Unlock clarity and direction in life"}
               </li>
               <li className="flex items-center">
                 <ChevronRight className="text-[#AC8C6B] mr-2" />
-                Free initial text-based consultation
+                {header_quote3 ?? "Free initial text-based consultation"}
               </li>
             </ul>
-         </div>
+          </div>
         </div>
       </div>
     </div>