import LearnMoreLinkLight from "@/components/LearnMoreLinkLight";
import View from "@/components/View";
import acuManu from "@/public/content/acupuncture_manuscript.jpg";
import Image from "next/image";
import acu1 from "@/public/content/acupuncture_1.jpg";

const BasicsAndHist = () => {
  return (
    <View
      bg_color="bg-primary-500"
      txt_color="text-primary-100"
      id="basicsandhist"
    >
      <div className="flex flex-col items-center justify-around md:flex-row">
        <div className="basis-2/5">
          <h1 className="text-6xl md:text-7xl">Acupuncture</h1>
          <div className="my-10">
            Acupuncture, a practice originating in China over 5,000 years ago,
            diverges from Western paradigms with its{" "}
            <strong>emphasis on holistic patterns and relationships.</strong>{" "}
            The French Jesuits introduced acupuncture to Europe in the 17th
            Century, but its reception was lukewarm due to the clash between
            Eastern and Western worldviews. The effectiveness of acupuncture was
            backed only by anecdotal evidence until 1976, when{" "}
            <strong>
              controlled experiments started proving its positive impact.
            </strong>{" "}
            Today, at least 17 lines of evidence underscore its healing
            properties.
          </div>
          <LearnMoreLinkLight href="/articles/acupuncture-history">
            Discover acupuncture's ancient history
          </LearnMoreLinkLight>
        </div>
        <div className="basis-2/5">
          <Image
            src={acuManu}
            alt="Image of Dr. A.T. Still"
            className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
          />
        </div>
      </div>

      <div className="mt-10 flex flex-col items-center justify-around md:mt-20 md:flex-row">
        <div className="basis-2/5">
          <Image
            src={acu1}
            alt="Person performing acupuncture"
            className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
          />
        </div>
        <div className="basis-2/5">
          <h2>Supported by Evidence</h2>
          <div className="my-10">
            Evidence supporting acupuncture includes experiments with endorphin
            blockers, genetic factors, and physiological pathways. Acupuncture's
            efficacy stands at approximately 70-80%, with{" "}
            <strong>
              notable outcomes in pain relief, addiction treatment,
              gastrointestinal disorders, and more.
            </strong>{" "}
            Across the world, its integration into modern medical practices
            gained traction over time, with many physicians incorporating it
            into their treatments.
          </div>
          <LearnMoreLinkLight href="/articles/acupuncture-basics">
            Read about the basics of acupuncture
          </LearnMoreLinkLight>
        </div>
      </div>
    </View>
  );
};

export default BasicsAndHist;