homepage redone, switched to views

This commit is contained in:
Noah Swerhun 2023-08-30 22:18:58 -05:00
parent 438025ef34
commit 651758570d
24 changed files with 291 additions and 186 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,9 +0,0 @@
const NORArticles = () => {
return (
<section className="min-h-screen" id="norarticles">
NORArticles
</section>
);
};
export default NORArticles;

View file

@ -1,9 +0,0 @@
const NORVideos = () => {
return (
<section className="min-h-screen" id="norvideos">
NORVideos
</section>
);
};
export default NORVideos;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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">
<ChevronDoubleDownIcon
width="20px"
className=""
></ChevronDoubleDownIcon>
</a>
</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>
<Carousel className="absolute top-0 left-0 h-full w-full z-[-10]"></Carousel>
</section>
{/* 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>
</div>
{/* 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>
);
};

View file

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

View file

@ -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")
}
>

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

View file

@ -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')",
},
},
},