import ArtLink from "@/components/ArtLink";
import CenterView from "@/components/CenterView";
import ExtLearnMoreLink from "@/components/ExtLearnMoreLink";
import NORBrain from "@/public/content/NOR_brain.png";
import { default as Image } from "next-image-export-optimizer";

const NOR = () => {
  return (
    <CenterView bg_color="bg-primary-100" txt_color="text-primary-500" id="nor">
      <div className="flex flex-col items-center justify-around gap-6 md:flex-row">
        <div className="basis-2/5">
          <h1>Neuro Ocular Release</h1>
          <p>
            Neuro-ocular release (NOR) is a new osteopathic manipulative
            procedure that involves the indirect method of manual techniques. It
            may be used alone, or it may be used as an activating force for
            other indirect methods of treatment. By utilizing the visual system,
            NOR accesses pathways that reset the central and peripheral nervous
            systems. In doing so, NOR more effectively alleviates somatic
            disfunction in less time&mdash;only three seconds&mdash;than
            traditional methods alone.
          </p>
          <ExtLearnMoreLink
            target="_blank"
            href="/content/doctor-resources/nor_article.pdf"
            className="my-5"
          >
            Read Dr. Feely's Paper on NOR [PDF]
          </ExtLearnMoreLink>
          <h2>Want to learn more?</h2>
          <p className="my-3">
            Access to NOR content is only available to account holders.
            <br />
            To request access, contact Dr. Feely at{" "}
            <ArtLink href="mailto:rafeely@drfeely.com" divClasses="inline">
              rafeely@drfeely.com
            </ArtLink>
          </p>
        </div>
        <div className="basis-2/5">
          <Image
            src={NORBrain}
            alt="NOR Diagram"
            className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
          />
        </div>
      </div>
    </CenterView>
  );
};

export default NOR;
