homepage redone, switched to views
This commit is contained in:
parent
438025ef34
commit
651758570d
24 changed files with 291 additions and 186 deletions
|
@ -1,8 +1,13 @@
|
|||
import View from "@/components/View";
|
||||
import Link from "next/link";
|
||||
|
||||
const AcuForDocs = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="acufordocs">
|
||||
<View
|
||||
bg_color="bg-primary-500"
|
||||
txt_color="text-primary-100"
|
||||
id="acufordocs"
|
||||
>
|
||||
<div className="">
|
||||
<div className="">View Dr. Feely's resources for doctors:</div>
|
||||
<Link
|
||||
|
@ -13,7 +18,7 @@ const AcuForDocs = () => {
|
|||
Point Categories [PDF]
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const BasicsAndHist = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="basicsandhist">
|
||||
<View
|
||||
bg_color="bg-primary-500"
|
||||
txt_color="text-primary-100"
|
||||
id="basicsandhist"
|
||||
>
|
||||
<p>
|
||||
Acupuncture, a practice originating in China over 5,000 years ago,
|
||||
diverges from Western paradigms with its emphasis on holistic patterns
|
||||
|
@ -30,7 +36,7 @@ const BasicsAndHist = () => {
|
|||
traction over time, with many physicians incorporating it into their
|
||||
treatments.
|
||||
</p>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const EarAcupuncture = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="earacupuncture">
|
||||
<View
|
||||
bg_color="bg-primary-300"
|
||||
txt_color="text-primary-500"
|
||||
id="earacupuncture"
|
||||
>
|
||||
<p>
|
||||
Auriculotherapy utilizes the external ear's auricle to alleviate pain,
|
||||
dysfunction, and diseases throughout the body. The ear's auricle is a
|
||||
|
@ -27,7 +33,7 @@ const EarAcupuncture = () => {
|
|||
in China, Dr. Nogier's work and further research revolutionized
|
||||
auriculotherapy, making it a powerful tool in modern healthcare.
|
||||
</p>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,8 +1,13 @@
|
|||
import View from "@/components/View";
|
||||
import Link from "next/link";
|
||||
|
||||
const ScalpAcupuncture = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="scalpacupuncture">
|
||||
<View
|
||||
bg_color="bg-primary-100"
|
||||
txt_color="text-primary-500"
|
||||
id="scalpacupuncture"
|
||||
>
|
||||
<p>
|
||||
In 1973, Dr. Toshikatsu Yamamoto introduced Yamamoto New Scalp
|
||||
Acupuncture (YNSA) in Miyazaki, Japan. Unlike traditional Chinese
|
||||
|
@ -22,11 +27,11 @@ const ScalpAcupuncture = () => {
|
|||
</p>
|
||||
|
||||
<p>
|
||||
This approach's efficacy has led Dr. Feely to integrate Dr. Yamamoto's methods
|
||||
into his own practice, successfully addressing chronic and injury-related
|
||||
symptoms. The technique's unique diagnostic process and interactive
|
||||
nature contribute to its success in treating neurological conditions and
|
||||
enhancing patients' well-being.
|
||||
This approach's efficacy has led Dr. Feely to integrate Dr. Yamamoto's
|
||||
methods into his own practice, successfully addressing chronic and
|
||||
injury-related symptoms. The technique's unique diagnostic process and
|
||||
interactive nature contribute to its success in treating neurological
|
||||
conditions and enhancing patients' well-being.
|
||||
</p>
|
||||
|
||||
<Link
|
||||
|
@ -36,7 +41,7 @@ const ScalpAcupuncture = () => {
|
|||
>
|
||||
Patient Before-and-Afters [PDF]
|
||||
</Link>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
import Article from "@/components/Article";
|
||||
import ReplaceLink from "@/components/ReplaceLink";
|
||||
import Link from "next/link";
|
||||
|
||||
const ArticleAcupunctureReferences = () => {
|
||||
|
@ -11,31 +12,31 @@ const ArticleAcupunctureReferences = () => {
|
|||
<div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#addiction">Addiction</Link>
|
||||
<ReplaceLink href="#addiction">Addiction</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#allergy">Allergy</Link>
|
||||
<ReplaceLink href="#allergy">Allergy</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#auricular">Auricular</Link>
|
||||
<ReplaceLink href="#auricular">Auricular</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#back">Back</Link>
|
||||
<ReplaceLink href="#back">Back</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#cardiovascular">Cardiovascular</Link>
|
||||
<ReplaceLink href="#cardiovascular">Cardiovascular</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#face">Face</Link>
|
||||
<ReplaceLink href="#face">Face</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#gastroenterology">Gastroenterology</Link>
|
||||
<ReplaceLink href="#gastroenterology">Gastroenterology</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#headache">Headache</Link>
|
||||
<ReplaceLink href="#headache">Headache</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#misc">Misc</Link>
|
||||
<ReplaceLink href="#misc">Misc</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
import Article from "@/components/Article";
|
||||
import ReplaceLink from "@/components/ReplaceLink";
|
||||
import Link from "next/link";
|
||||
|
||||
const ArticleInternationalAcupunctureBibliography = () => {
|
||||
|
@ -17,201 +18,215 @@ const ArticleInternationalAcupunctureBibliography = () => {
|
|||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec1dot1">
|
||||
<ReplaceLink href="#sec1dot1">
|
||||
1.1 General Description and Clinical Textbooks
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec1dot2">1.2 Acupuncture History and Theories</Link>
|
||||
<ReplaceLink href="#sec1dot2">
|
||||
1.2 Acupuncture History and Theories
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec1dot3">1.3 Clinical Observations</Link>
|
||||
<ReplaceLink href="#sec1dot3">
|
||||
1.3 Clinical Observations
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec1dot4">1.4 Clinical Techniques and Procedures</Link>
|
||||
<ReplaceLink href="#sec1dot4">
|
||||
1.4 Clinical Techniques and Procedures
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec1dot5">
|
||||
<ReplaceLink href="#sec1dot5">
|
||||
1.5 Contraindications, Complications, Adverse Reactions
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec1dot6">
|
||||
<ReplaceLink href="#sec1dot6">
|
||||
1.6 General Editorials and Letters to the Editor
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">2.0 Clinical Research Areas</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec2dot1">2.1 Clinical Research Methods</Link>
|
||||
<ReplaceLink href="#sec2dot1">
|
||||
2.1 Clinical Research Methods
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec2dot2">
|
||||
<ReplaceLink href="#sec2dot2">
|
||||
2.2 Systematic Reviews and Meta-Analyses
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec2dot3">
|
||||
<ReplaceLink href="#sec2dot3">
|
||||
2.3 Surveys of Patients and Practitioners, Qualitative Research
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec2dot4">
|
||||
<ReplaceLink href="#sec2dot4">
|
||||
2.4 Auricular Diagnosis, Tongue Diagnosis, Oriental Pulse
|
||||
Diagnosis
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec2dot5">
|
||||
<ReplaceLink href="#sec2dot5">
|
||||
2.5 Auricular Medicine, VAS, RAC, Nogier Phases, Dental Foci
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec2dot6">
|
||||
<ReplaceLink href="#sec2dot6">
|
||||
2.6 Acupuncture with Herbal Remedies and Homeopathy
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">3.0 Addiction and Substance Abuse</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec3dot1">3.1 General Addiction, NADA Protocol</Link>
|
||||
<ReplaceLink href="#sec3dot1">
|
||||
3.1 General Addiction, NADA Protocol
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec3dot2">
|
||||
<ReplaceLink href="#sec3dot2">
|
||||
3.2 Alcohol Abuse, Alcoholism, Sedative Abuse
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec3dot3">
|
||||
<ReplaceLink href="#sec3dot3">
|
||||
3.3 Opiate Abuse, Heroin, Morphine, Methadone
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec3dot4">
|
||||
<ReplaceLink href="#sec3dot4">
|
||||
3.4 Stimulant Abuse, Cocaine, Methamphetamine, Hallucinogens
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec3dot5">
|
||||
<ReplaceLink href="#sec3dot5">
|
||||
3.5 Smoking Cessation, Nicotine Addiction
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec3dot6">3.6 Weight Loss, Obesity</Link>
|
||||
<ReplaceLink href="#sec3dot6">3.6 Weight Loss, Obesity</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">4.0 Pain Disorders</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec4dot1">
|
||||
<ReplaceLink href="#sec4dot1">
|
||||
4.1 General Pain, Myofascial Pain, Fibromyalgia
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot2">
|
||||
<ReplaceLink href="#sec4dot2">
|
||||
4.2 Back Pain, Sciatica, Lumbago, Hip, Buttocks
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot3">
|
||||
<ReplaceLink href="#sec4dot3">
|
||||
4.3 Migraines, Tension Headaches, Cluster Headaches
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot4">
|
||||
<ReplaceLink href="#sec4dot4">
|
||||
4.4 Neck and Shoulder Tension, Cervical Pain, Torticollis,
|
||||
Whiplash
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot5">
|
||||
<ReplaceLink href="#sec4dot5">
|
||||
4.5 Extremities Pain: Foot, Ankle, Knee, Hand, Wrist, Carpal
|
||||
Tunnel
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot6">
|
||||
<ReplaceLink href="#sec4dot6">
|
||||
4.6 Arthritis: Osteoarthritis, Rheumatoid Arthritis
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot7">
|
||||
<ReplaceLink href="#sec4dot7">
|
||||
4.7 Dental Pain, TMJ Disorder, Toothaches, Gingivitis, Trigeminal
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot8">
|
||||
<ReplaceLink href="#sec4dot8">
|
||||
4.8 Analgesia, Anesthesia, Surgery, Post-Operative Pain,
|
||||
Post-Operative
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec4dot9">4.9 Burns, Wound Care</Link>
|
||||
<ReplaceLink href="#sec4dot9">4.9 Burns, Wound Care</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">6.0 Psychological Disorders</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec6dot1">6.1 General Psychiatry and Psychology</Link>
|
||||
<ReplaceLink href="#sec6dot1">
|
||||
6.1 General Psychiatry and Psychology
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec6dot2">
|
||||
<ReplaceLink href="#sec6dot2">
|
||||
6.2 Schizophrenia, Psychosis, Hallucinations
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec6dot3">6.3 Depression, Mood Disorders</Link>
|
||||
<ReplaceLink href="#sec6dot3">
|
||||
6.3 Depression, Mood Disorders
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec6dot4">
|
||||
<ReplaceLink href="#sec6dot4">
|
||||
6.4 Insomnia, Anxiety, Stress, Psychosomatic Disorders
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">7.0 Visceral Disorders</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec7dot1">
|
||||
<ReplaceLink href="#sec7dot1">
|
||||
7.1 Asthma, Bronchitis, Rhinitis, Sinusitis, Coughs, Hiccups
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot2">
|
||||
<ReplaceLink href="#sec7dot2">
|
||||
7.2 Cardiovascular Disorders, Coronary Disorders, Angina, Cardiac
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot3">
|
||||
<ReplaceLink href="#sec7dot3">
|
||||
7.3 Hypertension, Blood Pressure, Sympathomimetic Vascular Effects
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot4">
|
||||
<ReplaceLink href="#sec7dot4">
|
||||
7.4 Gastro-Intestinal, Constipation, Diarrhea, Colitis, Ulcer, IBD
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot5">
|
||||
<ReplaceLink href="#sec7dot5">
|
||||
7.5 Liver Disease, Cirrhosis, Bilary Stones, Gall Bladder
|
||||
Disorders
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot6">
|
||||
<ReplaceLink href="#sec7dot6">
|
||||
7.6 Urological Disorders of Kidney or Bladder, Prostate Problems
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot7">
|
||||
<ReplaceLink href="#sec7dot7">
|
||||
7.7 Gynecology, Dysmenorrhea, PMS, Menopause, Pelvic Pain
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec7dot8">
|
||||
<ReplaceLink href="#sec7dot8">
|
||||
7.8 Obstetrics, Labor, Pregnancy, Infertility, Impotency, Uterine
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">
|
||||
|
@ -219,26 +234,28 @@ const ArticleInternationalAcupunctureBibliography = () => {
|
|||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec8dot1">8.1 General Endocrinology and Hormones</Link>
|
||||
<ReplaceLink href="#sec8dot1">
|
||||
8.1 General Endocrinology and Hormones
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec8dot2">
|
||||
<ReplaceLink href="#sec8dot2">
|
||||
8.2 Diabetes, Pancreatitis, Hypoglycemia
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec8dot3">
|
||||
<ReplaceLink href="#sec8dot3">
|
||||
8.3 Thyroid Disorder, Thyroxine, Adrenal Disorder, ACTH, Cortisol
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec8dot4">
|
||||
<ReplaceLink href="#sec8dot4">
|
||||
8.4 Allergies, Immunity, Hypersensitivity, Anti-Inflammatory
|
||||
Disoirders
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec8dot5">8.5 Cancer, Oncology</Link>
|
||||
<ReplaceLink href="#sec8dot5">8.5 Cancer, Oncology</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="font-bold">
|
||||
|
@ -246,29 +263,29 @@ const ArticleInternationalAcupunctureBibliography = () => {
|
|||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="#sec9dot1">
|
||||
<ReplaceLink href="#sec9dot1">
|
||||
9.1 Veterinary Acupuncture and Animal Studies
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec9dot2">
|
||||
<ReplaceLink href="#sec9dot2">
|
||||
9.2 Experimental Pain Threshold and Induced Physical Symptoms
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec9dot3">
|
||||
<ReplaceLink href="#sec9dot3">
|
||||
9.3 Endorphin Release, Enkephalins, Dynorphins, Naloxone Reversal
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec9dot4">
|
||||
<ReplaceLink href="#sec9dot4">
|
||||
9.4 Body Physiology, Biochemistry, Neuroanatomical Studies, Neuron
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="#sec9dot5">
|
||||
<ReplaceLink href="#sec9dot5">
|
||||
9.5 EEG, Evoked Potentials, MRI Scans, PET Scans, SPECT
|
||||
</Link>
|
||||
</ReplaceLink>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
@ -38,13 +38,13 @@ const ArticlesLayout = ({ children }: Props) => {
|
|||
{isTopOfPage ? (
|
||||
<></>
|
||||
) : (
|
||||
<a
|
||||
href="#"
|
||||
<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"
|
||||
>
|
||||
<ArrowSmallUpIcon className="w-[24px]"></ArrowSmallUpIcon>
|
||||
<div className="text-sm italic">To Top</div>
|
||||
</a>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -1,10 +1,18 @@
|
|||
import View from "@/components/View";
|
||||
import Link from "next/link";
|
||||
|
||||
const ArtsForDocs = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="artsfordocs">
|
||||
<View
|
||||
bg_color="bg-primary-500"
|
||||
txt_color="text-primary-100"
|
||||
id="artsfordocs"
|
||||
>
|
||||
<h1>
|
||||
<em>For Doctors</em>
|
||||
</h1>
|
||||
<div>
|
||||
<h1>Osteopathy</h1>
|
||||
<h2>Osteopathy</h2>
|
||||
<div>
|
||||
<h2>Articles</h2>
|
||||
<Link href="/articles/osteopathic-head-pain" className="block">
|
||||
|
@ -47,7 +55,7 @@ const ArtsForDocs = () => {
|
|||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Acupuncture</h1>
|
||||
<h2>Acupuncture</h2>
|
||||
<div>
|
||||
<h2>Articles</h2>
|
||||
<Link href="/articles/five-element-acupuncture" className="block">
|
||||
|
@ -77,7 +85,7 @@ const ArtsForDocs = () => {
|
|||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,10 +1,20 @@
|
|||
import View from "@/components/View";
|
||||
import { Verify } from "crypto";
|
||||
import Link from "next/link";
|
||||
|
||||
const ArtsForPatients = () => {
|
||||
return (
|
||||
<section className="min-h-screen p-36" id="artsforpatients">
|
||||
<View
|
||||
bg_color="bg-primary-300"
|
||||
txt_color="text-primary-500"
|
||||
id="artsforpatients"
|
||||
>
|
||||
<h1>Articles</h1>
|
||||
<h1>
|
||||
<em>For Patients</em>
|
||||
</h1>
|
||||
<div>
|
||||
<h1>General</h1>
|
||||
<h2>General</h2>
|
||||
<Link href="/articles/ten-stages-of-grief" className="block">
|
||||
The Ten Stages of Grief
|
||||
</Link>
|
||||
|
@ -19,7 +29,7 @@ const ArtsForPatients = () => {
|
|||
</Link>
|
||||
</div>
|
||||
<div>
|
||||
<h1>What is Osteopathy?</h1>
|
||||
<h2>What is Osteopathy?</h2>
|
||||
<Link href="/articles/cranial-osteopathy" className="block">
|
||||
Cranial Osteopathy
|
||||
</Link>
|
||||
|
@ -52,7 +62,7 @@ const ArtsForPatients = () => {
|
|||
</Link>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Pediatric Osteopathy</h1>
|
||||
<h2>Pediatric Osteopathy</h2>
|
||||
<Link href="/articles/pediatric-digestive-problems" className="block">
|
||||
Digestive Problems
|
||||
</Link>
|
||||
|
@ -73,7 +83,7 @@ const ArtsForPatients = () => {
|
|||
</Link>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Acupuncture</h1>
|
||||
<h2>Acupuncture</h2>
|
||||
<Link href="/articles/acupuncture-basics" className="block">
|
||||
Acupuncture Basics
|
||||
</Link>
|
||||
|
@ -96,7 +106,7 @@ const ArtsForPatients = () => {
|
|||
Yamamoto New Scalp Acupuncture FAQ
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
import { Metadata } from "next";
|
||||
import NOR from "./views/NOR";
|
||||
import NORArticles from "./views/NORArticles";
|
||||
import NORVideos from "./views/NORVideos";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Dr. Feely | NOR",
|
||||
|
@ -15,8 +13,6 @@ const NeuroOcularRelease = () => {
|
|||
return (
|
||||
<main>
|
||||
<NOR></NOR>
|
||||
<NORArticles></NORArticles>
|
||||
<NORVideos></NORVideos>
|
||||
</main>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -1,8 +1,23 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const NOR = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="nor">
|
||||
NOR
|
||||
</section>
|
||||
<View bg_color="bg-primary-100" txt_color="text-primary-500" id="nor">
|
||||
<h1>Neuro Ocular Release</h1>
|
||||
<p>
|
||||
Neuro-ocular release (NOR) is a new osteopathic method that is designed
|
||||
to be used alongside other techniques. By utilizing the visual system,
|
||||
NOR accesses pathways that reset the central and peripheral nervous
|
||||
systems. In doing so, NOR more effectively alleviates somatic
|
||||
disfunction in less time than traditional methods alone.
|
||||
</p>
|
||||
<h2>Want to learn more?</h2>
|
||||
<p>
|
||||
Access to NOR content is only available to account holders. To request
|
||||
access, contact Dr. Feely at the link below.
|
||||
</p>
|
||||
<p>Already have an account?</p>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,9 +0,0 @@
|
|||
const NORArticles = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="norarticles">
|
||||
NORArticles
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default NORArticles;
|
|
@ -1,9 +0,0 @@
|
|||
const NORVideos = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="norvideos">
|
||||
NORVideos
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default NORVideos;
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const OsteoBasics = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="osteobasics">
|
||||
<View
|
||||
bg_color="bg-primary-100"
|
||||
txt_color="text-primary-500"
|
||||
id="osteobasics"
|
||||
>
|
||||
<p>
|
||||
Osteopathic Medicine finds its roots in the pioneering work of Dr.
|
||||
Andrew Taylor Still, who challenged the medical practices of his time.
|
||||
|
@ -49,7 +55,7 @@ const OsteoBasics = () => {
|
|||
also takes into account environmental, emotional, and psychological
|
||||
factors that contribute to a patient's well-being.
|
||||
</p>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,8 +1,13 @@
|
|||
import View from "@/components/View";
|
||||
import Link from "next/link";
|
||||
|
||||
const OsteoForDocs = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="osteofordocs">
|
||||
<View
|
||||
bg_color="bg-primary-500"
|
||||
txt_color="text-primary-100"
|
||||
id="osteofordocs"
|
||||
>
|
||||
<div className="">
|
||||
<div className="">View Dr. Feely's resources for doctors:</div>
|
||||
<Link href="/articles/feelys-osteopathic-dictionary" className="block">
|
||||
|
@ -22,7 +27,7 @@ const OsteoForDocs = () => {
|
|||
<div className="">
|
||||
Or, learn more by reading his articles for doctors:
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -101,7 +101,7 @@ const PediatricCare = () => {
|
|||
diaphragm function, reducing the need for medication and improving
|
||||
immune responses.
|
||||
</p>
|
||||
<LearnMoreButton href="/articles/pediatric-orthopedic-problems">
|
||||
<LearnMoreButton href="/articles/pediatric-respiratory-health">
|
||||
Dive deeper into respitory health and osteopathy
|
||||
</LearnMoreButton>
|
||||
</Card>
|
||||
|
@ -116,7 +116,7 @@ const PediatricCare = () => {
|
|||
nerve issues caused by birth, helping to resolve irritability,
|
||||
developmental delays, and other problems.
|
||||
</p>
|
||||
<LearnMoreButton href="/articles/pediatric-orthopedic-problems">
|
||||
<LearnMoreButton href="/articles/pediatric-treatment-for-newborns">
|
||||
Learn more about OMT and infants
|
||||
</LearnMoreButton>
|
||||
</Card>
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const AcademicWork = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="academicwork">
|
||||
<View
|
||||
bg_color="bg-primary-100"
|
||||
txt_color="text-primary-500"
|
||||
id="academicwork"
|
||||
>
|
||||
<div className="">
|
||||
<h2>Academic Appointments</h2>
|
||||
<div>
|
||||
|
@ -117,7 +123,7 @@ const AcademicWork = () => {
|
|||
<div>Kirksville College of Osteopathic Medicine</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const CertsAndFellows = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="certsandfellows">
|
||||
<View
|
||||
bg_color="bg-primary-300"
|
||||
txt_color="text-primary-500"
|
||||
id="certsandfellows"
|
||||
>
|
||||
<div className="">
|
||||
<h2>Board Certifications</h2>
|
||||
<div>
|
||||
|
@ -96,7 +102,7 @@ const CertsAndFellows = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
import View from "@/components/View";
|
||||
|
||||
const EduAndProExp = () => {
|
||||
return (
|
||||
<section className="min-h-screen" id="eduandproexp">
|
||||
<View
|
||||
bg_color="bg-primary-100"
|
||||
txt_color="text-primary-500"
|
||||
id="eduandproexp"
|
||||
>
|
||||
<div className="">
|
||||
<h2>Education</h2>
|
||||
<div>
|
||||
|
@ -76,7 +82,7 @@ const EduAndProExp = () => {
|
|||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -1,18 +1,27 @@
|
|||
"use client";
|
||||
|
||||
import Carousel from "@/components/Carousel";
|
||||
import HomePageCarousel from "@/components/HomePageCarousel";
|
||||
import { ChevronDoubleDownIcon } from "@heroicons/react/24/solid";
|
||||
import drFeelyPic from "@/public/content/dr_feely_headshot.png";
|
||||
import Image from "next/image";
|
||||
import View from "@/components/View";
|
||||
|
||||
/* Here be dragons */
|
||||
const Introduction = () => {
|
||||
return (
|
||||
<section
|
||||
className="text-primary-100 relative min-h-screen bg-primary-500 z-[-20]"
|
||||
<View
|
||||
bg_color="bg-primary-500 bg-opacity-75"
|
||||
txt_color="text-primary-100"
|
||||
id="introduction"
|
||||
className="overflow-hidden relative"
|
||||
>
|
||||
<div className="min-h-screen bg-transparent w-full flex items-center relative z-[-2] overflow-hidden">
|
||||
<div className="w-11/12 lg:w-5/6 mt-32 my-14 md:mt-12 md:my-0 mx-auto flex items-center flex-col gap-12 md:gap-4 md:flex-row md:justify-around">
|
||||
{/* "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">
|
||||
{/* bumpers so the content doesn't overlap with the navbar*/}
|
||||
<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">
|
||||
|
@ -27,25 +36,30 @@ const Introduction = () => {
|
|||
and headaches.
|
||||
</p>
|
||||
</hgroup>
|
||||
<div className="basis-4/12 flex justify-center">
|
||||
<div className="basis-4/12">
|
||||
<Image
|
||||
className="shadow-superPortraitR shadow-secondary-500 rounded-3xl max-w-sm w-full md:max-w-md"
|
||||
className="shadow-superPortraitR shadow-secondary-500 rounded-3xl w-fit"
|
||||
src={drFeelyPic}
|
||||
alt="Headshot of Dr. Feely"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-secondary-500 rounded-full hidden md:inline-block ml-[-10px] mb-3 absolute bottom-0 left-1/2 animate-bounce drop-shadow-xl p-1.5">
|
||||
<a href="/#philosophy">
|
||||
{/* 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">
|
||||
<ChevronDoubleDownIcon
|
||||
width="20px"
|
||||
className=""
|
||||
></ChevronDoubleDownIcon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<Carousel className="absolute top-0 left-0 h-full w-full z-[-10]"></Carousel>
|
||||
</section>
|
||||
{/* background image magic */}
|
||||
<HomePageCarousel className="h-full w-full absolute top-0 left-0 z-[-2]"></HomePageCarousel>
|
||||
<div className="h-full w-full absolute top-0 left-0 z-[-3] bg-primary-500"></div>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -24,7 +24,7 @@ const Carousel = ({ className }: Props) => {
|
|||
setBackgroundIndex(
|
||||
(prevIndex) => (prevIndex + 1) % backgroundImages.length
|
||||
);
|
||||
}, 10000);
|
||||
}, 9000);
|
||||
|
||||
return () => clearInterval(interval);
|
||||
}, []);
|
||||
|
@ -32,7 +32,7 @@ const Carousel = ({ className }: Props) => {
|
|||
const transitions = useTransition(backgroundIndex, {
|
||||
key: backgroundIndex,
|
||||
from: { opacity: 0 },
|
||||
enter: { opacity: 0.25 },
|
||||
enter: { opacity: 1 },
|
||||
leave: { opacity: 0 },
|
||||
config: { duration: 2500 },
|
||||
exitBeforeEnter: true,
|
|
@ -51,7 +51,7 @@ const Navbar = () => {
|
|||
className={
|
||||
"font-cormorant text-2xl p-5 whitespace-nowrap transition-all " +
|
||||
(useSmallNav
|
||||
? "text-transparent select-none duration-100"
|
||||
? "text-transparent select-none w-0 duration-100"
|
||||
: "duration-300 delay-100")
|
||||
}
|
||||
>
|
||||
|
|
11
website/components/ReplaceLink.tsx
Normal file
11
website/components/ReplaceLink.tsx
Normal file
|
@ -0,0 +1,11 @@
|
|||
import Link from "next/link";
|
||||
|
||||
const NoReplaceLink = (props: any) => {
|
||||
return (
|
||||
<Link replace={true} {...props}>
|
||||
{props.children}
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
||||
export default NoReplaceLink;
|
|
@ -29,8 +29,8 @@ module.exports = {
|
|||
cormorant: ["Cormorant", "serif"],
|
||||
},
|
||||
screens: {
|
||||
lg: "1100px",
|
||||
md: "900px",
|
||||
lg: "1200px",
|
||||
md: "975px",
|
||||
},
|
||||
keyframes: {
|
||||
fadeIn: {
|
||||
|
@ -51,11 +51,11 @@ module.exports = {
|
|||
superPortraitL: "-75px 75px 250px 0px",
|
||||
},
|
||||
content: {
|
||||
textAccent: "url('/text_accent.png')",
|
||||
textAccent2: "url('/text_accent_2.png')",
|
||||
quote: "url('/quote.png')",
|
||||
textAccent3: "url('/text_accent_3.png')",
|
||||
textAccent4: "url('/text_accent_4.png')",
|
||||
textAccent: "url('/content/text_accent.png')",
|
||||
textAccent2: "url('/content/text_accent_2.png')",
|
||||
quote: "url('/content/quote.png')",
|
||||
textAccent3: "url('/content/text_accent_3.png')",
|
||||
textAccent4: "url('/content/text_accent_4.png')",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue