Initial Changes

components/hero-page/HeroSix.jsx

@@ -1,10 +1,10 @@
-'use client'
-import { guranteeData } from "@/utils";
+"use client";
 import Image from "next/image";
 import React from "react";
 import { motion } from "framer-motion";
 
-const HeroSix = () => {
+const HeroSix = ({ guranteeData, data }) => {
+  const { heading2, description2 } = data | {};
   return (
     <section className="py-16 bg-gradient-to-b from-background to-muted">
       <div className="container px-4 mx-auto">
@@ -15,11 +15,11 @@ const HeroSix = () => {
           className="text-center mb-12"
         >
           <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
-            Our Sacred Commitment
+            {heading2 ?? "Our Sacred Commitment"}
           </h2>
           <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
-            Certified Excellence in Rudraksha - Nepal&apos;s Premier ISO 9001:2015
-            Accredited Organization
+            {description2 ??
+              "Certified Excellence in Rudraksha - Nepal&apos;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">