homepage done and article metadata added

website/app/(pages)/acupuncture/page.tsx

@@ -5,11 +5,12 @@ import EarAcupuncture from "./views/EarAcupuncture";
 import ScalpAcupuncture from "./views/ScalpAcupuncture";
 
 export const metadata: Metadata = {
-  title: "Dr. Feely | Acupuncture",
+  title: "Accupuncture | Dr. Feely",
-  description: `Dr. Feely is a highly accomplished physician with over 25 years
+  description: `Acupuncture, a practice originating in China over 5,000 years
-    of experience in osteopathic medicine, acupuncture, herbal medicine, and
+  ago, diverges from Western paradigms with its emphasis on holistic patterns
-    family practice. He specializes in the treatment of neuromusculoskeletal
+  and relationships. The effectiveness of acupuncture was long backed by
-    pain, especially back pain, neck pain and headaches.`,
+  anecdotal evidence until 1976 when controlled experiments started gaining
+  ground. Today, at least 17 lines of evidence underscore its impact.`,
 };
 
 const Acupuncture = () => {

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

@@ -1,4 +1,5 @@
 import View from "@/components/View";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
 
 const ScalpAcupuncture = () => {
@@ -39,7 +40,8 @@ const ScalpAcupuncture = () => {
         target="_blank"
         className="block"
       >
-        Patient Before-and-Afters [PDF]
+        Patient Before-and-Afters [PDF]{" "}
+        <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
       </Link>
     </View>
   );

website/app/(pages)/articles/(content)/acupuncture-basics/page.tsx

@@ -1,4 +1,15 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Acupuncture Basics | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `The Chinese discovered acupuncture more than 5,000 years ago.
+  Chinese science had a very different paradigm than the Western world. It
+  emphasized wholistic patterns, relationships, cycles, and processes. In
+  contrast, the Western paradigm emphasizes linear thinking, causality, and
+  reductionist explanations.`,
+};
 
 const ArticleAcupuntureBasics = () => {
   return (

website/app/(pages)/articles/(content)/acupuncture-history/page.tsx

@@ -1,4 +1,18 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Acupuncture History | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Acupuncture was first discovered in China 2696 through 2598 B.C. Huang
+        Di “The Yellow Emperor” who was the third great emperor of China.
+        Acupuncture was initiated and discovered during the Yellow emperors
+        reign and the surviving document is the Yellow Emperors Classic of
+        Internal Medicine translation by Ilza Veith, University of California
+        Press, Berkeley, California 1993. This Yellow Emperors Classic text is
+        the basis for acupuncture and was the current book of medical care in
+        2600’s B.C.`,
+};
 
 const ArticleAcupunctureHistory = () => {
   return (

website/app/(pages)/articles/(content)/acupuncture-letter/page.tsx

@@ -1,4 +1,16 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Acupuncture Letter | Dr. Feely",
+  authors: [{ name: "Marshall H. Sager, D.O." }],
+  description: `TO: Members of The White House Commission On Complementary and
+  Alternative Medicine Policy The ancient medical modality of acupuncture is
+  rapidly evolving as an effective complimentary paradigm within the framework
+  of modern American medicine. Since President Nixon’s trip to China in 1972,
+  and the New York Times’ James Reston’s dramatic appendectomy during that trip,
+  interest in, and the popularity of, acupuncture has surged in America.`,
+};
 
 const ArticleAcupunctureLetter = () => {
   return (

website/app/(pages)/articles/(content)/acupuncture-references/page.tsx

@@ -1,6 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
 import ReplaceLink from "@/components/ReplaceLink";
-import Link from "next/link";
+
+export const metadata: Metadata = {
+  title: "Article - Acupuncture References | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Aiping, J. and Meng, C. Analysis on the therapeutic effects of
+  acupuncture on abstinence from smoking. J Tradit Chin Med 14(1): 56-63, 1994.`,
+};
 
 const ArticleAcupunctureReferences = () => {
   return (

website/app/(pages)/articles/(content)/arthritis-and-exercise/page.tsx

@@ -1,4 +1,12 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Arthritis and Exercise | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `In the 1980’s the idea of including exercise as part of a
+  treatment plan was seen as a radical approach to the management of arthritis.`,
+};
 
 const ArticleArthritisAndExercise = () => {
   return (

website/app/(pages)/articles/(content)/chronic-muscle-pain/page.tsx

@@ -1,4 +1,18 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Chronic Muscle Pain | Dr. Feely",
+  authors: [{ name: "Robert M. Kidd, M.D." }],
+  description: `If you are tired and fatigued and if your muscles ache all over,
+  you may suffer from fibromyalgia syndrome (FMS), which is characterized by
+  widespread pain and tenderness at specific points on certain muscle groups
+  (joints are not usually involved). Symptoms most often come from hip, back,
+  shoulder and neck muscles and usually arise gradually, often following a
+  sprain, strain, whiplash, or other trauma. Some patients report FMS symptom
+  onset following viral or bacterial infection. Many sufferers say it feels like
+  they have the flu all the time.`,
+};
 
 const ArticleChronicMusclePain = () => {
   return (

website/app/(pages)/articles/(content)/coccydynia-case-report/page.tsx

@@ -1,4 +1,17 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Coccydynia Case Report | Dr. Feely",
+  authors: [{ name: "Dr. Chelsey Shoemaker, D.O." }],
+  description: `Coccydynia, or pain of the coccyx (tailbone), is a common
+  musculoskeletal ailment. The tailbone, though rarely thought of during the
+  day, plays a key role in a person’s posture and ability to sit. It, along with
+  a person’s hip bones, bears the entire weight of the body when someone sits.
+  It is located at the very bottom of the spine. It consists of three to five
+  vertebral segments, interconnected by small discs or fibrocartilaginous
+  joints. It is common for some or all of these to become fused as one ages.`,
+};
 
 const ArticleCoccydyniaCaseReport = () => {
   return (

website/app/(pages)/articles/(content)/cranial-manipulation/page.tsx

@@ -1,4 +1,14 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title:
+    "Article - The Effect of Cranial Manipulation on the Traube-Hering-Mayer Oscillation as Measured by Laser-Doppler Flowmetry | Dr. Feely",
+  authors: [{ name: "Nicette Sergueff" }, { name: "Kenneth E. Nelson" }],
+  description: `A correlation has been established between the
+  Traube-Hering-Mayer oscillation in blood-flow velocity, measured by
+  laser-Dopper-flowmetry, and the cranial rhythmic impulse.`,
+};
 
 const ArticleCranialManipulation = () => {
   return (

website/app/(pages)/articles/(content)/cranial-osteopathy-faq/page.tsx

@@ -1,4 +1,17 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Cranial Osteopathy FAQs | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Cranial osteopathy is a sub-specialty of osteopathic
+  manipulative medicine performed by a physician. This sub-specialty deals with
+  subtle motions of the body through the cranial sacral mechanism. It is a
+  gentle and powerful system, part of osteopathic medicine, that uses the
+  patient’s own inherent forces to overcome membranous, articular, ligamentous
+  strains in the body. It is a diagnostic and treatment method for soft tissue
+  injuries and especially cranial and sacral structures.`,
+};
 
 const ArticleCranialOsteopathyFaq = () => {
   return (

website/app/(pages)/articles/(content)/cranial-osteopathy/page.tsx

@@ -1,4 +1,17 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Cranial Osteopathy | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Cranial osteopathy, also known as osteopathy in the cranial
+  field, was developed as a natural extension of Dr. Andrew Taylor Still’s – the
+  founder of the osteopathic profession – philosophical and therapeutic
+  approaches to health through manipulation. William Gardner Sutherland D.O. was
+  the founder of cranial osteopathy, utilizing the body’s inherent forces to
+  overcome membranous articular restrictions principally in the head and spine
+  with secondary effects throughout the rest of the body.`,
+};
 
 const ArticleCranialOsteopathy = () => {
   return (

website/app/(pages)/articles/(content)/ear-acupuncture-faq/page.tsx

@@ -1,4 +1,12 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Ear Acupuncture FAQ | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Ear acupuncture is needle stimulation to the auricle, or
+  external ear, using fine acupuncture needles.`,
+};
 
 const ArticleEarAcupunctureFaq = () => {
   return (

website/app/(pages)/articles/(content)/ear-acupuncture/page.tsx

@@ -1,4 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Ear Acupuncture | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Auriculotherapy is a therapeutic intervention in which the
+  auricle of the external ear is utilized to alleviate pain, dysfunction and
+  disease as represented and manifest throughout the body.`,
+};
 
 const ArticleEarAcupuncture = () => {
   return (

website/app/(pages)/articles/(content)/feelys-osteopathic-dictionary/page.tsx

@@ -1,4 +1,10 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Feely’s Abridged Osteopathic Dictionary | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+};
 
 const ArticleFeelysOsteopathicDictionary = () => {
   return (

website/app/(pages)/articles/(content)/five-element-acupuncture/page.tsx

@@ -1,7 +1,19 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
 import fiveElements from "@/public/content/acupuncture_elements.png";
 import Image from "next/image";
 
+export const metadata: Metadata = {
+  title: "Article - Five Element Acupuncture | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Five element acupuncture has been part of Chinese medicine since
+  the 10th century BC. The concepts first appeared in several books on
+  philosophy such as Shu Ching and the Li Chi and the Guan Dzu. The first
+  medical writings were found in 200 BC by the Nei Chin Su Wen. It was later
+  discussed by Shu Nan Ching. Five element concepts are not only of medical
+  theory but an integral aspect of all Chinese cosmetology and philosophy.`,
+};
+
 const ArticleFiveElementAcupuncture = () => {
   return (
     <Article

website/app/(pages)/articles/(content)/international-acupuncture-bibliography/page.tsx

@@ -1,14 +1,20 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
 import ReplaceLink from "@/components/ReplaceLink";
 import Link from "next/link";
 
+export const metadata: Metadata = {
+  title: "International Acupuncture Bibliography | Dr. Feely",
+  authors: [{ name: "Dr. Andre Lentz" }, { name: "Dr. Terry Oleson" }],
+};
+
 const ArticleInternationalAcupunctureBibliography = () => {
   return (
     <Article
       title="International Acupuncture Bibliography"
       author="Compiled by Dr. Andre Lentz and Dr. Terry Oleson."
     >
-      <Link href="https://auriculotherapy.net" className="italic mb-2 block">
+      <Link href="https://auriculotherapy.net" className="mb-2 block italic">
         Visit auriculotherapy.net for more information.
       </Link>
       <h2>Table of Contents</h2>

website/app/(pages)/articles/(content)/intervertebral-disc-herniation/page.tsx

@@ -1,4 +1,14 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - The Basics of Intervertebral Disk Herniation | Dr. Feely",
+  authors: [{ name: "Brian Leonard, D.O." }],
+  description: `There are a great number of conditions and a variety of states
+  of illness that result in the symptom of “back/neck pain.” Back and neck pain
+  can be related to conditions ranging from muscle strains, somatic dysfunction
+  to nerve compression and anatomic anomalies.`,
+};
 
 const ArticleIntervertebralDiscHerniation = () => {
   return (

website/app/(pages)/articles/(content)/intro-to-osteopathy/page.tsx

@@ -1,4 +1,14 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Introduction to Osteopathy | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Today, only one branch of mainstream medicine follows the
+  Hippocratic philosophy of medical care that centers on the patient, not the
+  disease.  It is Osteopathic Medicine and, currently, some 36,233 osteopathic
+  physicians and surgeons offer this dimension in medical care.`,
+};
 
 const ArticleIntroToOsteopathy = () => {
   return (

website/app/(pages)/articles/(content)/layout.tsx

@@ -24,14 +24,14 @@ const ArticlesLayout = ({ children }: Props) => {
   }, []);
 
   return (
-    <div className="w-11/12 md:w-2/5 mx-auto mt-20">
+    <div className="mx-auto mt-20 w-11/12 md:w-2/5">
-      <Link href="/articles" className="font-bold block my-5">
+      <Link href="/articles" className="my-5 block font-bold">
-        <ArrowLongLeftIcon className="w-[24px] inline "></ArrowLongLeftIcon>{" "}
+        <ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "}
         View all Articles
       </Link>
       {children}
-      <Link href="/articles" className="font-bold block my-5">
+      <Link href="/articles" className="my-5 block font-bold">
-        <ArrowLongLeftIcon className="w-[24px] inline "></ArrowLongLeftIcon>{" "}
+        <ArrowLongLeftIcon className="inline w-[24px] "></ArrowLongLeftIcon>{" "}
         View all Articles
       </Link>
       {/* For some reason if I use a <Link> here it doesn't scroll all the way to the top of the page. */}
@@ -40,7 +40,7 @@ const ArticlesLayout = ({ children }: Props) => {
       ) : (
         <button
           onClick={() => window.scrollTo(0, 0)}
-          className="p-3 m-3 rounded-lg align-middle drop-shadow-md hover:drop-shadow-xl transition-all duration-300 fixed bottom-0 md:right-1/4 md:mr-[-4rem] right-0 mr-5 mb-5 bg-primary-100 flex items-center flex-col"
+          className="fixed bottom-0 right-0 m-3 mb-5 mr-5 flex flex-col items-center rounded-lg bg-primary-100 p-3 align-middle drop-shadow-md transition-all duration-300 hover:drop-shadow-xl md:right-1/4 md:mr-[-4rem]"
         >
           <ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon>
           <div className="text-sm italic">To Top</div>

website/app/(pages)/articles/(content)/neural-biological-mechanisms/page.tsx

@@ -1,4 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Neural Biological Mechanisms | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `The goal of this article is to provide the clinician with
+  information and knowledge of known biological mechanisms involved in somatic
+  dysfunction.`,
+};
 
 const ArticleNeuralBiologicalMechanisms = () => {
   return (

website/app/(pages)/articles/(content)/omt-codes/page.tsx

@@ -1,4 +1,15 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - OMT Codes | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `The CPT Editorial Panel ruled to include OMT codes starting in
+  the 1994 edition of the CPT Manual. All Physicians Current Procedural
+  Terminology [CPT] five-digit numeric codes, descriptions, numeric modifiers,
+  instructions, guidelines, and other material are copyright American Medical
+  Association.`,
+};
 
 const ArticleOmtCodes = () => {
   return (

website/app/(pages)/articles/(content)/osteopath-comparison-table/page.tsx

@@ -1,4 +1,10 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Osteopath Comparison Table | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+};
 
 const ArticleOsteopathComparisonTable = () => {
   return (

website/app/(pages)/articles/(content)/osteopathic-head-pain/page.tsx

@@ -1,4 +1,20 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Head Pain | Dr. Feely",
+  authors: [{ name: "Herbert C. Miller, D.O., FAAO" }],
+  description: `Pain has been defined in many ways, as the sensation “resulting
+  from the stimulation of specialized nerve endings,”‘ or, more poetically, as a
+  punishment or penalty, as for crime. Other definitions include acute
+  discomfort of body or mind, bodily or mental suffering or distress; a
+  distressing sensation, as in a particular part of the body, and trouble
+  experienced in doing something. (2) One’s concept of pain may be colored by
+  diverse circumstances or, in scientific language, feedback. Head pain is
+  usually interpreted by the clinician from the therapeutic point of view, that
+  is, in terms of measures that may stop in, rather than in pathophysiologic
+  terms.`,
+};
 
 const ArticleOsteopathicHeadPain = () => {
   return (

website/app/(pages)/articles/(content)/osteopathic-manipulation-in-pregnancy/page.tsx

@@ -1,4 +1,20 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Osteopathic Manipulation in Pregnancy | Dr. Feely",
+  authors: [{ name: "Andrea S. Clem, D.O." }],
+  description: `During pregnancy, a woman’s body undergoes many anatomic
+  (structural), circulatory (fluid), and hormonal changes that may lead to
+  various musculoskeletal complaints, increase her risk of injury, or alter the
+  course of pre-existing conditions. Some of the more common complaints include
+  low back and pelvic pain, carpal tunnel syndrome, headache, nausea, vomiting,
+  and edema. Approximately 2/3 of women with rheumatoid arthritis will have
+  improvement in their symptoms during pregnancy but may suffer a flare-up in
+  the post partum period. Many women with ankylosing spondylitis may have an
+  exacerbation of symptoms. Women with scoliosis have no increased risk over non
+  pregnant women for progression.`,
+};
 
 const ArticleOsteopathicManipulationInPregnancy = () => {
   return (

website/app/(pages)/articles/(content)/osteopathic-manipulative-treatment/page.tsx

@@ -1,4 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Osteopathic Manipulative Treatment | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `In an era marked by medical advances, from state-of-the-art
+  surgery to the newest prescription medication, what unique tool will
+  osteopathic physicians use? Their hands.`,
+};
 
 const ArticleOsteopathicManipulativeTreatment = () => {
   return (

website/app/(pages)/articles/(content)/osteopathy-faq/page.tsx

@@ -1,4 +1,14 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Osteopathy FAQs | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Osteopathy is a complete school of medicine in the United
+  States. It is a separate and distinct medical profession with unlimited
+  practice rights in the field of medicine and surgery. It is a medical art and
+  science with a unifying holistic philosophy of body, mind and spirit.`,
+};
 
 const ArticleOsteopathyFaq = () => {
   return (

website/app/(pages)/articles/(content)/pediatric-digestive-problems/page.tsx

@@ -1,4 +1,18 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Digestive Problems | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Newborn babies are frequent sufferers of gastrointestinal
+  complaints.  That shouldn’t come as a surprise when one considers that the
+  digestive system had no job to do in those first nine months in utero but is
+  asked to be responsible for the entire sustenance of the body after birth.
+  Digestive system troubles can range from spitting up to projectile vomiting
+  and reflux, from mild difficulty burping to the hours of daily crying of a
+  colicky baby. Although these problems do lessen as the digestive system
+  matures, waiting for relief can be very hard on infants and parents.`,
+};
 
 const ArticlePediatricDigestiveProblems = () => {
   return (

website/app/(pages)/articles/(content)/pediatric-down-syndrome/page.tsx

@@ -1,4 +1,20 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Down Syndrome | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `One might wonder what the value of osteopathic manipulative
+  treatment could be for a genetic syndrome. Osteopathic medicine is based on
+  the principle that body structure and function are dynamically interrelated.
+  When one improves the anatomic interrelationships of structural elements of
+  the body (bones, muscles, membranes, tissues, fluids), one sees improvement in
+  the function of the body. This holds true whether the causes of the structural
+  abnormalities are genetically based or not. It is clearly evident in looking
+  at the face of a typical child with Down Syndrome that there is a lot about
+  structure that is less than optimal.  Let’s look at what improvements in
+  functions might be seen by improving the structure.`,
+};
 
 const ArticlePediatricDownSyndrome = () => {
   return (

website/app/(pages)/articles/(content)/pediatric-orthopedic-problems/page.tsx

@@ -1,4 +1,15 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Orthopedic Problems | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `The vast majority of orthopedic problems in childhood are seen
+  in the lower extremities: the feet, legs, knees and hips. When one considers
+  the vast changes that a small body must make as it grows from its cramped in
+  utero position through crawling to walking, it is not surprising to find
+  problems in the lower extremities.`,
+};
 
 const ArticlePediatricOrthopedicProblems = () => {
   return (

website/app/(pages)/articles/(content)/pediatric-respiratory-health/page.tsx

@@ -1,4 +1,15 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Respiratory Health | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Viruses capable of causing a cold are present in our everyday
+  environments. The cold that may result from contact with a virus presents an
+  opportunity for the developing immune system of an infant or young child to
+  gain strength. In this way, the common cold should not be viewed as an enemy,
+  but rather as a training ground for the maturation of our immune system.`,
+};
 
 const ArticlePediatricRespiratoryHealth = () => {
   return (

website/app/(pages)/articles/(content)/pediatric-treatment-for-newborns/page.tsx

@@ -1,4 +1,15 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Treatment for the Newborn | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `For centuries, in many parts of the world, highly trained birth
+  attendants have seen it as part of their job to correct the stresses that
+  birth has placed in the body of the newborn. This constitutes an
+  acknowledgment that birth is a difficult process and that measures can be
+  taken after birth to assist the baby in its recovery.`,
+};
 
 const ArticlePediatricTreatmentForNewborns = () => {
   return (

website/app/(pages)/articles/(content)/scalp-acupuncture/page.tsx

@@ -1,4 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - Scalp Acupuncture | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `Dr. Toshikatsu Yamamoto, of Miyazaki, Japan, founded and
+  developed a new system of scalp acupuncture in 1973, while working in Yamamoto
+  Hospital in Nichinan.`,
+};
 
 const ArticleScalpAcupuncture = () => {
   return (

website/app/(pages)/articles/(content)/ten-stages-of-grief/page.tsx

@@ -1,7 +1,19 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
 import griefPic from "@/public/content/stages_of_grief.png";
 import Image from "next/image";
 
+export const metadata: Metadata = {
+  title: "Article - The Ten Stages of Grief | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `The initial stage of grief is usually experienced even if the
+  death has been expected, as in a long terminal illness. There is only so much
+  physical or psychic pain which can be endured by the mind, and when that limit
+  is reached, the mental/emotional system shuts down. There is often denial that
+  can last for quite some time. This is expressed as “numbness,” or as a sense
+  of unreality.`,
+};
+
 const ArticleTenStagesOfGrief = () => {
   return (
     <Article

website/app/(pages)/articles/(content)/the-trauma-of-birth/page.tsx

@@ -1,4 +1,13 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - The Trauma of Birth | Dr. Feely",
+  authors: [{ name: "Viola M Fryman, D.O." }],
+  description: `The newborn skull is designed to provide maximum accommodation
+  to the forces of labor and minimum trauma to the developing brain. However,
+  injury to the head during birth is more common than many people realize.`,
+};
 
 const ArticleTheTraumaOfBirth = () => {
   return (

website/app/(pages)/articles/(content)/what-is-a-do/page.tsx

@@ -1,4 +1,14 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Article - What is D.O.? | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `If you’re like most people, you’ve been going to a doctor ever
+  since you were born, and perhaps were not aware whether you were seeing a D.O.
+  (osteopathic physician) or an M.D. (allopathic physician). You may not even be
+  aware that there are two types of complete physicians in the United States.`,
+};
 
 const ArticleWhatIsADo = () => {
   return (

website/app/(pages)/articles/(content)/yamamoto-new-scalp-acupuncture-faq/page.tsx

@@ -1,6 +1,16 @@
 import Article from "@/components/Article";
+import { Metadata } from "next";
 import Link from "next/link";
 
+export const metadata: Metadata = {
+  title: "Article - Yamamoto New Scalp Acupunture FAQ | Dr. Feely",
+  authors: [{ name: "Richard A. Feely, D.O., FAAO, FCA, FAAMA" }],
+  description: `YNSA’s founder, Dr. Toshikatsu Yamamoto of Miyazaki, Japan,
+  teaches a one-week course to MDs and osteopaths in Japan, and conducts YNSA
+  seminars in the United States. A physician needs to have been trained in
+  acupuncture before studying YNSA.`,
+};
+
 const ArticleYamamotoNewScalpAcupunctureFaq = () => {
   return (
     <Article

website/app/(pages)/articles/page.tsx

@@ -3,11 +3,10 @@ import ArtsForDocs from "./views/ArtsForDocs";
 import ArtsForPatients from "./views/ArtsForPatients";
 
 export const metadata: Metadata = {
-  title: "Dr. Feely | Articles",
+  title: "Articles | Dr. Feely",
-  description: `Dr. Feely is a highly accomplished physician with over 25 years
+  description: `The location of Dr. Richard A. Feely's medical articles. Dr.
-    of experience in osteopathic medicine, acupuncture, herbal medicine, and
+  Feely is a highly accomplished physician with over 25 years of experience in
-    family practice. He specializes in the treatment of neuromusculoskeletal
+  osteopathic medicine, acupuncture, herbal medicine, and family practice.`,
-    pain, especially back pain, neck pain and headaches.`,
 };
 
 const Articles = () => {

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

@@ -1,4 +1,5 @@
 import View from "@/components/View";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
 
 const ArtsForDocs = () => {
@@ -50,7 +51,8 @@ const ArtsForDocs = () => {
             target="_blank"
             className="block"
           >
-            DRG/OMT Chart [PDF]
+            DRG/OMT Chart [PDF]{" "}
+            <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
           </Link>
         </div>
       </div>
@@ -64,6 +66,17 @@ const ArtsForDocs = () => {
           <Link href="/articles/acupuncture-letter" className="block">
             Acupuncture Letter
           </Link>
+        </div>
+        <div>
+          <h2>Resources</h2>
+          <Link
+            href="/content/doctor-resources/point-categories.pdf"
+            target="_blank"
+            className="block"
+          >
+            Point Categories [PDF]{" "}
+            <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
+          </Link>
           <Link
             href="/articles/international-acupuncture-bibliography"
             className="block"
@@ -74,17 +87,18 @@ const ArtsForDocs = () => {
             Acupuncture References
           </Link>
         </div>
+      </div>
       <div>
-          <h2>Resources</h2>
+        <h2>Neuro Ocular Release</h2>
         <Link
-            href="/content/doctor-resources/point-categories.pdf"
+          href="/content/doctor-resources/nor_article.pdf"
           target="_blank"
           className="block"
         >
-            Point Categories [PDF]
+          Neuro-Ocular Release: A New Osteopathic Technique [PDF]{" "}
+          <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
         </Link>
       </div>
-      </div>
     </View>
   );
 };

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

@@ -1,4 +1,5 @@
 import View from "@/components/View";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
 import Link from "next/link";
 
 const ArtsForPatients = () => {
@@ -102,7 +103,15 @@ const ArtsForPatients = () => {
           href="/articles/yamamoto-new-scalp-acupuncture-faq"
           className="block"
         >
-          Yamamoto New Scalp Acupuncture FAQ
+          Yamamoto New Scalp Acupuncture FAQ{" "}
+        </Link>
+        <Link
+          href="/content/patient-resources/scalp_acupuncture.pdf"
+          target="_blank"
+          className="block"
+        >
+          Patient Before-and-Afters [PDF]{" "}
+          <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
         </Link>
       </div>
     </View>

website/app/(pages)/nor/page.tsx

@@ -2,11 +2,12 @@ import { Metadata } from "next";
 import NOR from "./views/NOR";
 
 export const metadata: Metadata = {
-  title: "Dr. Feely | NOR",
+  title: "Neuro Ocular Release | Dr. Feely",
-  description: `Dr. Feely is a highly accomplished physician with over 25 years
+  description: `Neuro-ocular release (NOR) is a new osteopathic method that is
-    of experience in osteopathic medicine, acupuncture, herbal medicine, and
+  designed to be used alongside other techniques. By utilizing the visual
-    family practice. He specializes in the treatment of neuromusculoskeletal
+  system, NOR accesses pathways that reset the central and peripheral nervous
-    pain, especially back pain, neck pain and headaches.`,
+  systems. In doing so, NOR more effectively alleviates somatic disfunction in
+  less time than traditional methods alone.`,
 };
 
 const NeuroOcularRelease = () => {

website/app/(pages)/osteopathy/page.tsx

@@ -4,11 +4,12 @@ import OsteoBasics from "./views/OsteoBasics";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Dr. Feely | Osteopathy",
+  title: "Osteopathy | Dr. Feely",
-  description: `Dr. Feely is a highly accomplished physician with over 25 years
+  description: `Osteopathic Medicine finds its roots in the pioneering work of
-    of experience in osteopathic medicine, acupuncture, herbal medicine, and
+  Dr.  Andrew Taylor Still, who challenged the medical practices of his time.
-    family practice. He specializes in the treatment of neuromusculoskeletal
+  In 1874, Dr. Still developed a groundbreaking philosophy that viewed the body
-    pain, especially back pain, neck pain and headaches.`,
+  as an interconnected unit, where all its systems work harmoniously to maintain
+  health.`,
 };
 
 const Osteopathy = () => {

website/app/(pages)/osteopathy/views/PediatricCare.tsx

@@ -1,4 +1,4 @@
-import LearnMoreButton from "@/components/LearnMoreButton";
+import LearnMoreLink from "@/components/LearnMoreLink";
 import View from "@/components/View";
 import childInCast from "@/public/content/child_in_cast.jpg";
 import childWithCold from "@/public/content/child_with_cold.jpg";
@@ -18,7 +18,7 @@ const PediatricCare = () => {
       id="pediatriccare"
     >
       <h1>Pediatrics</h1>
-      <div className="grid md:grid-cols-2 place-items-center gap-y-20 my-10">
+      <div className="my-10 grid place-items-center gap-y-12 md:grid-cols-2">
         <Card>
           <h2>Digestive Problems</h2>
           <p className={pClass}>
@@ -33,9 +33,9 @@ const PediatricCare = () => {
             alleviate childhood digestive and urinary issues, supporting
             healthier development.
           </p>
-          <LearnMoreButton href="/articles/pediatric-digestive-problems">
+          <LearnMoreLink href="/articles/pediatric-digestive-problems">
             Keep reading about osteopathy and digestion
-          </LearnMoreButton>
+          </LearnMoreLink>
         </Card>
         <Image src={sickChild} alt="Sick Child" className={imageClass} />
 
@@ -57,9 +57,9 @@ const PediatricCare = () => {
             addressing cranial shape, neural pathways, and skeletal
             abnormalities.
           </p>
-          <LearnMoreButton href="/articles/pediatric-down-syndrome">
+          <LearnMoreLink href="/articles/pediatric-down-syndrome">
             Learn more about OMT and down syndrome
-          </LearnMoreButton>
+          </LearnMoreLink>
         </Card>
 
         <Card>
@@ -74,9 +74,9 @@ const PediatricCare = () => {
             abnormalities, and sports injuries, promoting healthy structural
             growth and preventing long-term problems.
           </p>
-          <LearnMoreButton href="/articles/pediatric-orthopedic-problems">
+          <LearnMoreLink href="/articles/pediatric-orthopedic-problems">
             Discover how OMT can alleviate orthopedic issues
-          </LearnMoreButton>
+          </LearnMoreLink>
         </Card>
         <Image
           src={childInCast}
@@ -101,9 +101,9 @@ const PediatricCare = () => {
             diaphragm function, reducing the need for medication and improving
             immune responses.
           </p>
-          <LearnMoreButton href="/articles/pediatric-respiratory-health">
+          <LearnMoreLink href="/articles/pediatric-respiratory-health">
             Dive deeper into respitory health and osteopathy
-          </LearnMoreButton>
+          </LearnMoreLink>
         </Card>
 
         <Card>
@@ -116,9 +116,9 @@ const PediatricCare = () => {
             nerve issues caused by birth, helping to resolve irritability,
             developmental delays, and other problems.
           </p>
-          <LearnMoreButton href="/articles/pediatric-treatment-for-newborns">
+          <LearnMoreLink href="/articles/pediatric-treatment-for-newborns">
             Learn more about OMT and infants
-          </LearnMoreButton>
+          </LearnMoreLink>
         </Card>
         <Image src={infant} alt="Infant baby" className={imageClass} />
       </div>

website/app/globals.css

@@ -19,6 +19,7 @@
   h1 {
     @apply text-7xl;
     @apply font-cormorant;
+    @apply my-10;
   }
   h2 {
     @apply text-2xl;
@@ -31,7 +32,7 @@
   .ArticleContent h2 {
     @apply text-xl;
     @apply font-bold;
-    @apply mt-3 mb-4;
+    @apply mb-4 mt-3;
     @apply scroll-mt-20;
   }
 
@@ -78,3 +79,20 @@
     @apply my-3;
   }
 }
+
+@layer utilities {
+  .behind-shadow {
+    position: relative !important;
+  }
+
+  .behind-shadow::before {
+    content: "" !important;
+    position: absolute !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    z-index: -1 !important;
+    @apply drop-shadow-2xl !important;
+  }
+}

website/app/page.tsx

@@ -5,7 +5,7 @@ import EduAndProExp from "./views/EduAndProExp";
 import Introduction from "./views/Introduction";
 
 export const metadata: Metadata = {
-  title: "Dr. Richard A. Feely | Home",
+  title: "Dr. Richard A. Feely",
   description: `Dr. Feely is a highly accomplished physician with over 25 years
     of experience in osteopathic medicine, acupuncture, herbal medicine, and
     family practice. He specializes in the treatment of neuromusculoskeletal

website/app/views/AcademicWork.tsx

@@ -1,4 +1,7 @@
 import View from "@/components/View";
+import AcademicAppts from "./components/AcademicAppts";
+import Books from "./components/Books";
+import Articles from "./components/Articles";
 
 const AcademicWork = () => {
   return (
@@ -7,120 +10,14 @@ const AcademicWork = () => {
       txt_color="text-primary-500"
       id="academicwork"
     >
-      <div className="">
+      <h1>Academic Work</h1>
-        <h2>Academic Appointments</h2>
+      <AcademicAppts />
-        <div>
+      <div className="mt-10 flex flex-col gap-10 md:flex-row">
-          <div>2016-2017</div>
+        <div className="basis-1/2">
-          <div>World Health Organization</div>
+          <Books />
-          <div>
-            Temporary Consultant in Integrative Medicine for Workshop on Quality
-            of Traditional and Complementary Medicine Services. Expert on
-            Practice in southeast Asia region, incl. Macao and China.
         </div>
-        </div>
+        <div className="basis-1/2">
-        <div>
+          <Articles />
-          <div>1998-Present</div>
-          <div>
-            Midwestern University, Chicago College of Osteopathic Medicine
-          </div>
-          <div>
-            Clinical Associate Professor of Osteopathic Manipulative Medicine
-          </div>
-        </div>
-        <div>
-          <div>2018-2020</div>
-          <div>Tuoro University College of Osteopathic Medicine</div>
-          <div>Adjunct Associate Professor</div>
-        </div>
-        <div>
-          <div>2010-2018</div>
-          <div>A.T. Still University</div>
-          <div>Adjunct Associate Professor</div>
-        </div>
-        <div>
-          <div>2007-2017</div>
-          <div>Western University College Osteopathic Medicine</div>
-          <div>
-            Adjunct Associate Professor of Osteopathic Manipulative Acupuncture
-          </div>
-        </div>
-        <div>
-          <div>1992-1994</div>
-          <div>The Osteopathic Cranial Academy</div>
-          <div>33rd President</div>
-        </div>
-        <div>
-          <div>2010-2011</div>
-          <div>American Academy of Osteopathy</div>
-          <div>63rd President</div>
-        </div>
-      </div>
-      <div className="">
-        <h2>Books</h2>
-        <div>
-          <div>2011</div>
-          <div>
-            2nd Ed. Yamamoto New Scalp Acupuncture (YNSA) Principles and
-            Practice
-          </div>
-          <div>Richard A. Feely, DO</div>
-          <div>Theime</div>
-          <div>158 pgs.</div>
-        </div>
-        <div>
-          <div>2006</div>
-          <div>
-            Yamamoto New Scalp Acupuncture (YNSA) Principles and Practice
-          </div>
-          <div>Richard A. Feely, DO</div>
-          <div>Theime</div>
-          <div>139 pgs.</div>
-        </div>
-        <div>
-          <div>1998</div>
-          <div>Clinical Cranial Osteopathy: Selected Readings</div>
-          <div>Richard A. Feely, DO</div>
-          <div>The Cranial Academy</div>
-          <div>268 pgs.</div>
-        </div>
-      </div>
-      <div className="">
-        <h2>Articles</h2>
-        <div>
-          <div>2020</div>
-          <div>
-            Neuro-Ocular Release: A New Osteopathic Technique For Resolving
-            Somatic Dysfunction
-          </div>
-          <div>Richard Feely and Jillian Smith</div>
-          <div>AAO Journal, Vol. 30, No. 2</div>
-        </div>
-        <div>
-          <div>2017</div>
-          <div>
-            Progressive Infantile Scoliosis Managed with Osteopathic
-            Manipulative Treatment
-          </div>
-          <div>Richard Feely and Holly Kapraun</div>
-          <div>
-            The Journal of the American Osteopathic Association. 117. 595.
-            10.7556/jaoa.2017.114
-          </div>
-        </div>
-        <div>
-          <div>1992</div>
-          <div>Hospital Guidelines DRG/OMT Master Matrix</div>
-          <div>Richard A. Feely, DO</div>
-          <div>Rhema Medical Publishers, JAOA</div>
-        </div>
-        <div>
-          <div>1980</div>
-          <div>
-            An Outline of Osteopathic Manipulative Procedures in the Cranial
-            Field
-          </div>
-          <div>Richard A. Feely, DO</div>
-          <div>Kirksville College of Osteopathic Medicine</div>
         </div>
       </div>
     </View>

website/app/views/CertsAndFellows.tsx

@@ -1,4 +1,9 @@
 import View from "@/components/View";
+import BoardCerts from "./components/BoardCerts";
+import Fellowships from "./components/Fellowships";
+import Awards from "./components/Awards";
+import headshot from "@/public/content/dr_feely_headshot2.png";
+import Image from "next/image";
 
 const CertsAndFellows = () => {
   return (
@@ -7,99 +12,25 @@ const CertsAndFellows = () => {
       txt_color="text-primary-500"
       id="certsandfellows"
     >
-      <div className="">
+      <h1>Accolades & Awards</h1>
-        <h2>Board Certifications</h2>
+      <div className="mb-10 flex flex-col gap-10 md:flex-row">
-        <div>
+        <div className="md:basis-1/2">
-          <div>2001, 2011</div>
+          <Fellowships className="" />
-          <div>American Board of Medical Acupuncture</div>
         </div>
-        <div>
+        <div className="flex items-center justify-center md:basis-1/2">
-          <div>2000, 2010</div>
+          <Image
-          <div>American Board of Independent Medical Examiners (CIME)</div>
+            src={headshot}
-        </div>
+            alt="Picture of Dr. feely"
-        <div>
+            className="w-5/6 self-center rounded-lg drop-shadow-2xl lg:w-3/5"
-          <div>'95, '02, '07, '12, '16, '20</div>
+          />
-          <div>
-            American Board of Quality Assurance and Utilization Review
-            Physicians
         </div>
       </div>
-        <div>
+      <div className="flex flex-col gap-10 md:flex-row">
-          <div>1994</div>
+        <div className="md:basis-1/2">
-          <div>American Board of Forensic Examiners</div>
+          <BoardCerts />
-        </div>
-        <div>
-          <div>1991</div>
-          <div>
-            American Osteopathic Board of Special Proficiency in Manipulative
-            Medicine
-          </div>
-        </div>
-        <div>
-          <div>1988</div>
-          <div>American Board of Disability Evaluating Physicians</div>
-        </div>
-        <div>
-          <div>1986</div>
-          <div>American Board of Osteopathic Family Practice</div>
-        </div>
-      </div>
-      <div className="">
-        <h2>Fellowships</h2>
-        <div>
-          <div>2017</div>
-          <div>FAQAURP</div>
-          <div>
-            American Board of Quality Assurance and Utilization Review
-            Physicians
-          </div>
-        </div>
-        <div>
-          <div>2001</div>
-          <div>FAAMA</div>
-          <div>American Academy of Medical Acupuncture (FAAMA)</div>
-        </div>
-        <div>
-          <div>1995</div>
-          <div>FCA</div>
-          <div>Cranial Academy</div>
-        </div>
-        <div>
-          <div>1994</div>
-          <div>FAAO</div>
-          <div>American Academy of Osteopathy</div>
-        </div>
-        <div>
-          <div>1988</div>
-          <div>FIAIME</div>
-          <div>International Academy of Independent Medical Evaluators</div>
-        </div>
-      </div>
-      <div className="">
-        <h2>Awards</h2>
-        <div>
-          <div>2019</div>
-          <div>Andrew Taylor Still Medallion of Honor</div>
-          <div>
-            Lifetime Achievement Award by the American Academy of Osteopathy.
-          </div>
-        </div>
-        <div>
-          <div>2018</div>
-          <div>Top Performer</div>
-          <div>DO-Touch.NET, Physician Practice Based Research Network.</div>
-        </div>
-        <div>
-          <div>1999</div>
-          <div>Sutherland Memorial Lecturer</div>
-          <div>Osteopathic Cranial Academy</div>
-        </div>
-        <div>
-          <div>1979</div>
-          <div>Diplomat</div>
-          <div>
-            National Board of Examiners for Osteopathic Physicians and Surgeons
         </div>
+        <div className="md:basis-1/2">
+          <Awards />
         </div>
       </div>
     </View>

website/app/views/EduAndProExp.tsx

@@ -1,4 +1,6 @@
 import View from "@/components/View";
+import ProExp from "./components/ProExp";
+import Edu from "./components/Edu";
 
 const EduAndProExp = () => {
   return (
@@ -7,81 +9,9 @@ const EduAndProExp = () => {
       txt_color="text-primary-500"
       id="eduandproexp"
     >
-      <div className="">
+      <h1>Education & Business</h1>
-        <h2>Education</h2>
+      <Edu className="mb-10" />
-        <div>
+      <ProExp />
-          <div>Truman State University</div>
-          <div>B.S. - Zoology/Chemistry</div>
-        </div>
-        <div>
-          <div>
-            A.T. Still University, Kirksville College of Osteopathic Medicine
-          </div>
-          <div>
-            Doctor of Osteopathy, Pre-doctoral fellow in Osteopathic Theory and
-            Methods
-          </div>
-        </div>
-        <div>
-          <div>Davenport Osteopathic Hospital</div>
-          <div>Rotating Internship Training Program</div>
-        </div>
-      </div>
-      <div className="">
-        <h2>Professional Experience</h2>
-        <div>
-          <div>Feely Center for Optimal Health</div>
-          <div>2000-Present</div>
-          <div>President</div>
-          <div>
-            A private osteopathic integrative medical practice with locations in
-            Chicago and Olympia Fields, IL
-          </div>
-        </div>
-        <div>
-          <div>OMM, LLC</div>
-          <div>2010-Present</div>
-          <div>President</div>
-          <div>
-            Created <a href="https://www.ommtests.com">ommtests.com</a>, the
-            most complete web-based OMM/OMT test prep program.
-          </div>
-        </div>
-        <div>
-          <div>TCMtests, LLC</div>
-          <div>2003-Present</div>
-          <div>Founder and President</div>
-          <div>
-            Created <a href="https://www.tcmtests.com">tcmtests.com</a>, the
-            leading online board certification test prep site for Acupuncturist
-            and Oriental Medical Doctors
-          </div>
-        </div>
-        <div>
-          <div>Tivity Health</div>
-          <div>2019-Present</div>
-          <div>MD/DO Peer Reviewer</div>
-          <div>
-            Peer Reviewer in Utilization Review Management at a large provider
-            of health improvement at fitness solutions, based in Franlin, TN
-          </div>
-        </div>
-        <div>
-          <div>Womack Investment Advisers</div>
-          <div>2009-Present</div>
-          <div>Registered Investment Adviser</div>
-          <div>
-            Investment adviser at a prominent finacial planning and wealth
-            management firm in Edmond, Oklahoma.
-          </div>
-        </div>
-        <div>
-          <div>American WholeHealth</div>
-          <div>1999-2000</div>
-          <div>National Director of Quality Management</div>
-          <div></div>
-        </div>
-      </div>
     </View>
   );
 };

website/app/views/Introduction.tsx

@@ -13,19 +13,17 @@ const Introduction = () => {
       bg_color="bg-primary-500 bg-opacity-75"
       txt_color="text-primary-100"
       id="introduction"
-      className="overflow-hidden relative"
+      className="relative overflow-hidden"
     >
       {/* "relative" above makes the background work */}
       {/* we have to do some funky stuff with margins to get the look 
           we want for the home page */}
-      <div className="min-h-screen my-10 md:my-[-6rem] flex flex-col md:justify-between">
+      <div className="my-10 flex min-h-screen items-center md:my-[-6rem]">
-        {/* bumpers so the content doesn't overlap with the navbar*/}
+        <div className="flex flex-col items-center gap-12 p-0 md:mb-32 md:mt-48 md:flex-row md:justify-around">
-        <div className="h-0 md:h-48"></div>
-        <div className="flex items-center flex-col md:flex-row gap-12 md:justify-around">
           <hgroup className="basis-6/12">
             <div className="relative">
               <div className="before:absolute before:-left-52 before:-top-44 before:z-[-1] before:content-textAccent">
-                <h1 className="pb-10">Richard A. Feely, DO</h1>
+                <h1 className="">Richard A. Feely, DO</h1>
               </div>
             </div>
             <p className="text-2xl">
@@ -38,27 +36,24 @@ const Introduction = () => {
           </hgroup>
           <div className="basis-4/12">
             <Image
-              className="shadow-superPortraitR shadow-secondary-500 rounded-3xl w-fit"
+              className="w-fit rounded-3xl shadow-superPortraitR shadow-secondary-500"
               src={drFeelyPic}
               alt="Headshot of Dr. Feely"
             />
           </div>
         </div>
-        {/* bumpers so the content doesn't overlap with the navbar. 
-            need one on the bottom too because justify-between */}
-        <div className="h-0 md:h-32"></div>
       </div>
 
       {/* bouncy arrow :) */}
-      <div className="bg-secondary-500 rounded-full hidden md:block ml-[-10px] mb-4 absolute bottom-0 left-1/2 animate-bounce drop-shadow-xl p-1.5">
+      <div className="absolute bottom-0 left-1/2 mb-4 ml-[-10px] hidden animate-bounce rounded-full bg-secondary-500 p-1.5 drop-shadow-xl md:block">
         <ChevronDoubleDownIcon
           width="20px"
           className=""
         ></ChevronDoubleDownIcon>
       </div>
       {/* background image magic */}
-      <HomePageCarousel className="h-full w-full absolute top-0 left-0 z-[-2]"></HomePageCarousel>
+      <HomePageCarousel className="absolute left-0 top-0 z-[-2] h-full w-full"></HomePageCarousel>
-      <div className="h-full w-full absolute top-0 left-0 z-[-3] bg-primary-500"></div>
+      <div className="absolute left-0 top-0 z-[-3] h-full w-full bg-primary-500"></div>
     </View>
   );
 };

website/app/views/components/AcademicAppts.tsx

@@ -0,0 +1,164 @@
+"use client";
+import Button from "@/components/Button";
+import Card from "@/components/Card";
+import { ArrowDownIcon, ArrowUpIcon } from "@heroicons/react/24/solid";
+import { useState } from "react";
+import whoLogo from "@/public/content/who.png";
+import midwesternLogo from "@/public/content/midwestern_college.png";
+import tuoroLogo from "@/public/content/tuoro_university.png";
+import atStillLogo from "@/public/content/at_still.svg";
+import westernULogo from "@/public/content/western_university.png";
+import cranialLogo from "@/public/content/osteopathic_cranial_academy.png";
+import aaoLogo from "@/public/content/aao.webp";
+import Image from "next/image";
+
+interface Props {
+  className?: string;
+}
+
+const AcademicAppts = ({ className }: Props) => {
+  const cardYearsStyle = "italic my-2";
+  const cardPositionStyle = "font-bold my-2";
+  const logoStyle = "h-32 w-auto";
+
+  const [showAll, setShowAll] = useState(false);
+
+  return (
+    <div className={className}>
+      <h2>Academic Appointments</h2>
+      <div className="flex flex-col-reverse md:flex-row">
+        <div className="flex flex-col gap-4 md:basis-1/2">
+          <Card>
+            <h2>World Health Organization</h2>
+            <div className={cardYearsStyle}>2016-2017</div>
+            <div className={cardPositionStyle}>
+              Temporary Consultant in Integrative Medicine
+            </div>
+            <div>
+              Workshop on Quality of Traditional and Complementary Medicine
+              Services. Expert on Practice in southeast Asia region, incl. Macao
+              and China.
+            </div>
+          </Card>
+
+          <Card>
+            <h2>
+              Midwestern University
+              <br />
+              Chicago College of Osteopathic Medicine
+            </h2>
+            <div className={cardYearsStyle}>1998-Present</div>
+            <div className={cardPositionStyle}>
+              Clinical Associate Professor of Osteopathic Manipulative Medicine
+            </div>
+          </Card>
+
+          <Card>
+            <h2>
+              Tuoro University
+              <br />
+              College of Osteopathic Medicine
+            </h2>
+            <div className={cardYearsStyle}>2018-2020</div>
+            <div className={cardPositionStyle}>Adjunct Associate Professor</div>
+          </Card>
+
+          {showAll ? (
+            <>
+              <Card>
+                <h2>A.T. Still University</h2>
+                <div className={cardYearsStyle}>2010-2018</div>
+                <div className={cardPositionStyle}>
+                  Adjunct Associate Professor
+                </div>
+              </Card>
+
+              <Card>
+                <h2>
+                  Western University
+                  <br />
+                  College Osteopathic Medicine
+                </h2>
+                <div className={cardYearsStyle}>2007-2017</div>
+                <div className={cardPositionStyle}>
+                  Adjunct Associate Professor of Osteopathic Manipulative
+                  Acupuncture
+                </div>
+              </Card>
+
+              <Card>
+                <h2>The Osteopathic Cranial Academy</h2>
+                <div className={cardYearsStyle}>1992-1994</div>
+                <div className={cardPositionStyle}>33rd President</div>
+              </Card>
+
+              <Card>
+                <h2>American Academy of Osteopathy</h2>
+                <div className={cardYearsStyle}>2010-2011</div>
+                <div className={cardPositionStyle}>63rd President</div>
+              </Card>
+            </>
+          ) : (
+            <></>
+          )}
+        </div>
+        <div className="hidden flex-col items-center justify-center gap-32 md:flex md:basis-1/2">
+          <Image
+            className={logoStyle}
+            src={whoLogo}
+            alt="World health organization logo"
+          />
+          <Image
+            className={logoStyle + " !h-40"}
+            src={midwesternLogo}
+            alt="Midwestern university logo"
+          />
+          <Image
+            className={logoStyle}
+            src={tuoroLogo}
+            alt="Tuoro university logo"
+          />
+          {showAll ? (
+            <>
+              <Image
+                className={logoStyle + " !h-20"}
+                src={atStillLogo}
+                alt="AT Still Univeristy logo"
+              />
+              <Image
+                className={logoStyle}
+                src={westernULogo}
+                alt="Western university logo"
+              />
+              <Image
+                className={logoStyle + " !h-20"}
+                src={cranialLogo}
+                alt="Osteopathic Cranial academy logo"
+              />
+              <Image
+                className={logoStyle}
+                src={aaoLogo}
+                alt="American Academy of osteopathy logo"
+              />
+            </>
+          ) : (
+            <></>
+          )}
+        </div>
+      </div>
+      <div className="mt-12 flex justify-center">
+        {showAll ? (
+          <Button onClick={() => setShowAll((e) => !e)}>
+            Show Less <ArrowUpIcon className="inline w-[24px]" />
+          </Button>
+        ) : (
+          <Button onClick={() => setShowAll((e) => !e)}>
+            Show More <ArrowDownIcon className="inline w-[24px]" />
+          </Button>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default AcademicAppts;

website/app/views/components/Articles.tsx

@@ -0,0 +1,70 @@
+import Card from "@/components/Card";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
+import Link from "next/link";
+
+const Articles = () => {
+  const titleStyle = "font-bold";
+  const yearStyle = "italic";
+  const publisherStyle = "italic";
+  const pagesStyle = "italic";
+  const authorStyle = "";
+  return (
+    <div>
+      <h2>Articles</h2>
+      <div className="flex flex-col gap-6">
+        <Card className="relative">
+          <div className={titleStyle}>
+            Neuro-Ocular Release: A New Osteopathic Technique For Resolving
+            Somatic Dysfunction
+          </div>
+          <div className={authorStyle}>Richard Feely and Jillian Smith</div>
+          <div className={yearStyle}>2020</div>
+          <div className={publisherStyle}>
+            AAO Journal, Vol. 30, No. 2 &mdash;{" "}
+            <Link
+              target="_blank"
+              href="/content/doctor-resources/nor_article.pdf"
+              className="trasnition-all underline duration-300 hover:drop-shadow"
+            >
+              Read{" "}
+              <ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
+            </Link>
+          </div>
+        </Card>
+        <Card>
+          <div className={titleStyle}>
+            Progressive Infantile Scoliosis Managed with Osteopathic
+            Manipulative Treatment
+          </div>
+          <div className={authorStyle}>Richard Feely and Holly Kapraun</div>
+          <div className={yearStyle}>2017</div>
+          <div className={publisherStyle}>
+            The Journal of the American Osteopathic Association. 117. 595.
+            10.7556/jaoa.2017.114
+          </div>
+        </Card>
+        <Card>
+          <div className={titleStyle}>
+            Hospital Guidelines DRG/OMT Master Matrix
+          </div>
+          <div className={authorStyle}>Richard A. Feely, DO</div>
+          <div className={yearStyle}>1992</div>
+          <div className={publisherStyle}>Rhema Medical Publishers, JAOA</div>
+        </Card>
+        <Card>
+          <div className={titleStyle}>
+            An Outline of Osteopathic Manipulative Procedures in the Cranial
+            Field
+          </div>
+          <div className={authorStyle}>Richard A. Feely, DO</div>
+          <div className={yearStyle}>1980</div>
+          <div className={publisherStyle}>
+            Kirksville College of Osteopathic Medicine
+          </div>
+        </Card>
+      </div>
+    </div>
+  );
+};
+
+export default Articles;

website/app/views/components/Awards.tsx

@@ -0,0 +1,36 @@
+import Card from "@/components/Card";
+
+interface Props {
+  className?: string;
+}
+
+const Awards = ({ className }: Props) => {
+  return (
+    <div className={" " + className}>
+      <h2 className="">Awards</h2>
+      <ul className=" ml-10 list-inside list-disc">
+        <li>
+          <strong>Andrew Taylor Still Medallion of Honor </strong>
+          <em>2019</em> &mdash; Lifetime Achievement Award by the American
+          Academy of Osteopathy.
+        </li>
+        <li>
+          <strong>Top Performer </strong>
+          <em>2018</em> &mdash; DO-Touch.NET, Physician Practice Based Research
+          Network.
+        </li>
+        <li>
+          <strong>Sutherland Memorial Lecturer </strong>
+          <em>1999</em> &mdash; Osteopathic Cranial Academy
+        </li>
+        <li>
+          <strong>Diplomat </strong>
+          <em>1979</em> &mdash; National Board of Examiners for Osteopathic
+          Physicians and Surgeons
+        </li>
+      </ul>
+    </div>
+  );
+};
+
+export default Awards;

website/app/views/components/BoardCerts.tsx

@@ -0,0 +1,49 @@
+import Card from "@/components/Card";
+
+const BoardCerts = () => {
+  return (
+    <div className="">
+      <h2>Board Certifications</h2>
+      <ul className=" ml-10 list-inside list-disc">
+        <li>
+          <strong>American Board of Medical Acupuncture </strong>
+          <em>2001, 2011</em>
+        </li>
+        <li>
+          <strong>
+            American Board of Independent Medical Examiners (CIME){" "}
+          </strong>
+          <em>2001, 2010</em>
+        </li>
+        <li>
+          <strong>
+            American Board of Quality Assurance and Utilization Review
+            Physicians{" "}
+          </strong>
+          <em>'96, '02, '07, '12, '16, '20</em>
+        </li>
+        <li>
+          <strong>American Board of Forensic Examiners </strong>
+          <em>1994</em>
+        </li>
+        <li>
+          <strong>
+            American Osteopathic Board of Special Proficiency in Manipulative
+            Medicine{" "}
+          </strong>
+          <em>1991</em>
+        </li>
+        <li>
+          <strong>American Board of Disability Evaluating Physicians </strong>
+          <em>1988</em>
+        </li>
+        <li>
+          <strong>American Board of Osteopathic Family Practice </strong>
+          <em>1986</em>
+        </li>
+      </ul>
+    </div>
+  );
+};
+
+export default BoardCerts;

website/app/views/components/Books.tsx

@@ -0,0 +1,49 @@
+import Card from "@/components/Card";
+import bookCover from "@/public/content/acu_book.jpg";
+import Image from "next/image";
+
+const Books = () => {
+  const titleStyle = "font-bold";
+  const yearStyle = "italic";
+  const publisherStyle = "italic";
+  const pagesStyle = "italic";
+  const authorStyle = "";
+  return (
+    <div>
+      <h2>Books</h2>
+      <div className="flex flex-col gap-6">
+        <Card>
+          <div className="flex flex-col gap-6 md:flex-row">
+            <Image
+              src={bookCover}
+              alt="YNSA Principles and Practice cover"
+              className=" w-48 self-center rounded-lg md:h-56 md:w-auto"
+            />
+            <div>
+              <div className={titleStyle}>
+                Yamamoto New Scalp Acupuncture (YNSA) Principles and Practice
+              </div>
+              <div className={authorStyle}>Richard A. Feely, DO</div>
+              <div className={yearStyle}>2006</div>
+              <div className={publisherStyle}>Theime</div>
+              <div className={pagesStyle}>139 pgs.</div>
+              <hr className="my-2" />
+              <div>Second Edition, 2011, 158 pgs.</div>
+            </div>
+          </div>
+        </Card>
+        <Card>
+          <div className={titleStyle}>
+            Clinical Cranial Osteopathy: Selected Readings
+          </div>
+          <div className={authorStyle}>Richard A. Feely, DO</div>
+          <div className={yearStyle}>1998</div>
+          <div className={publisherStyle}>The Cranial Academy</div>
+          <div className={pagesStyle}>268 pgs.</div>
+        </Card>
+      </div>
+    </div>
+  );
+};
+
+export default Books;

website/app/views/components/Edu.tsx

@@ -0,0 +1,66 @@
+import ImageCard from "@/components/ImageCard";
+import atStillU from "@/public/content/at_still_university.jpg";
+import davenportHospital from "@/public/content/davenport_hospital.png";
+import trumanState from "@/public/content/truman-state.jpeg";
+import Image from "next/image";
+
+interface Props {
+  className?: string;
+}
+
+const Edu = ({ className }: Props) => {
+  const eduImgDims = "h-full w-full object-cover";
+  const eduImgWrapperStyle = "h-32 md:h-56 overflow-hidden";
+  const eduTextWrapperStyle = "m-10 mt-7";
+  return (
+    <div className={className}>
+      <h2>Schooling</h2>
+      <div className="">
+        <div className="flex flex-col gap-4 md:flex-row">
+          <ImageCard className="basis-1/3">
+            <div className={eduImgWrapperStyle}>
+              <Image
+                src={trumanState}
+                alt="Truman state university"
+                className={eduImgDims}
+              />
+            </div>
+            <div className={eduTextWrapperStyle}>
+              <h2>Truman State University</h2>
+              <div>B.S. - Zoology/Chemistry</div>
+            </div>
+          </ImageCard>
+          <ImageCard className="basis-1/3">
+            <div className={eduImgWrapperStyle}>
+              <Image
+                src={atStillU}
+                alt="A.T. Still university"
+                className={eduImgDims}
+              />
+            </div>
+            <div className={eduTextWrapperStyle}>
+              <h2>A.T. Still University</h2>
+              <strong>Kirksville College of Osteopathic Medicine</strong>
+              <div>Doctor of Osteopathy</div>
+            </div>
+          </ImageCard>
+          <ImageCard className="basis-1/3">
+            <div className={eduImgWrapperStyle}>
+              <Image
+                src={davenportHospital}
+                alt="Davenport osteopathic hospital"
+                className={eduImgDims}
+              />
+            </div>
+            <div className={eduTextWrapperStyle}>
+              <h2>Davenport Osteopathic Hospital</h2>
+              <div>Rotating Internship Training Program</div>
+            </div>
+          </ImageCard>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Edu;

website/app/views/components/Fellowships.tsx

@@ -0,0 +1,52 @@
+import Card from "@/components/Card";
+
+interface Props {
+  className?: string;
+}
+
+const Fellowships = ({ className }: Props) => {
+  return (
+    <div className={"" + className}>
+      <h2 className="">Fellowships</h2>
+      <div className="grid gap-4 md:grid-cols-2">
+        <Card>
+          <strong>FAAMA</strong>
+          <div>2001</div>
+          <div>American Academy of Medical Acupuncture</div>
+        </Card>
+        <Card>
+          <strong>FCA</strong>
+          <div>1995</div>
+          <div>Cranial Academy</div>
+        </Card>
+        <Card>
+          <strong>FAAO</strong>
+          <div>1994</div>
+          <div>American Academy of Osteopathy</div>
+        </Card>
+        <Card>
+          <strong>FAQAURP</strong>
+          <div>2017</div>
+          <div>
+            American Board of Quality Assurance and Utilization Review
+            Physicians
+          </div>
+        </Card>
+        <Card>
+          <strong>FIAIME</strong>
+          <div>1988</div>
+          <div>International Academy of Independent Medical Evaluators</div>
+        </Card>
+        <Card>
+          <strong>Pre-doctoral Fellow in Osteopathic Theory and Methods</strong>
+          <div>1978</div>
+          <div>
+            A.T. Still University, Kirksville College of Osteopathic Medicine
+          </div>
+        </Card>
+      </div>
+    </div>
+  );
+};
+
+export default Fellowships;

website/app/views/components/ProExp.tsx

@@ -0,0 +1,148 @@
+"use client";
+import Button from "@/components/Button";
+import Card from "@/components/Card";
+import { ArrowDownIcon, ArrowUpIcon } from "@heroicons/react/24/solid";
+import { useState } from "react";
+import feelyCenterLogo from "@/public/content/feelycenter.png";
+import ommTestsLogo from "@/public/content/omm_logo.png";
+import tcmmTestsLogo from "@/public/content/tcm_tests.png";
+import womack from "@/public/content/womack.png";
+import tivity from "@/public/content/tivity.png";
+import Image from "next/image";
+
+interface Props {
+  className?: string;
+}
+
+const ProExp = ({ className }: Props) => {
+  const cardYearsStyle = "italic my-2";
+  const cardPositionStyle = "font-bold my-2";
+  const logoStyle = "h-32 w-auto";
+
+  const [showAll, setShowAll] = useState(false);
+
+  return (
+    <div className={className}>
+      <h2>Professional Experience</h2>
+      <div className="flex flex-col-reverse md:flex-row">
+        <div className="hidden flex-col items-center justify-center gap-32 md:flex md:basis-1/2">
+          <Image
+            className={logoStyle}
+            src={feelyCenterLogo}
+            alt="Feely center logo"
+          />
+          <Image
+            className={logoStyle + " !h-20"}
+            src={ommTestsLogo}
+            alt="OMM tests logo"
+          />
+          <Image
+            className={logoStyle}
+            src={tcmmTestsLogo}
+            alt="TCM tests logo"
+          />
+          {showAll ? (
+            <>
+              <Image
+                className={logoStyle + " !h-24"}
+                src={tivity}
+                alt="Tivity health logo"
+              />
+              <Image
+                className={logoStyle + " !h-48"}
+                src={womack}
+                alt="Womack logo logo"
+              />
+            </>
+          ) : (
+            <></>
+          )}
+        </div>
+        <div className="flex flex-col gap-4 md:basis-1/2">
+          <Card>
+            <h2>Feely Center for Optimal Health</h2>
+            <div className={cardYearsStyle}>2000-Present</div>
+            <div className={cardPositionStyle}>President</div>
+            <div>
+              A private osteopathic integrative medical practice with locations
+              in Chicago and Olympia Fields, IL
+            </div>
+          </Card>
+          <Card>
+            <h2>OMM, LLC</h2>
+            <div className={cardYearsStyle}>2010-Present</div>
+            <div className={cardPositionStyle}>President</div>
+            <div>
+              Created{" "}
+              <a href="https://www.ommtests.com" className="underline">
+                ommtests.com
+              </a>
+              , the most complete web-based OMM/OMT test prep program.
+            </div>
+          </Card>
+          <Card>
+            <h2>TCMtests, LLC</h2>
+            <div className={cardYearsStyle}>2003-Present</div>
+            <div className={cardPositionStyle}>Founder and President</div>
+            <div>
+              Created{" "}
+              <a href="https://www.tcmtests.com" className="underline">
+                tcmtests.com
+              </a>
+              , the leading online board certification test prep site for
+              Acupuncturist and Oriental Medical Doctors
+            </div>
+          </Card>
+          {showAll ? (
+            <>
+              <Card>
+                <h2>Tivity Health</h2>
+                <div className={cardYearsStyle}>2019-Present</div>
+                <div className={cardPositionStyle}>MD/DO Peer Reviewer</div>
+                <div>
+                  Peer Reviewer in Utilization Review Management at a large
+                  provider of health improvement at fitness solutions, based in
+                  Franlin, TN
+                </div>
+              </Card>
+              <Card>
+                <h2>Womack Investment Advisers</h2>
+                <div className={cardYearsStyle}>2009-Present</div>
+                <div className={cardPositionStyle}>
+                  Registered Investment Adviser
+                </div>
+                <div>
+                  Investment adviser at a prominent finacial planning and wealth
+                  management firm in Edmond, Oklahoma.
+                </div>
+              </Card>
+              <Card>
+                <h2>American WholeHealth</h2>
+                <div className={cardYearsStyle}>1999-2000</div>
+                <div className={cardPositionStyle}>
+                  National Director of Quality Management
+                </div>
+                <div></div>
+              </Card>
+            </>
+          ) : (
+            <></>
+          )}
+        </div>
+      </div>
+      <div className="mt-12 flex justify-center">
+        {showAll ? (
+          <Button onClick={() => setShowAll((e) => !e)}>
+            Show Less <ArrowUpIcon className="inline w-[24px]" />
+          </Button>
+        ) : (
+          <Button onClick={() => setShowAll((e) => !e)}>
+            Show More <ArrowDownIcon className="inline w-[24px]" />
+          </Button>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default ProExp;

website/components/Button.tsx

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+interface Props {
+  className?: string;
+  onClick: () => any;
+  children?: ReactNode;
+}
+
+const Button = ({ className, onClick, children }: Props) => {
+  return (
+    <button
+      onClick={onClick}
+      className={
+        "m-3 my-0 inline-block rounded-lg bg-secondary-500 p-3 text-center align-middle font-bold text-primary-500 drop-shadow-md transition-all duration-300 hover:bg-primary-500 hover:text-secondary-500 hover:drop-shadow-xl " +
+        className
+      }
+    >
+      {children}{" "}
+    </button>
+  );
+};
+
+export default Button;

website/components/Card.tsx

@@ -8,7 +8,10 @@ interface Props {
 const Card = ({ className, children }: Props) => {
   return (
     <div
-      className={"bg-primary-100 rounded-lg p-10 drop-shadow-2xl " + className}
+      className={
+        "overflow-hidden rounded-lg bg-primary-100 p-10 drop-shadow-2xl " +
+        className
+      }
     >
       {children}
     </div>

website/components/Footer.tsx

@@ -1,8 +1,8 @@
 const Footer = () => {
   return (
     <footer className="w-full  bg-neutral-800 text-neutral-300">
-      <div className="w-11/12 lg:w-5/6 mx-auto py-12">
+      <div className="mx-auto w-11/12 py-12 lg:w-5/6">
-        <div className="grid md:grid-cols-5 gap-12 ml-8 md:m-0 md:flex-row">
+        <div className="ml-8 grid gap-12 md:m-0 md:grid-cols-5 md:flex-row">
           <div className="">
             <h3 className="text-xl font-bold">Home</h3>
             <ul className="text-sm">
@@ -74,7 +74,7 @@ const Footer = () => {
             </ul>
           </div>
         </div>
-        <div className="flex justify-center mt-8">
+        <div className="mt-8 flex justify-center">
           <p>Copyright (C) {new Date().getFullYear()} Richard A. Feely, DO</p>
         </div>
         <div className="flex justify-center">

website/components/GenericButton.tsx

@@ -1,24 +0,0 @@
-import Link from "next/link";
-import { ReactNode } from "react";
-
-interface Props {
-  className?: string;
-  href: string;
-  children?: ReactNode;
-}
-
-const GenericButton = ({ className, href, children }: Props) => {
-  return (
-    <Link
-      href={href}
-      className={
-        "inline-block text-center p-3 m-3 rounded-lg align-middle drop-shadow-md hover:drop-shadow-xl transition-all duration-300 " +
-        className
-      }
-    >
-      {children}
-    </Link>
-  );
-};
-
-export default GenericButton;

website/components/HomePageCarousel.tsx

@@ -22,7 +22,7 @@ const Carousel = ({ className }: Props) => {
   useEffect(() => {
     const interval = setInterval(() => {
       setBackgroundIndex(
-        (prevIndex) => (prevIndex + 1) % backgroundImages.length
+        (prevIndex) => (prevIndex + 1) % backgroundImages.length,
       );
     }, 9000);
 

website/components/ImageCard.tsx

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+
+interface Props {
+  className?: string;
+  children?: ReactNode;
+}
+
+const Card = ({ className, children }: Props) => {
+  return (
+    <div
+      className={
+        "overflow-hidden rounded-lg bg-primary-100 drop-shadow-2xl " + className
+      }
+    >
+      {children}
+    </div>
+  );
+};
+
+export default Card;

website/components/LearnMoreButton.tsx

@@ -1,26 +0,0 @@
-import { ReactNode } from "react";
-import GenericButton from "./GenericButton";
-import { ArrowLongRightIcon } from "@heroicons/react/24/solid";
-
-interface Props {
-  className?: string;
-  href: string;
-  children?: ReactNode;
-}
-
-const LearnMoreButton = ({ className, href, children }: Props) => {
-  return (
-    <GenericButton
-      href={href}
-      className={
-        "bg-primary-500 text-primary-100 font-bold hover:bg-secondary-500 my-0 " +
-        className
-      }
-    >
-      {children}{" "}
-      <ArrowLongRightIcon className="w-[24px] inline"></ArrowLongRightIcon>
-    </GenericButton>
-  );
-};
-
-export default LearnMoreButton;

website/components/LearnMoreLink.tsx

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import { ArrowLongRightIcon } from "@heroicons/react/24/solid";
+import Link from "next/link";
+
+interface Props {
+  className?: string;
+  href: string;
+  target?: string;
+  children?: ReactNode;
+}
+
+const LearnMoreLink = ({ className, href, target, children }: Props) => {
+  return (
+    <Link
+      target={target}
+      href={href}
+      className={
+        "m-3 my-0 inline-block rounded-lg bg-primary-500 p-3 text-center align-middle font-bold text-primary-100 drop-shadow-md transition-all duration-300 hover:bg-secondary-500 hover:drop-shadow-xl " +
+        className
+      }
+    >
+      {children}{" "}
+      <ArrowLongRightIcon className="inline w-[24px]"></ArrowLongRightIcon>
+    </Link>
+  );
+};
+
+export default LearnMoreLink;

website/components/Navbar/index.tsx

@@ -31,14 +31,14 @@ const Navbar = () => {
   return (
     <nav
       className={
-        "bg-primary-500 text-primary-100 fixed top-0 z-40 w-full transition-all " +
+        "fixed top-0 z-40 w-full bg-primary-500 text-primary-100 transition-all " +
         (useSmallNav
-          ? "bg-transparent pt-5 md:pt-0 duration-100"
+          ? "bg-transparent pt-5 duration-100 md:pt-0"
-          : "pt-0 bg-opacity-75 backdrop-blur-sm drop-shadow duration-200 delay-100")
+          : "bg-opacity-75 pt-0 drop-shadow backdrop-blur-sm delay-100 duration-200")
       }
     >
-      <div className="mx-auto w-11/12 lg:w-5/6 flex justify-between items-center">
+      <div className="mx-auto flex w-11/12 items-center justify-between lg:w-5/6">
-        <div className="flex justify-between items-center">
+        <div className="flex items-center justify-between">
           <Image
             src={useSmallNav ? logo_small : logo_small}
             alt="Feely Center Logo"
@@ -49,10 +49,10 @@ const Navbar = () => {
           />
           <div
             className={
-              "font-cormorant text-2xl p-5 whitespace-nowrap transition-all " +
+              "whitespace-nowrap p-5 font-cormorant text-2xl transition-all " +
               (useSmallNav
-                ? "text-transparent select-none w-0 duration-100"
+                ? "w-0 select-none text-transparent duration-100"
-                : "duration-300 delay-100")
+                : "delay-100 duration-300")
             }
           >
             Richard A. Feely, DO
@@ -60,14 +60,14 @@ const Navbar = () => {
         </div>
 
         {/* Burger icon */}
-        <div className="md:hidden w-[30px] text-tertiary-300 ">
+        <div className="w-[30px] text-tertiary-300 md:hidden ">
           <Bars3Icon onClick={() => setMenuActive((e) => !e)}></Bars3Icon>
         </div>
         {/* Burger menu */}
         {menuActive ? (
-          <div className="text-lg animate-fadeIn z-50 fixed top-0 right-0  h-screen bg-secondary-500 drop-shadow-lg ">
+          <div className="fixed right-0 top-0 z-50 h-screen animate-fadeIn bg-secondary-500 text-lg drop-shadow-lg ">
-            <div className="px-12 py-5 flex flex-col gap-6 text-primary-500 text-right">
+            <div className="flex flex-col gap-6 px-12 py-5 text-right text-primary-500">
-              <div className="pb-3 flex justify-end ">
+              <div className="flex justify-end pb-3 ">
                 <XMarkIcon
                   className="w-[30px]"
                   onClick={() => setMenuActive((e) => !e)}
@@ -83,7 +83,7 @@ const Navbar = () => {
         {/* Nav Bar */}
         <div
           className={
-            "hidden md:flex font-abel items-center gap-6 text-lg text-tertiary-300  transition-all duration-300 " +
+            "hidden items-center gap-6 font-abel text-lg text-tertiary-300 transition-all  duration-300 md:flex " +
             (useSmallNav ? "px-5 py-24" : "p-5")
           }
         >

website/components/View.tsx

@@ -16,7 +16,7 @@ const View = ({ bg_color, txt_color, className, children, id }: Props) => {
       }
       id={id}
     >
-      <div className="w-11/12 lg:w-5/6 mx-auto py-24">{children}</div>
+      <div className="mx-auto w-11/12 py-24 lg:w-5/6">{children}</div>
     </section>
   );
 };

website/package.json

@@ -23,5 +23,9 @@
     "react-dom": "18.2.0",
     "tailwindcss": "3.3.3",
     "typescript": "5.1.6"
+  },
+  "devDependencies": {
+    "prettier": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.5.4"
   }
 }

website/pnpm-lock.yaml

@@ -48,6 +48,14 @@ dependencies:
     specifier: 5.1.6
     version: 5.1.6
 
+devDependencies:
+  prettier:
+    specifier: ^3.0.3
+    version: 3.0.3
+  prettier-plugin-tailwindcss:
+    specifier: ^0.5.4
+    version: 0.5.4(prettier@3.0.3)
+
 packages:
 
   /@aashutoshrathi/word-wrap@1.2.6:
@@ -2214,6 +2222,67 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: false
 
+  /prettier-plugin-tailwindcss@0.5.4(prettier@3.0.3):
+    resolution: {integrity: sha512-QZzzB1bID6qPsKHTeA9qPo1APmmxfFrA5DD3LQ+vbTmAnY40eJI7t9Q1ocqel2EKMWNPLJqdTDWZj1hKYgqSgg==}
+    engines: {node: '>=14.21.3'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@shufo/prettier-plugin-blade': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      prettier: ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-import-sort: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-style-order: '*'
+      prettier-plugin-svelte: '*'
+      prettier-plugin-twig-melody: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@shufo/prettier-plugin-blade':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-import-sort:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-style-order:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+      prettier-plugin-twig-melody:
+        optional: true
+    dependencies:
+      prettier: 3.0.3
+    dev: true
+
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
     dependencies:

website/prettier.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: ["prettier-plugin-tailwindcss"],
+};

website/tailwind.config.js

@@ -12,12 +12,12 @@ module.exports = {
       colors: {
         primary: {
           500: "#202948",
-          300: "#8097B8",
+          300: "#A9B8CC",
           100: "#F2F8FF",
         },
         secondary: {
           500: "#CCA93F",
-          300: "#C4B074",
+          300: "#E0D2A6",
         },
         tertiary: {
           400: colors.stone[400],