homepage done and article metadata added

This commit is contained in:
Noah Swerhun 2023-09-04 17:51:13 -05:00
parent 3b935e59df
commit 217dc6218a
89 changed files with 1315 additions and 416 deletions

View file

@ -5,11 +5,12 @@ import EarAcupuncture from "./views/EarAcupuncture";
import ScalpAcupuncture from "./views/ScalpAcupuncture"; import ScalpAcupuncture from "./views/ScalpAcupuncture";
export const metadata: Metadata = { 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 = () => { const Acupuncture = () => {

View file

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

View file

@ -1,4 +1,15 @@
import Article from "@/components/Article"; 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 = () => { const ArticleAcupuntureBasics = () => {
return ( return (

View file

@ -1,4 +1,18 @@
import Article from "@/components/Article"; 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
2600s B.C.`,
};
const ArticleAcupunctureHistory = () => { const ArticleAcupunctureHistory = () => {
return ( return (

View file

@ -1,4 +1,16 @@
import Article from "@/components/Article"; 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 Nixons trip to China in 1972,
and the New York Times James Restons dramatic appendectomy during that trip,
interest in, and the popularity of, acupuncture has surged in America.`,
};
const ArticleAcupunctureLetter = () => { const ArticleAcupunctureLetter = () => {
return ( return (

View file

@ -1,6 +1,13 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import { Metadata } from "next";
import ReplaceLink from "@/components/ReplaceLink"; 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 = () => { const ArticleAcupunctureReferences = () => {
return ( return (

View file

@ -1,4 +1,12 @@
import Article from "@/components/Article"; 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 1980s the idea of including exercise as part of a
treatment plan was seen as a radical approach to the management of arthritis.`,
};
const ArticleArthritisAndExercise = () => { const ArticleArthritisAndExercise = () => {
return ( return (

View file

@ -1,4 +1,18 @@
import Article from "@/components/Article"; 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 = () => { const ArticleChronicMusclePain = () => {
return ( return (

View file

@ -1,4 +1,17 @@
import Article from "@/components/Article"; 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 persons posture and ability to sit. It, along with
a persons 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 = () => { const ArticleCoccydyniaCaseReport = () => {
return ( return (

View file

@ -1,4 +1,14 @@
import Article from "@/components/Article"; 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 = () => { const ArticleCranialManipulation = () => {
return ( return (

View file

@ -1,4 +1,17 @@
import Article from "@/components/Article"; 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
patients 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 = () => { const ArticleCranialOsteopathyFaq = () => {
return ( return (

View file

@ -1,4 +1,17 @@
import Article from "@/components/Article"; 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 Stills 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 bodys inherent forces to
overcome membranous articular restrictions principally in the head and spine
with secondary effects throughout the rest of the body.`,
};
const ArticleCranialOsteopathy = () => { const ArticleCranialOsteopathy = () => {
return ( return (

View file

@ -1,4 +1,12 @@
import Article from "@/components/Article"; 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 = () => { const ArticleEarAcupunctureFaq = () => {
return ( return (

View file

@ -1,4 +1,13 @@
import Article from "@/components/Article"; 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 = () => { const ArticleEarAcupuncture = () => {
return ( return (

View file

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

View file

@ -1,7 +1,19 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import { Metadata } from "next";
import fiveElements from "@/public/content/acupuncture_elements.png"; import fiveElements from "@/public/content/acupuncture_elements.png";
import Image from "next/image"; 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 = () => { const ArticleFiveElementAcupuncture = () => {
return ( return (
<Article <Article

View file

@ -1,14 +1,20 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import { Metadata } from "next";
import ReplaceLink from "@/components/ReplaceLink"; import ReplaceLink from "@/components/ReplaceLink";
import Link from "next/link"; 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 = () => { const ArticleInternationalAcupunctureBibliography = () => {
return ( return (
<Article <Article
title="International Acupuncture Bibliography" title="International Acupuncture Bibliography"
author="Compiled by Dr. Andre Lentz and Dr. Terry Oleson." 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. Visit auriculotherapy.net for more information.
</Link> </Link>
<h2>Table of Contents</h2> <h2>Table of Contents</h2>

View file

@ -1,4 +1,14 @@
import Article from "@/components/Article"; 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 = () => { const ArticleIntervertebralDiscHerniation = () => {
return ( return (

View file

@ -1,4 +1,14 @@
import Article from "@/components/Article"; 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 = () => { const ArticleIntroToOsteopathy = () => {
return ( return (

View file

@ -24,14 +24,14 @@ const ArticlesLayout = ({ children }: Props) => {
}, []); }, []);
return ( 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 View all Articles
</Link> </Link>
{children} {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 View all Articles
</Link> </Link>
{/* For some reason if I use a <Link> here it doesn't scroll all the way to the top of the page. */} {/* 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 <button
onClick={() => window.scrollTo(0, 0)} 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> <ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon>
<div className="text-sm italic">To Top</div> <div className="text-sm italic">To Top</div>

View file

@ -1,4 +1,13 @@
import Article from "@/components/Article"; 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 = () => { const ArticleNeuralBiologicalMechanisms = () => {
return ( return (

View file

@ -1,4 +1,15 @@
import Article from "@/components/Article"; 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 = () => { const ArticleOmtCodes = () => {
return ( return (

View file

@ -1,4 +1,10 @@
import Article from "@/components/Article"; 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 = () => { const ArticleOsteopathComparisonTable = () => {
return ( return (

View file

@ -1,4 +1,20 @@
import Article from "@/components/Article"; 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) Ones 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 = () => { const ArticleOsteopathicHeadPain = () => {
return ( return (

View file

@ -1,4 +1,20 @@
import Article from "@/components/Article"; 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 womans 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 = () => { const ArticleOsteopathicManipulationInPregnancy = () => {
return ( return (

View file

@ -1,4 +1,13 @@
import Article from "@/components/Article"; 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 = () => { const ArticleOsteopathicManipulativeTreatment = () => {
return ( return (

View file

@ -1,4 +1,14 @@
import Article from "@/components/Article"; 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 = () => { const ArticleOsteopathyFaq = () => {
return ( return (

View file

@ -1,4 +1,18 @@
import Article from "@/components/Article"; 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 shouldnt 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 = () => { const ArticlePediatricDigestiveProblems = () => {
return ( return (

View file

@ -1,4 +1,20 @@
import Article from "@/components/Article"; 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. Lets look at what improvements in
functions might be seen by improving the structure.`,
};
const ArticlePediatricDownSyndrome = () => { const ArticlePediatricDownSyndrome = () => {
return ( return (

View file

@ -1,4 +1,15 @@
import Article from "@/components/Article"; 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 = () => { const ArticlePediatricOrthopedicProblems = () => {
return ( return (

View file

@ -1,4 +1,15 @@
import Article from "@/components/Article"; 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 = () => { const ArticlePediatricRespiratoryHealth = () => {
return ( return (

View file

@ -1,4 +1,15 @@
import Article from "@/components/Article"; 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 = () => { const ArticlePediatricTreatmentForNewborns = () => {
return ( return (

View file

@ -1,4 +1,13 @@
import Article from "@/components/Article"; 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 = () => { const ArticleScalpAcupuncture = () => {
return ( return (

View file

@ -1,7 +1,19 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import { Metadata } from "next";
import griefPic from "@/public/content/stages_of_grief.png"; import griefPic from "@/public/content/stages_of_grief.png";
import Image from "next/image"; 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 = () => { const ArticleTenStagesOfGrief = () => {
return ( return (
<Article <Article

View file

@ -1,4 +1,13 @@
import Article from "@/components/Article"; 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 = () => { const ArticleTheTraumaOfBirth = () => {
return ( return (

View file

@ -1,4 +1,14 @@
import Article from "@/components/Article"; 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 youre like most people, youve 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 = () => { const ArticleWhatIsADo = () => {
return ( return (

View file

@ -1,6 +1,16 @@
import Article from "@/components/Article"; import Article from "@/components/Article";
import { Metadata } from "next";
import Link from "next/link"; 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: `YNSAs 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 = () => { const ArticleYamamotoNewScalpAcupunctureFaq = () => {
return ( return (
<Article <Article

View file

@ -3,11 +3,10 @@ import ArtsForDocs from "./views/ArtsForDocs";
import ArtsForPatients from "./views/ArtsForPatients"; import ArtsForPatients from "./views/ArtsForPatients";
export const metadata: Metadata = { 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 = () => { const Articles = () => {

View file

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

View file

@ -1,4 +1,5 @@
import View from "@/components/View"; import View from "@/components/View";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import Link from "next/link"; import Link from "next/link";
const ArtsForPatients = () => { const ArtsForPatients = () => {
@ -102,7 +103,15 @@ const ArtsForPatients = () => {
href="/articles/yamamoto-new-scalp-acupuncture-faq" href="/articles/yamamoto-new-scalp-acupuncture-faq"
className="block" 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> </Link>
</div> </div>
</View> </View>

View file

@ -2,11 +2,12 @@ import { Metadata } from "next";
import NOR from "./views/NOR"; import NOR from "./views/NOR";
export const metadata: Metadata = { 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 = () => { const NeuroOcularRelease = () => {

View file

@ -4,11 +4,12 @@ import OsteoBasics from "./views/OsteoBasics";
import { Metadata } from "next"; import { Metadata } from "next";
export const metadata: Metadata = { 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 = () => { const Osteopathy = () => {

View file

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

View file

@ -19,6 +19,7 @@
h1 { h1 {
@apply text-7xl; @apply text-7xl;
@apply font-cormorant; @apply font-cormorant;
@apply my-10;
} }
h2 { h2 {
@apply text-2xl; @apply text-2xl;
@ -31,7 +32,7 @@
.ArticleContent h2 { .ArticleContent h2 {
@apply text-xl; @apply text-xl;
@apply font-bold; @apply font-bold;
@apply mt-3 mb-4; @apply mb-4 mt-3;
@apply scroll-mt-20; @apply scroll-mt-20;
} }
@ -78,3 +79,20 @@
@apply my-3; @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;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 686 KiB

View file

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

View file

@ -1,4 +1,7 @@
import View from "@/components/View"; import View from "@/components/View";
import AcademicAppts from "./components/AcademicAppts";
import Books from "./components/Books";
import Articles from "./components/Articles";
const AcademicWork = () => { const AcademicWork = () => {
return ( return (
@ -7,120 +10,14 @@ const AcademicWork = () => {
txt_color="text-primary-500" txt_color="text-primary-500"
id="academicwork" 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> <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>
</div> </div>
</View> </View>

View file

@ -1,4 +1,9 @@
import View from "@/components/View"; 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 = () => { const CertsAndFellows = () => {
return ( return (
@ -7,99 +12,25 @@ const CertsAndFellows = () => {
txt_color="text-primary-500" txt_color="text-primary-500"
id="certsandfellows" 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> <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>
<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>
<div className="md:basis-1/2">
<Awards />
</div> </div>
</div> </div>
</View> </View>

View file

@ -1,4 +1,6 @@
import View from "@/components/View"; import View from "@/components/View";
import ProExp from "./components/ProExp";
import Edu from "./components/Edu";
const EduAndProExp = () => { const EduAndProExp = () => {
return ( return (
@ -7,81 +9,9 @@ const EduAndProExp = () => {
txt_color="text-primary-500" txt_color="text-primary-500"
id="eduandproexp" 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> </View>
); );
}; };

View file

@ -13,19 +13,17 @@ const Introduction = () => {
bg_color="bg-primary-500 bg-opacity-75" bg_color="bg-primary-500 bg-opacity-75"
txt_color="text-primary-100" txt_color="text-primary-100"
id="introduction" id="introduction"
className="overflow-hidden relative" className="relative overflow-hidden"
> >
{/* "relative" above makes the background work */} {/* "relative" above makes the background work */}
{/* we have to do some funky stuff with margins to get the look {/* we have to do some funky stuff with margins to get the look
we want for the home page */} 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"> <hgroup className="basis-6/12">
<div className="relative"> <div className="relative">
<div className="before:absolute before:-left-52 before:-top-44 before:z-[-1] before:content-textAccent"> <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>
</div> </div>
<p className="text-2xl"> <p className="text-2xl">
@ -38,27 +36,24 @@ const Introduction = () => {
</hgroup> </hgroup>
<div className="basis-4/12"> <div className="basis-4/12">
<Image <Image
className="shadow-superPortraitR shadow-secondary-500 rounded-3xl w-fit" className="w-fit rounded-3xl shadow-superPortraitR shadow-secondary-500"
src={drFeelyPic} src={drFeelyPic}
alt="Headshot of Dr. Feely" alt="Headshot of Dr. Feely"
/> />
</div> </div>
</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> </div>
{/* bouncy arrow :) */} {/* 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 <ChevronDoubleDownIcon
width="20px" width="20px"
className="" className=""
></ChevronDoubleDownIcon> ></ChevronDoubleDownIcon>
</div> </div>
{/* background image magic */} {/* 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> </View>
); );
}; };

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -8,7 +8,10 @@ interface Props {
const Card = ({ className, children }: Props) => { const Card = ({ className, children }: Props) => {
return ( return (
<div <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} {children}
</div> </div>

View file

@ -1,8 +1,8 @@
const Footer = () => { const Footer = () => {
return ( return (
<footer className="w-full bg-neutral-800 text-neutral-300"> <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=""> <div className="">
<h3 className="text-xl font-bold">Home</h3> <h3 className="text-xl font-bold">Home</h3>
<ul className="text-sm"> <ul className="text-sm">
@ -74,7 +74,7 @@ const Footer = () => {
</ul> </ul>
</div> </div>
</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> <p>Copyright (C) {new Date().getFullYear()} Richard A. Feely, DO</p>
</div> </div>
<div className="flex justify-center"> <div className="flex justify-center">

View file

@ -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;

View file

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

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -31,14 +31,14 @@ const Navbar = () => {
return ( return (
<nav <nav
className={ 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 (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 <Image
src={useSmallNav ? logo_small : logo_small} src={useSmallNav ? logo_small : logo_small}
alt="Feely Center Logo" alt="Feely Center Logo"
@ -49,10 +49,10 @@ const Navbar = () => {
/> />
<div <div
className={ className={
"font-cormorant text-2xl p-5 whitespace-nowrap transition-all " + "whitespace-nowrap p-5 font-cormorant text-2xl transition-all " +
(useSmallNav (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 Richard A. Feely, DO
@ -60,14 +60,14 @@ const Navbar = () => {
</div> </div>
{/* Burger icon */} {/* 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> <Bars3Icon onClick={() => setMenuActive((e) => !e)}></Bars3Icon>
</div> </div>
{/* Burger menu */} {/* Burger menu */}
{menuActive ? ( {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 <XMarkIcon
className="w-[30px]" className="w-[30px]"
onClick={() => setMenuActive((e) => !e)} onClick={() => setMenuActive((e) => !e)}
@ -83,7 +83,7 @@ const Navbar = () => {
{/* Nav Bar */} {/* Nav Bar */}
<div <div
className={ 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") (useSmallNav ? "px-5 py-24" : "p-5")
} }
> >

View file

@ -16,7 +16,7 @@ const View = ({ bg_color, txt_color, className, children, id }: Props) => {
} }
id={id} 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> </section>
); );
}; };

View file

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

View file

@ -48,6 +48,14 @@ dependencies:
specifier: 5.1.6 specifier: 5.1.6
version: 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: packages:
/@aashutoshrathi/word-wrap@1.2.6: /@aashutoshrathi/word-wrap@1.2.6:
@ -2214,6 +2222,67 @@ packages:
engines: {node: '>= 0.8.0'} engines: {node: '>= 0.8.0'}
dev: false 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: /prop-types@15.8.1:
resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==} resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
dependencies: dependencies:

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 686 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 466 KiB

After

Width:  |  Height:  |  Size: 490 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

View file

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