import useNavigate from '@/hooks/useNavigate';
import { getwhoWeAre } from '@/services/cmsService';

import { sanitizeCmsHtml } from '@/utils/safeHtml';
export default async function About() {
  const navigate = useNavigate();
  let aboutData = null;

  try {
    const response = await getwhoWeAre();
    aboutData = response.data;
  } catch (error) {
    console.error("Error fetching about data:", error);
  }

  return (
    <section className="abouthcontainer">
      <div className="abouthinner mt-0">
        <div className="container">
          <div
            dangerouslySetInnerHTML={{
              __html: sanitizeCmsHtml(aboutData?.content || ""),
            }}
          />

        </div>
      </div>
    </section>
  )
}