// import React, { useEffect, useState } from 'react'
import { getHome } from '@/services/cmsService';

import { sanitizeCmsHtml } from '@/utils/safeHtml';

export default async function Hero() {
  let homeData = null;
  try {
    const response = await getHome();
    homeData = response.data;
  } catch (error) {
    console.error("Error fetching about data:", error);
  }


  return (
    <section className="researchcontainer">
      <div
        dangerouslySetInnerHTML={{
          __html: sanitizeCmsHtml(homeData?.content || ""),
        }}
      />

    </section>
  )
}