import { fetchCrescentHealthAboutData } from '@/services/crescent-health.service';

interface PageData {
  title: string;
  description: string;
}

export default async function Page() {
  let pageData: PageData | null = null;

  try {
    const response = await fetchCrescentHealthAboutData(
      '6b064743-4bd3-4b29-a5a8-77a7653ca70b'
    );
    pageData = response?.pagedata ?? null;
  } catch (error) {
    console.error('Error fetching Crescent Health About data:', error);
  }

  if (!pageData) {
    return (
      <section className="mx-auto max-w-6xl py-10 text-center">
        <p className="text-gray-600">No data available.</p>
      </section>
    );
  }

  return (
    <section className="mx-auto max-w-6xl py-2 text-justify text-lg leading-relaxed">
      <div className="space-y-6">
        <h1 className="mb-6 text-[28px] md:text-[36px] leading-6 font-[300] text-gray-800">
          {pageData.title}
        </h1>

        <div
          className="text-gray-700 text-[16px] leading-5 md:leading-6"
          dangerouslySetInnerHTML={{ __html: pageData.description }}
        />
      </div>
    </section>
  );
}