import View from "@/components/View";
import AcademicAppts from "./components/AcademicAppts";
import Books from "./components/Books";
import Articles from "./components/Articles";

const AcademicWork = () => {
  return (
    <View
      bg_color="bg-primary-100"
      txt_color="text-primary-500"
      id="academicwork"
    >
      <h1>Academic Work</h1>
      <AcademicAppts />
      <div className="mt-10 flex flex-col gap-10 md:flex-row">
        <div className="basis-1/2">
          <Books />
        </div>
        <div className="basis-1/2">
          <Articles />
        </div>
      </div>
    </View>
  );
};

export default AcademicWork;
