updated 2024

app/(pages)/office/page.tsx

@@ -0,0 +1,17 @@
+import { Metadata } from "next/types";
+import OfficeInfo from "./views/OfficeInfo";
+
+export const metadata: Metadata = {
+  title: "Private Practice | Dr. Feely",
+  description: `Dr. Feely is in private practice in Carmel, IN, outside of Indianapolis. His practice is limited to difficult neuromusculoskeletal pain conditions.`,
+};
+
+const Office = () => {
+  return (
+    <main>
+      <OfficeInfo></OfficeInfo>
+    </main>
+  );
+};
+
+export default Office;

app/(pages)/office/views/OfficeInfo.tsx

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

app/views/Introduction.tsx

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

app/views/components/AcademicAppts.tsx

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

app/views/components/ProExp.tsx

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

components/Contact.tsx

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

components/Navbar/NavPages.tsx

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

public/content/next-image-export-optimizer-hashes.json

@@ -5,7 +5,7 @@
     "/acupuncture_1.jpg": "S7pf+YfgY-yahAyjPHesd-9JErUwin5ODNa5oSGG2l0=",
     "/acupuncture_elements.png": "LNsfjlR1hVyaoUA1NxC+8HahBYHW1I8iD+qrDArOhUk=",
     "/acupuncture_manuscript.jpg": "-qP96kDo8d-uKe9z-Ctw2r6vMoJiRPvdr3Cg83l0pDs=",
-    "/at_still.png": "V0eG+E0A83WWML6vK87K3FiJ3Jpf6z9yiiFJx5PH+hw=",
+    "/at_still.png": "-1V2ehiF+LQSci-fsfhYBrwpjKsNoxEvOBhJleiIAdY=",
     "/at_still_university.jpg": "lquRZHhDT5KxlUjwrWuRkzBfmZ6nCYJm+EBIj3sE8Ws=",
     "/auricular_accupuncture.jpg": "9w6gEZFMfXpgQ63OE3zTXjqbtSdIVlg8P9CcMqUIlbE=",
     "/chicago.jpg": "dYTIqhAAliNS2cf5J8BN+LAj0aymDujz1GXbjbb9RzY=",
@@ -28,11 +28,15 @@
     "/logo_lion.png": "XlZeW4nyt-JzsWQwVlqZuZbWDJQxAdGmZfdhkY7X1w8=",
     "/logo_small.png": "8OS19qJf23esai1rzcCCOllZ+o1OEjDJTNDKVpZa1pM=",
     "/logo_unicorn.png": "8TSISD5eafROBOvAYOn4bz5YzzX3THcIPYwPEMJrmxU=",
+    "/marian_university.png": "W9ssgLuIv8YvNFM0blFu6JFJrhAqS-U9e3FPaDlFPG4=",
+    "/marian_university.webp": "MDVHoDWPySitAnnnKYhvQr+ONfGr8RJLCHiJTczam84=",
     "/midwestern_college.jpg": "9qbidXeVusLX9QHmDTq0LvbXvxpUR0qtCSYNpxu5YOE=",
     "/midwestern_college.png": "Dv5dJpX4TaXyJmZTpap9OCxaUqcFOECHs61VnaUp9LY=",
     "/nature.jpg": "OYNpGUtpKv-FWBRSo9tyTKNzDvWfuh54pbEcNZA15xQ=",
+    "/office_map.png": "6tErPVySBqsi5qmPaxxv16fbDXgqnTwyTYFKLgbwfak=",
     "/omm_logo.png": "UbVSnIDsv0e+7qk4hp8QEbEt6MCn1G6Anl+xYiaZ6Z4=",
     "/osteopathic_cranial_academy.png": "X+TsLGYu3Fu6X8Tr176vLyEiSIGAQsFZEAdbtefHXQI=",
+    "/private_office.png": "gGaSHszlKLUHggS+FE4-sPrnCixMnzLstr7I2q8l8Ew=",
     "/quote.png": "1PSUp5Yf9ABCQ9YbnZK09C6y0Bf+LmMkBi1s7X+8NPQ=",
     "/scalp_points.png": "Iao5NQvOpK+vsO+XQQHhpACjPASn6GOfX66WvXt0XXI=",
     "/sick_child.jpg": "iICDkNxc03pO+EAwEqb4rhaTWq7O7L2bTfyNuuBBx+Y=",
