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:
co-authored by
Cursor
parent
4b3d9dede8
commit
78ef438f9d
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user