import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import ArtLink from "@/components/ArtLink";

const ArtsForPatients = () => {
  return (
    <View
      bg_color="bg-primary-300"
      txt_color="text-primary-500"
      id="artsforpatients"
    >
      <h1>Articles</h1>
      <h1>
        <em>For Patients</em>
      </h1>
      <div>
        <h2>General</h2>
        <div className="mx-3">
          <ArtLink href="/articles/ten-stages-of-grief">
            The Ten Stages of Grief
          </ArtLink>
          <ArtLink href="/articles/coccydynia-case-report">
            Coccydynia Case Report
          </ArtLink>
          <ArtLink href="/articles/chronic-muscle-pain">
            Chronic Muscle Pain
          </ArtLink>
          <ArtLink href="/articles/arthritis-and-exercise">
            Arthritis and Excercise
          </ArtLink>
        </div>
      </div>
      <div>
        <h2>What is Osteopathy?</h2>
        <div className="mx-3">
          <ArtLink href="/articles/cranial-osteopathy">
            Cranial Osteopathy
          </ArtLink>
          <ArtLink href="/articles/cranial-osteopathy-faq">
            Cranial Osteopathy FAQ
          </ArtLink>
          <ArtLink href="/articles/intro-to-osteopathy">
            Introduction to Osteopathy
          </ArtLink>
          <ArtLink href="/articles/osteopath-comparison-table">
            Osteopath Comparison Table
          </ArtLink>
          <ArtLink href="/articles/osteopathic-manipulation-in-pregnancy">
            Osteopathic Manipulation in Pregnancy
          </ArtLink>
          <ArtLink href="/articles/osteopathic-manipulative-treatment">
            Osteopathic Manipulative Treatment
          </ArtLink>
          <ArtLink href="/articles/osteopathy-faq">Osteopathy FAQ</ArtLink>
          <ArtLink href="/articles/what-is-a-do">What is a D.O.?</ArtLink>
        </div>
      </div>
      <div>
        <h2>Pediatric Osteopathy</h2>
        <div className="mx-3">
          <ArtLink href="/articles/pediatric-digestive-problems">
            Digestive Problems
          </ArtLink>
          <ArtLink href="/articles/pediatric-down-syndrome">
            Down Syndrome
          </ArtLink>
          <ArtLink href="/articles/pediatric-orthopedic-problems">
            Orthopedic Problems
          </ArtLink>
          <ArtLink href="/articles/pediatric-respiratory-health">
            Respiratory Health
          </ArtLink>
          <ArtLink href="/articles/pediatric-treatment-for-newborns">
            Treatment for the Newborn
          </ArtLink>
        </div>
      </div>
      <div>
        <h2>Acupuncture</h2>
        <div className="mx-3">
          <ArtLink href="/articles/acupuncture-basics">
            Acupuncture Basics
          </ArtLink>
          <ArtLink href="/articles/acupuncture-history">
            Acupuncture History
          </ArtLink>
          <ArtLink href="/articles/ear-acupuncture">Ear Acupuncture</ArtLink>
          <ArtLink href="/articles/ear-acupuncture-faq">
            Ear Acupuncture FAQ
          </ArtLink>
          <ArtLink href="/articles/scalp-acupuncture">
            Scalp Acupuncture
          </ArtLink>
          <ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq">
            Yamamoto New Scalp Acupuncture FAQ{" "}
          </ArtLink>
          <ArtLink
            href="/content/patient-resources/scalp_acupuncture.pdf"
            target="_blank"
          >
            Patient Before-and-Afters [PDF]{" "}
            <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
          </ArtLink>
        </div>
      </div>
    </View>
  );
};

export default ArtsForPatients;