@@ -56,7 +60,7 @@
     "/acupuncture_1.3adcf23a.jpg": "-Zqj5-32cEnv1EHvSBRrYAZAqiXC58foRDlJy9yN59U=",
     "/acupuncture_elements.93eac310.png": "zS-YkCT+AjH+t4yDbXHyLLkmq+VbrZIph-U3DErP2ik=",
     "/acupuncture_manuscript.0ccec078.jpg": "S3XzWWcvXOuCo+AVg6zEV5LJ+VUlnNhoDXaj2-T5MxA=",
-    "/at_still.4d2d00f9.png": "duAPZThUTOEQ4xSZ-Q-qAgeIOrEt9IPUmD7O+v0wcxA=",
+    "/at_still.e6af7e85.png": "vYpV282ugZ5XJDfh82cdj--vR3zziNMhxNasFUmLJAc=",
     "/at_still_university.5a3a6a72.jpg": "X+lJWIqd9i467zbybSBeKNbv8C3ZkPZZ4bEj8-b1Lyo=",
     "/auricular_accupuncture.3c3ce2ad.jpg": "MjGcqZmCEcjg-rrS1EOiIu+euMKDK8Mi0-CnaMYgl2A=",
     "/chicago.912436ea.jpg": "WtNJkVFlXqAgFgfAX40MV3milTwmp3Qx6CsiRCF0nPY=",
@@ -73,13 +77,16 @@
     "/feelycenter.0e324ea0.png": "J2LJBI19nB4rzHrupyjFUAbkottkrhKRf5Sl8tNPROA=",
     "/indianapolis.cc2247fc.png": "klcooYOWYeVNJyfC7fS-wQR6vUw9jzEDtbbzmhACneg=",
     "/infant.51100bb8.jpg": "NjccoZySslCJy8lCt39UemkiljUt6OG3RGzq0v8EXL8=",
+    "/logo.6d10b231.png": "-+BCgBIIgk2YfFDo6jVI6qAI2YdwVqCNURFB6NWfLZ4=",
     "/logo_lion.4ea2c983.png": "VEO8MzoZOtTwfE8pjlAeXZ4BWBRnkfapP5n57xmP8iU=",
     "/logo_small.47470946.png": "5KocBTm4e5rB1AqDpanaVjJk71MwbiTBm18jX-E2OOE=",
     "/logo_unicorn.9ccec97a.png": "hcmihQEQlgse53s3xs5pil0DnkaBz-jk39xnl4qMZKY=",
+    "/marian_university.4c53bc0e.png": "iVxKzajLK9mqey7l-+YS5erLY9m8mE2CPBPIQ9dq498=",
     "/midwestern_college.5ef4e4c0.png": "18BMODgsffr8-vaEDwAHtRHqMMreft-6PSxpQlj2DSw=",
     "/nature.97e8e1ba.jpg": "tyPV02xpLJxwkjLZ5-vzSeaXryM1gkEvE9HJjcx+gyc=",
     "/omm_logo.fe97dd6e.png": "1+vTGYAFVgOVl95SsvX9WsdNe3GKYE7ZKTAELlpbh+8=",
     "/osteopathic_cranial_academy.8bf2f27f.png": "j4nEK0ABUrnHuDP3WaZ5Ny--Dlp9dUjCJuZHw4TWJPw=",
+    "/private_office.d375cc84.png": "12KQAIgHGu5m9MDUgqyhLWebEAzO5D+cwLtPQdD16+U=",
     "/scalp_points.aba6a342.png": "-HZZOjSWi82TCjQZ5DXrR3trfnCqtmZzZK3tFT9kz3c=",
     "/sick_child.69edb23b.jpg": "9SFL6xQL4JQcLn-IY4LiRBE8QdNURM0eSDQw4vSQ234=",
     "/stages_of_grief.676b31dd.png": "PzeHqTpcypn5k6c4ssZXKtHEF9qQrcwT2JKSU0sgdfk=",