Merhaba! Bu benim ilk blog yazım. Burada bazı önemli nokta
layout.tsx
interface PageLayoutProps {
children: React.ReactNode;
title: string;
description?: string;
}
export default function PageLayout(props: PageLayoutProps) {
return (
<div className="mt-4">
<header className="mb-10 animate-in slide-in-from-top-20 duration-500 fade-in">
<h1 className="font-bold text-6xl">{props.title}</h1>
{props.description && (
<p className="text-lg text-black/80 lg:w-2/3 mt-4">
{props.description}
</p>
)}
</header>
<div className="animate-in fade-in slide-in-from-top-20 duration-500">
{props.children}
</div>
</div>
);
}
ları paylaşmak istiyorum.
Alt Başlık
İşte birkaç liste örneği:
- Kalın yazı
- Eğik yazı
- <u>Altı çizili</u> yazı
Küçük Bir Başlık
Bu da bir paragraf. İçinde bir bağlantı var.
"Burası alıntı metni, dikkat çekici görünür."
Son olarak küçük bir görsel de ekleyelim: