updated

components/Common/HeadTitle.js

@@ -8,8 +8,8 @@ const HeadTitle = ({categoryData}) => {
     <>
         <section className='let-connect-section '>
             <div className='custom_container container'>
-              <Row className='text-center'>
-                <Col>
+              <Row className='justify-content-center align-items-center text-center'>
+                <Col md={8}>
                   <Heading el="h2" heading={categoryData?.title} />
                   <div className='mb-0 gray-text' dangerouslySetInnerHTML={{__html:categoryData?.description}}></div>
                   {/* <p className='mb-0 gray-text'>{categoryData?.descrition2}</p> */}

pages/collections/[category]/[subCategory]/[productSlug].js

@@ -39,13 +39,13 @@ const ProductPage = ({ productData, cataloguesData }) => {
       label: productData.title,
     },
   ];
-const [activeTab, setActiveTab] = useState(null);
-const productTabs = productData?.productTabs;
-useEffect(() => {
+  const [activeTab, setActiveTab] = useState(null);
+  const productTabs = productData?.productTabs;
+  useEffect(() => {
     if (productTabs?.length > 0) {
       setActiveTab(productTabs[0].title);
     }
-}, [productTabs]);
+  }, [productTabs]);
   return (
     <>
       <Breadcrumb breadcrumbData={breadcrumbData} />
@@ -61,7 +61,7 @@ useEffect(() => {
                 activeKey={activeTab}
                 onSelect={(k) => setActiveTab(k)}
                 className="tab-01"
->
+              >
                 {productTabs?.map((tab) => (
                   <Tab
                     key={tab.id}
@@ -85,7 +85,7 @@ useEffect(() => {
                     )}
                   </Tab>
                 ))}
-</Tabs>
+              </Tabs>
             </div>
           </div>
         </section>