added indiana info

This commit is contained in:
Noah Swerhun 2024-08-02 14:42:31 -05:00
parent 3f9a24c175
commit 9f27ce119f
12 changed files with 134 additions and 2 deletions

View file

@ -0,0 +1,11 @@
import OfficeInfo from "./views/OfficeInfo";
const Office = () => {
return (
<main>
<OfficeInfo></OfficeInfo>
</main>
);
};
export default Office;

View file

@ -0,0 +1,62 @@
import CenterView from "@/components/CenterView";
import officePic from "@/public/content/private_office.png";
import officeMap from "@/public/content/office_map.png";
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import { default as Image } from "next-image-export-optimizer";
import Link from "next/link";
const OfficeInfo = () => {
return (
<CenterView bg_color="bg-primary-100" txt_color="text-primary-500" id="nor">
<div className="flex flex-col items-center justify-around gap-6 md:flex-row">
<div className="basis-2/5">
<h1>Private Practice</h1>
<p className="my-2">
Dr. Feely is in private practice in Carmel, IN, outside of
Indianapolis. His practice is limited to difficult
neuromusculoskeletal pain conditions.
</p>
<p className="my-2">The office is located at:</p>
<p className="m-5">
755 W. Carmel Drive, Suite 211
<br />
Carmel, IN 46032
<br />
<Link
target="_blank"
href="https://maps.google.com/maps?ll=39.966427,-86.144966&z=16&t=m&hl=en&gl=US&mapclient=embed&q=755%20W%20Carmel%20Dr%20Suite%20211%20Carmel%2C%20IN%2046032"
className="trasnition-all underline duration-300 hover:drop-shadow"
>
View on Google Maps{" "}
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</Link>
</p>
<p className="my-2">
Treatment by appointment only. To schedule an appointment, please
call{" "}
<Link href="tel:+14632821163" className="font-bold underline">
463-282-1163.
</Link>{" "}
Payment is due at the time of service.{" "}
<b>Insurance is not accepted.</b>
</p>
</div>
<div className="basis-2/5">
<Image
src={officePic}
alt="Dr. Feely's office"
className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
/>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1675.543804235718!2d-86.14708674578002!3d39.96541265137211!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8814ac5a7ebfffff%3A0xb04bf8ed82c77ae6!2s755%20W%20Carmel%20Dr%20Suite%20211%2C%20Carmel%2C%20IN%2046032!5e0!3m2!1sen!2sus!4v1722625984763!5m2!1sen!2sus"
height="300"
loading="lazy"
className="mx-auto my-10 block w-11/12 rounded-lg drop-shadow-2xl"
></iframe>
</div>
</div>
</CenterView>
);
};
export default OfficeInfo;

View file

@ -5,6 +5,7 @@ import { ChevronDoubleDownIcon } from "@heroicons/react/24/solid";
import drFeelyPic from "@/public/content/dr_feely_headshot2.png";
import { default as Image } from "next-image-export-optimizer";
import View from "@/components/View";
import ArtLink from "@/components/ArtLink";
/* Here be dragons */
const Introduction = () => {
@ -35,6 +36,12 @@ const Introduction = () => {
neuromusculoskeletal pain&mdash;especially head, neck, and back
pain.
</p>
<p className="mt-4 text-2xl">
Dr. Feely is in private practice in Indianapolis.{" "}
<ArtLink href="/office" divClasses="inline">
Learn More
</ArtLink>
</p>
</hgroup>
<div className="basis-4/12">
<Image

View file

@ -9,6 +9,7 @@ import atStillLogo from "@/public/content/at_still.png";
import westernULogo from "@/public/content/western_university.png";
import cranialLogo from "@/public/content/osteopathic_cranial_academy.png";
import aaoLogo from "@/public/content/aao.png";
import marianUniversity from "@/public/content/marian_university.png";
import { default as Image } from "next-image-export-optimizer";
interface Props {
@ -27,13 +28,25 @@ const AcademicAppts = ({ className }: Props) => {
<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>
Marian University
<br />
College of Osteopathic Medicine
</h2>
<div className={cardYearsStyle}>2024-Present</div>
<div className={cardPositionStyle}>
Associate Clinical Professor of Osteopathic Manipulative Medicine
</div>
</Card>
<Card>
<h2>
Midwestern University
<br />
Chicago College of Osteopathic Medicine
</h2>
<div className={cardYearsStyle}>1998-Present</div>
<div className={cardYearsStyle}>1998-2024</div>
<div className={cardPositionStyle}>
Clinical Associate Professor of Osteopathic Manipulative Medicine
</div>
@ -86,6 +99,11 @@ const AcademicAppts = ({ className }: Props) => {
)}
</div>
<div className="hidden flex-col items-center justify-center gap-32 md:flex md:basis-1/2">
<Image
className={logoStyle + " !h-24"}
src={marianUniversity}
alt="Marian university logo"
/>
<Image
className={logoStyle + " !h-40"}
src={midwesternLogo}

View file

@ -8,8 +8,11 @@ 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 marianUniversity from "@/public/content/marian_university.png";
import feelyLogo from "@/public/content/logo.png";
import { default as Image } from "next-image-export-optimizer";
import whoLogo from "@/public/content/who.png";
import ArtLink from "@/components/ArtLink";
interface Props {
className?: string;
@ -27,11 +30,17 @@ const ProExp = ({ className }: Props) => {
<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 + " !h-24"}
src={marianUniversity}
alt="Marian university logo"
/>
<Image
className={logoStyle}
src={tcmmTestsLogo}
alt="TCM tests logo"
/>
<Image className={logoStyle} src={feelyLogo} alt="Feely LTD logo" />
<Image
className={logoStyle}
src={feelyCenterLogo}
@ -65,6 +74,20 @@ const ProExp = ({ className }: Props) => {
)}
</div>
<div className="flex flex-col gap-4 md:basis-1/2">
<Card>
<h2>
Marian University
<br />
College of Osteopathic Medicine
</h2>
<div className={cardYearsStyle}>2024-Present</div>
<div className={cardPositionStyle}>
Associate Clinical Professor of Osteopathic Manipulative Medicine
</div>
<div>
Professor at a leading osteopathic medical school in Indianapolis.
</div>
</Card>
<Card>
<h2>TCMtests, LLC</h2>
<div className={cardYearsStyle}>2003-Present</div>
@ -78,6 +101,14 @@ const ProExp = ({ className }: Props) => {
Acupuncturist and Oriental Medical Doctors
</div>
</Card>
<Card>
<h2>Private Practice (Feely, LTD.)</h2>
<div className={cardYearsStyle}>2024-Present</div>
<div>
Dr. Feely's private practice in Carmel, Indiana.{" "}
<ArtLink href="/office">Click here for more information.</ArtLink>
</div>
</Card>
<Card>
<h2>Feely Center for Optimal Health</h2>
<div className={cardYearsStyle}>2000-2023</div>

View file

@ -21,7 +21,7 @@ const Contact = () => {
/>
</div>
<div>
<h1 className="my-5 text-5xl">Contact Dr. Feely</h1>
<h1 className="my-5 text-center text-5xl">Contact Dr. Feely</h1>
<div className="text-center text-2xl">
at{" "}
<ArtLink

View file

@ -11,6 +11,9 @@ const NavPages = ({ currentPageClasses }: Props) => {
<NavLink page="/" currentPageClasses={currentPageClasses}>
Home
</NavLink>
<NavLink page="/office" currentPageClasses={currentPageClasses}>
Office
</NavLink>
<NavLink page="/osteopathy" currentPageClasses={currentPageClasses}>
Osteopathy
</NavLink>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,024 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB