blog-ts/components/blogHeader.tsx

import Link from "next/link";
import { raleway }from "@/app/fonts";

export default function BlogHeader() {
    return(
        <div>
            <div className="ml-20 py-8">
                <p className={`${raleway.className} text-2xl font-thin`}>SUYONO</p>
            </div>
            <div className="bg-gray-100">
                <div className="flex flex-row ml-20">
                    <Link href="/" className={`${raleway.className} m-2 font-thin text-sm`}>
                        Home
                    </Link>
                    <Link href="/about" className={`${raleway.className} m-2 font-thin text-sm`}>
                        About
                    </Link>
                    <Link href="/blog" className={`${raleway.className} m-2 font-thin text-sm`}>
                        Blog
                    </Link>
                </div>
            </div>
        </div>
    )
}