Update[typography]: updates for font size & other adjustments

Author: ugistelmokaitis

.slicemachine/assets/customtypes/casestudy/mocks.json

@@ -1,19 +1,17 @@
 {
-  "id": "c4db49d4-769a-4b07-9b85-dc2a6b7d4be8",
-  "uid": "iste-dolore-dolor",
+  "id": "5aff6b0c-7e2b-4ac2-bce3-f0d54cfc3f5b",
+  "uid": "officiis-aut-dolores",
   "type": "casestudy",
   "data": {
-    "titleTag": "scale virtual deliverables",
-    "metaDescription": "transition sexy mindshare",
-    "workpagePrefix": "productize B2B functionalities",
-    "workpageTitle": "disintermediate frictionless metrics",
-    "workpageDescriptionBold": "streamline bleeding-edge metrics",
-    "workpageDescriptionRegular": "deliver e-business architectures",
-    "contentPrefix": "deploy real-time mindshare",
+    "titleTag": "deploy real-time channels",
+    "metaDescription": "facilitate viral content",
+    "companyName": "revolutionize impactful web-readiness",
+    "aboutCompany": "facilitate real-time functionalities",
+    "contentPrefix": "expedite scalable web services",
     "contentTitle": [
       {
         "type": "paragraph",
-        "text": "Sint pariatur magna deserunt elit id minim. Pariatur commodo incididunt officia adipisicing laborum exercitation id ut laboris officia adipisicing minim fugiat voluptate. Ut elit eu proident deserunt qui mollit in pariatur consectetur labore et elit do cupidatat.",
+        "text": "Amet sit elit non cillum officia minim elit elit est aliquip veniam. Dolor laborum eiusmod laboris.",
         "spans": []
       }
     ],
@@ -24,7 +22,7 @@
       },
       "alt": "Placeholder image",
       "copyright": null,
-      "url": "https://images.unsplash.com/photo-1606248897732-2c5ffe759c04?w=900&h=500&fit=crop"
+      "url": "https://images.unsplash.com/photo-1593642532973-d31b6557fa68?w=900&h=500&fit=crop"
     }
   }
 }

components/badgeButton.tsx

@@ -14,10 +14,12 @@ const TagButton: FC<BadgeButtonProps> = ({ child1, child2, ...props }) => (
     className="inline-flex items-center justify-between rounded-full bg-primary-25 py-1 px-1 pr-4 hover:bg-primary-50 dark:bg-neutral-65 dark:hover:bg-neutral-50"
     {...props}
   >
-    <span className="mr-3 rounded-full bg-primary-100 px-4 py-1 text-neutral-0">
+    <span className="ABCWhyteEdu-Medium mr-3 rounded-full bg-primary-100 px-4 py-1  font-medium text-neutral-0">
       {child1}
     </span>
-    <span className="text-neutral-100 dark:text-neutral-0">{child2}</span>
+    <span className="ABCWhyteEdu-Medium font-[350] text-neutral-100 dark:text-neutral-0">
+      {child2}
+    </span>
     <div className="ml-4">
       <BadgeButtonArrow className="text-neutral-100 dark:text-neutral-0" />
     </div>

components/browserWindow.tsx

@@ -13,8 +13,8 @@ const BrowserWindow: FC<IBrowseWindow> = ({ child1, child2 }) => (
   <>
     <div className="hidden dark:flex">
       <div className="container dark:drop-shadow-[0px_-10px_200px_rgba(119,197,227,0.50)]">
-        <div className="grid-starts-1 mt-8 gap-16 md:grid-cols-12 lg:grid">
-          <div className="col-span-10 col-start-2 my-12">
+        <div className="mt-8 gap-16 md:grid-cols-12 lg:grid">
+          <div className="my-12 lg:col-span-10 lg:col-start-2">
             <div className="mx-auto">
               <div className="flex h-11 w-full items-center justify-start space-x-1.5 rounded-t-lg border-[1px] border-neutral-80 bg-[#0B0B0B]/80 px-5">
                 <div className="-mb-[1.7px] -ml-2 border-t-[1px] border-yellow-100/60">

components/footer.tsx

@@ -16,7 +16,7 @@ const Footer: FC<ISettings> = ({ settings }) => {
   const router = useRouter();
 
   return (
-    <div className="bg-neutral-0 pt-52 selection:bg-primary-50 selection:text-neutral-100 dark:bg-neutral-100 ">
+    <div className="bg-neutral-0 pt-[6rem] dark:bg-neutral-100 lg:pt-40 ">
       <Container>
         <Divider />
 
@@ -28,9 +28,9 @@ const Footer: FC<ISettings> = ({ settings }) => {
                   <Button
                     href={docResolver(pageLink)}
                     variant="neutral"
-                    className={` ${`grid grid-cols-1 rounded-md py-[0.75rem] px-[0.75rem] font-ABCWhyteEdu-Medium text-pSMSemiBold font-semibold text-neutral-50 hover:bg-primary-25  dark:text-neutral-30  dark:hover:bg-neutral-80 xl:flex`} ${
+                    className={` ${`ABCWhyteEdu-Medium grid grid-cols-1 rounded-md py-[0.75rem] px-[0.75rem] font-[350] text-neutral-65 hover:bg-primary-25  dark:text-neutral-30  dark:hover:bg-neutral-80 xl:flex`} ${
                       router.asPath === docResolver(pageLink)
-                        ? `text-[#111827]  dark:text-[#FFFFFF]`
+                        ? `font-medium  text-[#111827] dark:text-[#FFFFFF]`
                         : ''
                     }`}
                   >
@@ -70,7 +70,7 @@ const Footer: FC<ISettings> = ({ settings }) => {
               )
             )}
           </div>
-          <div className="font-charmRegular mt-6 text-pSMRegular font-normal text-neutral-30 dark:text-neutral-15 xl:mt-0">
+          <div className="ABCWhyteEdu-Medium mt-6 font-[350] text-neutral-65  dark:text-neutral-15 xl:mt-0">
             {settings.data.siteCredit}
           </div>
         </div>