import { PageHero } from '../components/ui/SectionHeading';
import { FadeIn } from '../components/ui/Motion';

export function AboutNdisPage() {
  return (
    <>
      <PageHero title="About the NDIS" subtitle="Australia's national scheme for disability support." />
      <section className="px-4 py-16">
        <div className="mx-auto max-w-3xl space-y-6 text-muted leading-relaxed">
          <FadeIn>
            <p>
              The National Disability Insurance Scheme (NDIS) provides funding to eligible Australians
              with permanent and significant disability. Supports are designed to help you achieve goals
              related to independence, community participation, education, employment, health, and wellbeing.
            </p>
            <p>
              Your NDIS plan is built around your individual needs and goals. Funding is allocated across
              support categories such as core supports, capacity building, and capital supports. You choose
              registered providers like Embrace HomeCare to deliver the services in your plan.
            </p>
            <p>
              We can help you understand your plan, connect with the right supports, and make the most of
              your funding — always with your preferences and rights at the centre.
            </p>
            <a
              href="https://www.ndis.gov.au"
              target="_blank"
              rel="noopener noreferrer"
              className="mt-6 inline-flex items-center justify-center rounded-full bg-[var(--color-primary)] px-6 py-3 text-sm font-semibold text-white hover:bg-[var(--color-primary-hover)]"
            >
              Visit ndis.gov.au
            </a>
          </FadeIn>
        </div>
      </section>
    </>
  );
}