import RareTitle from './components/RareTitle';
import RareIntro from './components/RareIntro';
import ClinicalAreasGrid from './components/ClinicalAreasGrid';
import SolutionsOffer from './components/SolutionsOffer';
import WESInfo from './components/WESInfo';
import OperifyExome from './components/OperifyExome';
import OperifyExomeMito from './components/OperifyExomeMito';
import SampleRequirements from './components/SampleRequirements';

import PageLayout from '../../components/Layout/PageLayout';

export default function RareDisorderPage() {
  return (
    <PageLayout fixedHeader={true}>
      {/* Page Title */}
      <RareTitle />

      {/* Intro Paragraph */}
      <RareIntro />

      {/* Solutions Offered */}
      <SolutionsOffer />

      {/* WES Info */}
      <WESInfo />
      {/* Clinical Areas Grid */}
      <ClinicalAreasGrid />

      {/* Operify Exome */}
      <OperifyExome />
      <SampleRequirements
        title="Operify Exome"
        items={[
          "2-5 mL peripheral blood in EDTA tube",
          "High-quality extracted DNA (minimum 2 µg)",
          "Fresh or frozen tissue for certain cases"
        ]}
      />

      {/* Operify ExomeMito */}
      <OperifyExomeMito />
      <SampleRequirements
        title="Operify ExomeMito"
        items={[
          "2-5 mL peripheral blood in EDTA tube",
          "High-quality extracted DNA (minimum 2 µg)",
          "Fresh or frozen tissue for certain cases"
        ]}
      />
    </PageLayout>
  );
}