function PracticeAreaPage({ area, onBack, onGoExpertise }) { const { practiceAreaDetails, expertiseAreas } = window.LHMockData; const fallbackSlug = Object.keys(practiceAreaDetails)[0]; const initialSlug = (area && practiceAreaDetails[area.slug]) ? area.slug : fallbackSlug; const [activeSlug, setActiveSlug] = React.useState(initialSlug); React.useEffect(() => { setActiveSlug((area && practiceAreaDetails[area.slug]) ? area.slug : fallbackSlug); }, [area]); const d = practiceAreaDetails[activeSlug]; const [openFaq, setOpenFaq] = React.useState(null); const categoryAreas = expertiseAreas[d.category] || []; React.useEffect(() => { setOpenFaq(null); }, [d.title]); const SectionTitle = ({ children }) => (

{children}

); return (

{d.title}

{d.intro}

Our Services
    {d.services.map((s, i) => (
  1. {i + 1}.

    {s.title}

    {s.desc}

    2. ))}
Who Can Benefit
    {d.benefits.map((b, i) => (
  • {b}
    • ))}
FAQs
{d.faqs.map((faq, i) => (
{openFaq === i &&

{faq.a}

}
))}
Recent Trends & Updates
    {d.trends.map((t, i) => (
  1. {i + 1}.
    {t.title}: {t.desc}
    2. ))}
); } window.LHPracticeAreaPage = PracticeAreaPage;