drfeely.com/app/(pages)/acupuncture/views/AcuForDocs.tsx

53 lines
1.7 KiB
TypeScript
Raw Normal View History

2023-10-20 19:25:25 +00:00
import { default as Image } from "next-image-export-optimizer";
2023-09-05 17:34:41 +00:00
import LearnMoreLinkLight from "@/components/LearnMoreLinkLight";
2023-08-31 03:18:58 +00:00
import View from "@/components/View";
2023-09-05 17:34:41 +00:00
import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid";
import ArtLink from "@/components/ArtLink";
import toshikatsu from "@/public/content/toshikatsu.jpg";
const AcuForDocs = () => {
return (
2023-08-31 03:18:58 +00:00
<View
bg_color="bg-primary-500"
txt_color="text-primary-100"
2023-09-10 06:03:26 +00:00
id="fordocs"
2023-09-05 17:34:41 +00:00
className="!min-h-0"
2023-08-31 03:18:58 +00:00
>
2023-09-05 17:34:41 +00:00
<div className="flex h-full flex-col items-center justify-around md:flex-row">
<div className="basis-2/5 md:text-right">
<h1>For Doctors:</h1>
<div className="mb-10">
<h2>View Dr. Feely's acupuncture resources</h2>
<ArtLink
href="/content/doctor-resources/point-categories.pdf"
target="_blank"
className="hover:drop-shadow-light"
>
Point Categories [PDF]
<ArrowTopRightOnSquareIcon className="inline w-[16px] align-[-2px]" />
</ArtLink>
</div>
<div>
<h2>Or, learn more by reading his articles</h2>
<LearnMoreLinkLight href="/articles#artsfordocs">
View all articles for doctors
</LearnMoreLinkLight>
</div>
</div>
<div className="basis-2/5">
<Image
src={toshikatsu}
alt="Image of Dr. Toshikatsu Yamamoto"
className="mx-auto block w-11/12 rounded-lg drop-shadow-2xl"
2023-09-05 17:34:41 +00:00
/>
<div className="mt-2 text-center text-base italic">
Dr. Toshikatsu Yamamoto
</div>
2023-09-05 17:34:41 +00:00
</div>
</div>
2023-08-31 03:18:58 +00:00
</View>
);
};
export default AcuForDocs;