additional asset and layout refactoring

layouts/AuthorLayout.tsx

@@ -12,9 +12,7 @@ interface Props {
 export default function AuthorLayout({ children, frontMatter }: Props) {
   const {
     name,
-    avatar,
-    occupation,
-    company,
+    bannerimage,
     email,
     facebook,
     instagram,
@@ -37,16 +35,13 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
         <div className="items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0">
           <div className="flex flex-col items-center space-x-2 pt-8">
             <Image
-              src={avatar}
+              src={bannerimage}
               alt="avatar"
-              width="192px"
-              height="192px"
-              className="h-48 w-48 rounded-full"
+              width="1250px"
+              height="579px"
+              className="rounded-sm"
             />
-            <h3 className="pt-4 pb-2 text-2xl font-bold leading-8 tracking-tight">{name}</h3>
-            <div className="text-gray-500 dark:text-gray-400">{occupation}</div>
-            <div className="text-gray-500 dark:text-gray-400">{company}</div>
-            <div className="flex space-x-3 pt-6">
+            <div className="flex space-x-3 pt-8">
               <SocialIcon kind="mail" href={`mailto:${email}`} size={6} />
               <SocialIcon kind="facebook" href={facebook} size={6} />
               <SocialIcon kind="instagram" href={instagram} size={6} />