import { fetchCrescentHealthData } 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 fetchCrescentHealthData("0ba2a225-2dc4-4954-9491-b3ae158b1a3c")
        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 sm:pb-10 text-justify text-lg leading-relaxed">
            <div className="space-y-6">
                <h1 className="mb-6 text-2xl sm:text-4xl font-semibold text-gray-800">
                    {pageData.title}
                </h1>

                <div
                    className="text-gray-700 leading-relaxed"
                    dangerouslySetInnerHTML={{ __html: pageData.description }}
                />
            </div>
        </section>
    );
}