fix: fonts

Author: shadcn

app/(marketing)/[...slug]/page.tsx

@@ -84,7 +84,7 @@ export default async function PagePage({ params }: PageProps) {
   return (
     <article className="container max-w-3xl py-6 lg:py-12">
       <div className="space-y-4">
-        <h1 className="inline-block font-heading text-4xl font-extrabold lg:text-5xl">
+        <h1 className="inline-block font-heading text-4xl lg:text-5xl">
           {page.title}
         </h1>
         {page.description && (

app/(marketing)/blog/[...slug]/page.tsx

@@ -114,7 +114,7 @@ export default async function PostPage({ params }: PostPageProps) {
             Published on {formatDate(post.date)}
           </time>
         )}
-        <h1 className="mt-2 inline-block font-heading text-4xl font-extrabold leading-tight lg:text-5xl">
+        <h1 className="mt-2 inline-block font-heading text-4xl leading-tight lg:text-5xl">
           {post.title}
         </h1>
         {authors?.length ? (

app/(marketing)/blog/page.tsx

@@ -20,7 +20,7 @@ export default async function BlogPage() {
     <div className="container max-w-4xl py-6 lg:py-10">
       <div className="flex flex-col items-start gap-4 md:flex-row md:justify-between md:gap-8">
         <div className="flex-1 space-y-4">
-          <h1 className="inline-block font-heading text-4xl font-extrabold tracking-tight lg:text-5xl">
+          <h1 className="inline-block font-heading text-4xl tracking-tight lg:text-5xl">
             Blog
           </h1>
           <p className="text-xl text-muted-foreground">

app/(marketing)/page.tsx

@@ -45,7 +45,7 @@ export default async function IndexPage() {
           >
             Follow along on Twitter
           </Link>
-          <h1 className="font-heading text-3xl font-bold sm:text-5xl md:text-6xl lg:text-7xl">
+          <h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
             An example app built using Next.js 13 server components.
           </h1>
           <p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
@@ -72,7 +72,7 @@ export default async function IndexPage() {
         className="container space-y-6 bg-slate-50 py-8 dark:bg-transparent md:py-12 lg:py-24"
       >
         <div className="mx-auto flex max-w-[58rem] flex-col items-center space-y-4 text-center">
-          <h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
+          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
             Features
           </h2>
           <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
@@ -177,7 +177,7 @@ export default async function IndexPage() {
       </section>
       <section id="open-source" className="container py-8 md:py-12 lg:py-24">
         <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center">
-          <h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
+          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
             Proudly Open Source
           </h2>
           <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">

app/(marketing)/pricing/page.tsx

@@ -12,7 +12,7 @@ export default function PricingPage() {
   return (
     <section className="container flex flex-col  gap-6 py-8 md:max-w-[64rem] md:py-12 lg:py-24">
       <div className="mx-auto flex w-full flex-col gap-4 md:max-w-[58rem]">
-        <h2 className="font-heading text-3xl font-bold leading-[1.1] sm:text-3xl md:text-6xl">
+        <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
           Simple, transparent pricing
         </h2>
         <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">

components/header.tsx

@@ -12,9 +12,7 @@ export function DashboardHeader({
   return (
     <div className="flex items-center justify-between px-2">
       <div className="grid gap-1">
-        <h1 className="font-heading text-3xl font-bold md:text-4xl">
-          {heading}
-        </h1>
+        <h1 className="font-heading text-3xl md:text-4xl">{heading}</h1>
         {text && <p className="text-lg text-muted-foreground">{text}</p>}
       </div>
       {children}

components/mobile-nav.tsx

@@ -21,7 +21,7 @@ export function MobileNav({ items, children }: MobileNavProps) {
         "fixed inset-0 top-16 z-50 grid h-[calc(100vh-4rem)] grid-flow-row auto-rows-max overflow-auto p-6 pb-32 shadow-md animate-in slide-in-from-bottom-80 md:hidden"
       )}
     >
-      <div className="relative z-20 grid gap-6 rounded-md bg-white p-4 shadow-md">
+      <div className="relative z-20 grid gap-6 rounded-md bg-popover p-4 text-popover-foreground shadow-md">
         <Link href="/" className="flex items-center space-x-2">
           <Icons.logo />
           <span className="font-bold">{siteConfig.name}</span>

components/page-header.tsx

@@ -14,7 +14,7 @@ export function DocsPageHeader({
   return (
     <>
       <div className={cn("space-y-4", className)} {...props}>
-        <h1 className="inline-block font-heading text-4xl font-black lg:text-5xl">
+        <h1 className="inline-block font-heading text-4xl lg:text-5xl">
           {heading}
         </h1>
         {text && <p className="text-xl text-muted-foreground">{text}</p>}