drfeely.com/app/views/CertsAndFellows.tsx

37 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-08-31 03:18:58 +00:00
import View from "@/components/View";
import BoardCerts from "./components/BoardCerts";
import Fellowships from "./components/Fellowships";
import Awards from "./components/Awards";
2023-09-10 01:18:46 +00:00
import headshot from "@/public/content/dr_feely_headshot.png";
2023-10-20 19:25:25 +00:00
import { default as Image } from "next-image-export-optimizer";
2023-08-31 03:18:58 +00:00
2023-08-25 19:06:28 +00:00
const CertsAndFellows = () => {
return (
2023-09-10 06:03:26 +00:00
<View bg_color="bg-primary-300" txt_color="text-primary-500" id="accolades">
<h1>Accolades & Awards</h1>
<div className="mb-10 flex flex-col gap-10 md:flex-row">
<div className="md:basis-1/2">
<Fellowships className="" />
</div>
<div className="flex items-center justify-center md:basis-1/2">
<Image
src={headshot}
alt="Picture of Dr. feely"
className="w-5/6 self-center rounded-lg drop-shadow-2xl lg:w-3/5"
/>
2023-08-26 02:18:11 +00:00
</div>
</div>
<div className="flex flex-col gap-10 md:flex-row">
<div className="md:basis-1/2">
<BoardCerts />
2023-08-26 02:18:11 +00:00
</div>
<div className="md:basis-1/2">
<Awards />
2023-08-26 02:18:11 +00:00
</div>
</div>
2023-08-31 03:18:58 +00:00
</View>
2023-08-25 19:06:28 +00:00
);
};
export default CertsAndFellows;