scalp and atricles work

website/app/(pages)/acupuncture/views/ScalpAcupuncture.tsx

@@ -3,6 +3,7 @@ import CenterView from "@/components/CenterView";
 import LearnMoreLink from "@/components/LearnMoreLink";
 import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
 import Image from "next/image";
+import scalpPoints from "@/public/content/scalp_points.png";
 
 const ScalpAcupuncture = () => {
   return (
@@ -29,7 +30,7 @@ const ScalpAcupuncture = () => {
         </div>
         <div className="basis-2/5">
           <Image
-            src={""}
+            src={scalpPoints}
             alt="Image of Dr. Toshikatsu Yamamoto"
             className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
           />

website/app/(pages)/articles/views/ArtsForDocs.tsx

@@ -12,10 +12,10 @@ const ArtsForDocs = () => {
       <h1>
         <em>For Doctors</em>
       </h1>
-      <div>
+      <div className="my-10">
         <h2>Osteopathy</h2>
-        <div>
+        <div className="mx-3 my-5">
-          <h2>Articles</h2>
+          <div className="font-bold">Articles</div>
           <ArtLink
             href="/articles/osteopathic-head-pain"
             className="hover:drop-shadow-light"
@@ -47,8 +47,8 @@ const ArtsForDocs = () => {
             The Trauma of Birth
           </ArtLink>
         </div>
-        <div>
+        <div className="mx-3 my-5">
-          <h2>Resources</h2>
+          <div className="font-bold">Resources</div>
           <ArtLink
             href="/articles/feelys-osteopathic-dictionary"
             className="hover:drop-shadow-light"
@@ -71,10 +71,10 @@ const ArtsForDocs = () => {
           </ArtLink>
         </div>
       </div>
-      <div>
+      <div className="my-10">
         <h2>Acupuncture</h2>
-        <div>
+        <div className="mx-3 my-5">
-          <h2>Articles</h2>
+          <div className="font-bold">Articles</div>
           <ArtLink
             href="/articles/five-element-acupuncture"
             className="hover:drop-shadow-light"
@@ -88,8 +88,8 @@ const ArtsForDocs = () => {
             Acupuncture Letter
           </ArtLink>
         </div>
-        <div>
+        <div className="mx-3 my-5">
-          <h2>Resources</h2>
+          <div className="font-bold">Resources</div>
           <ArtLink
             href="/content/doctor-resources/point-categories.pdf"
             target="_blank"
@@ -112,8 +112,9 @@ const ArtsForDocs = () => {
           </ArtLink>
         </div>
       </div>
-      <div>
+      <div className="my-10">
         <h2>Neuro Ocular Release</h2>
+        <div className="mx-3">
           <ArtLink
             href="/content/doctor-resources/nor_article.pdf"
             target="_blank"
@@ -123,6 +124,7 @@ const ArtsForDocs = () => {
             <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
           </ArtLink>
         </div>
+      </div>
     </View>
   );
 };

website/app/(pages)/articles/views/ArtsForPatients.tsx

@@ -15,6 +15,7 @@ const ArtsForPatients = () => {
       </h1>
       <div>
         <h2>General</h2>
+        <div className="mx-3">
           <ArtLink href="/articles/ten-stages-of-grief">
             The Ten Stages of Grief
           </ArtLink>
@@ -28,8 +29,10 @@ const ArtsForPatients = () => {
             Arthritis and Excercise
           </ArtLink>
         </div>
+      </div>
       <div>
         <h2>What is Osteopathy?</h2>
+        <div className="mx-3">
           <ArtLink href="/articles/cranial-osteopathy">
             Cranial Osteopathy
           </ArtLink>
@@ -51,8 +54,10 @@ const ArtsForPatients = () => {
           <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>
@@ -69,8 +74,10 @@ const ArtsForPatients = () => {
             Treatment for the Newborn
           </ArtLink>
         </div>
+      </div>
       <div>
         <h2>Acupuncture</h2>
+        <div className="mx-3">
           <ArtLink href="/articles/acupuncture-basics">
             Acupuncture Basics
           </ArtLink>
@@ -81,7 +88,9 @@ const ArtsForPatients = () => {
           <ArtLink href="/articles/ear-acupuncture-faq">
             Ear Acupuncture FAQ
           </ArtLink>
-        <ArtLink href="/articles/scalp-acupuncture">Scalp Acupuncture</ArtLink>
+          <ArtLink href="/articles/scalp-acupuncture">
+            Scalp Acupuncture
+          </ArtLink>
           <ArtLink href="/articles/yamamoto-new-scalp-acupuncture-faq">
             Yamamoto New Scalp Acupuncture FAQ{" "}
           </ArtLink>
@@ -93,6 +102,7 @@ const ArtsForPatients = () => {
             <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
           </ArtLink>
         </div>
+      </div>
     </View>
   );
 };