harsh661

import Image from 'next/image'
import React, { useEffect, useRef, useState } from 'react'
import MessagesBody from './messageBody'
import MessageForm from './messageForm'
import useChatStore from '@/stores/chatStore'
import { useGetBusinesses } from '@/hooks/useGetBusinesses'

export type MessageType = {
    From: string,
    Type: string,

harsh661

import { SectionItem } from '@/types/product_page/productType';
import React from 'react';
import CategoryCard from '../homepage/category/category_card';

const CardGrid = ({ data }: { data: SectionItem }) => {
  const { bg_color, text_color, heading, description, cards, type } = data;

  return (
    <div
      style={{