added indiana info

app/(pages)/office/page.tsx

@@ -0,0 +1,11 @@
+import OfficeInfo from "./views/OfficeInfo";
+
+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>