💄 Add more font weights, fix styles etc

mptwaktusolat · Jan 29, 2024 · df1cf29 · df1cf29
1 parent 92af7fd
commit df1cf29
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/app/[locale]/layout.js b/app/[locale]/layout.js
@@ -5,7 +5,7 @@ import i18nConfig from '@/i18nConfig';
 import { dir } from 'i18next';
 import { Analytics } from '@vercel/analytics/react';
 
-const poppins = Poppins({ subsets: ["latin"], weight: "400", display: "swap" });
+const poppins = Poppins({ subsets: ["latin"], weight: ["400", "500", "600", "700"], display: "swap" });
 
 export const metadata = {
   metadataBase: new URL(process.env.NEXT_PUBLIC_WEBSITE_URL || 'https://waktusolat.app'),

diff --git a/components/sections/HeroSection.jsx b/components/sections/HeroSection.jsx
@@ -12,7 +12,7 @@ import LanguageChanger from "@/components/LanguageChanger";
 import { Tooltip } from "react-tooltip";
 
 const Hero = () => {
-  const latestVersion = "2.11.1";
+  const latestVersion = "2.11.3";
   const { t } = useTranslation();
   return (
     <section className="relative">
@@ -82,7 +82,7 @@ const Hero = () => {
               </span>
             </Link>
           </div>
-          <h1 className="mt-10 ml-3 text-4xl font-bold tracking-tight text-zinc-800 dark:text-slate-200 sm:text-6xl">
+          <h1 className="mt-10 ml-3 text-4xl font-medium tracking-tight text-zinc-800 dark:text-slate-200 sm:text-6xl">
             {t("appName")}
           </h1>
           <p className="my-4 ml-3 text-lg leading-8 text-zinc-800 dark:text-slate-200">
@@ -122,7 +122,7 @@ const Hero = () => {
                     className="group-hover:-rotate-12 transition-all "
                   />
                 </span>
-                <span className="mx-2 font-semibold text-lg sm:text-xl">
+                <span className="mx-2 font-medium text-lg sm:text-xl">
                   {" "}
                   REST API
                 </span>

diff --git a/mdx-components.js b/mdx-components.js
@@ -8,9 +8,10 @@ export function useMDXComponents(components) {
     return {
         li: (props) => <li {...props} className="mt-2" />,
         h1: (props) => <h1 {...props} className="text-4xl font-bold mt-4 mb-2" />,
-        h2: (props) => <h2 {...props} className="text-3xl font-bold mt-6 mb-2 text-blue" />,
-        p: (props) => <p {...props} className="mt-2 mb-6" />,
+        h2: (props) => <h2 {...props} className="text-3xl font-medium mt-6 mb-2" />,
+        p: (props) => <p {...props} className="mt-2 mb-6 font-normal" />,
         a: (props) => <a {...props} className="markdown_a dark:text-cyan-400" />,
+        strong: (props) => <strong {...props} className="font-bold" />,
         code: (props) => <code {...props} className="text-fuchsia-600 dark:text-fuchsia-400 p-0.5 bg-fuchsia-100/70 dark:bg-fuchsia-900/30 rounded-sm" />,
         ...components,
     }