Add Nini Naderi Persian RTL homepage.

Build the kids clothing store landing page with sample content, placeholders, and the purple-cyan-red light theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-13 14:04:45 +03:30
co-authored by Cursor
parent 4b3d9dede8
commit 78ef438f9d
21 changed files with 1559 additions and 86 deletions
+30
View File
@@ -0,0 +1,30 @@
import { categories } from "@/data/content";
import { toFaDigits } from "@/lib/format";
import { Placeholder } from "./Placeholder";
import { SectionHeading } from "./SectionHeading";
export function FeaturedCategories() {
return (
<section id="categories" className="container-nn py-8">
<SectionHeading english="Little Wardrobe" title="دسته‌بندی‌های محبوب" />
<div className="grid grid-cols-2 gap-3 sm:grid-cols-4 lg:grid-cols-8">
{categories.map((category) => (
<a
key={category.id}
href="#"
className="glass-box group rounded-3xl p-3 text-center shadow-soft transition hover:-translate-y-1"
>
<Placeholder
width={160}
height={160}
tone={category.tone}
rounded="rounded-2xl"
/>
<h3 className="mt-3 text-sm font-bold text-ink">{category.title}</h3>
<p className="text-xs text-muted">{toFaDigits(category.count)} مدل</p>
</a>
))}
</div>
</section>
);
}